ROADMAP 7 HARI BELAJAR BARENG MENGENAL HTML - HARI KE - 2

Pada Hari - ke 2 saat kita belajar HTML, mari kita eksplorasi lebih rinci mengenai 

"Mengenal Tag HTML Dasar" agar kita memahami tag-tag dasar yang digunakan dalam HTML:

HARI KE 2.

Mengenal Tag HTML Dasar

HTML menggunakan sejumlah tag atau elemen untuk mengorganisasi dan menampilkan konten pada halaman web. Ini adalah beberapa tag HTML dasar yang penting:

1. <h1>, <h2>, <h3>, hingga <h6>:

• Tag-heading digunakan untuk judul dan subjudul. <h1> adalah yang paling penting (biasanya untuk judul utama), sedangkan <h6> adalah yang paling kecil. Misalnya:

html

<h1>Judul Utama</h1>
<h2>Subjudul</h2>

2. <p>:

• Tag-paragraph digunakan untuk menandai paragraf teks. Ini memisahkan teks menjadi bagian yang lebih mudah dibaca. Contoh:

html

<p>Ini adalah paragraf pertama.</p>
<p>Ini adalah paragraf kedua.</p>

3. <a>:

• Tag-anchor digunakan untuk membuat tautan atau hyperlink ke halaman web lain atau berkas lainnya. Anda menggunakan atribut href untuk menentukan URL tujuan. Misalnya:

html

<a href="https://www.contoh.com">Kunjungi Contoh.com</a>

4. <img>:

• Tag-image digunakan untuk menampilkan gambar pada halaman web. Anda menggunakan atribut src untuk menentukan sumber gambar. Misalnya:

html

<img src="gambar.jpg" alt="Deskripsi Gambar">

5. <ul>, <ol>, dan <li>:

• Tag-list digunakan untuk membuat daftar. <ul> adalah daftar tak terurut (unordered list) dan <ol> adalah daftar terurut (ordered list). <li> digunakan untuk setiap item dalam daftar tersebut. Contoh:

html

<ul>
  <li>Item pertama</li>
  <li>Item kedua</li>
</ul>
<ol>
  <li>Item pertama</li>
  <li>Item kedua</li>
</ol>

6. <br>:

• Tag-break line atau <br> digunakan untuk membuat jeda baris. Ini berguna jika Anda ingin mengakhiri baris teks dan memulai yang baru tanpa membuat paragraf baru. Misalnya:

html

Ini adalah baris pertama.<br>
Ini adalah baris kedua.

7. <strong> dan <em>:

• Tag <strong> digunakan untuk menekankan teks secara kuat (biasanya diberi tampilan tebal), sementara <em> digunakan untuk menekankannya secara emfasiskan (biasanya diberi tampilan miring). Contoh:

html

<p><strong>Teks penting</strong></p>
<p><em>Teks ditekankan</em></p>

Ini adalah beberapa tag HTML dasar yang akan membantu Kami memformat dan menampilkan konten pada halaman web. Dengan memahami penggunaan tag-tag ini, dapat memulai untuk membuat halaman web sederhana dan mengatur tampilan konten dengan lebih baik. Jangan ragu untuk mencoba mereka dan berlatih untuk memahami bagaimana mereka berinteraksi satu sama lain.

tag - tag diatas bisa kita coba melalui aplikasi code, seperti visual code, notepad ++, dll.