TAG DAN PROPERTY HTML

PENGERTIAN 

Tag HTML adalah elemen dasar dalam HTML yang digunakan untuk memerintahkan browser bagaimana cara merender dan menampilkan konten di halaman web. Setiap tag HTML dinyatakan dengan menggunakan tanda kurung sudut ("<" dan ">") dan biasanya memiliki elemen pembuka dan penutup yang mengapit konten di dalamnya . 

Poperti (property) adalah atribut yang ditambahkan ke tag HTML untuk memberikan informasi tambahan tentang elemen tersebut. Properti membantu menentukan perilaku, tampilan, atau aspek lain dari elemen HTML .

Tag Dasar HTML

Tag dasar HTML adalah elemen-elemen fundamental yang membentuk struktur dasar dari sebuah dokumen HTML. Tag-tag ini penting karena mendefinisikan bagaimana browser harus menginterpretasikan dan menampilkan konten halaman web.

Tag Paragraf HTML

Tag Paragraf ( <p> ) dalam HTML digunakan untuk mendefinisikan sebuah paragraf teks. Tag ini merupakan salah satu elemen dasar yang paling sering digunakan dalam pembuatan halaman web karena membantu dalam mengatur dan menyusun konten teks agar lebih mudah dibaca dan dipahami.

 Tag Atribut 1 (Bold, Italic, Underline 

Blod (<b> dan <strong>)   

-  <b>  (bold): Menekankan tampilan visual teks menjadi tebal tanpa memberikan penekanan semantik.

-  <strong> : Menekankan pentingnya teks tersebut secara semantik, dan secara visual juga ditampilkan sebagai tebal.

- Penggunaan:

-  <b> : Digunakan untuk membuat teks terlihat tebal karena alasan gaya, tanpa memberikan makna penting khusus.

-  <strong> : Digunakan untuk menandai teks yang penting atau memiliki penekanan khusus dalam konten. 

Italic ( <i>  dan  <em> )

- Definisi: Tag  <i>  dan  <em>  digunakan untuk membuat teks menjadi miring (italic).

- Perbedaan:

-  <i>  (italic): Menekankan tampilan visual teks menjadi miring tanpa memberikan penekanan semantik.

-  <em> : Menekankan teks tersebut secara semantik, menunjukkan penekanan atau intonasi, dan secara visual ditampilkan sebagai miring.

- Penggunaan:

-  <i> : Digunakan untuk membuat teks terlihat miring karena alasan gaya, seperti istilah asing, judul buku, atau nama kapal.

-  <em> : Digunakan untuk menandai teks yang perlu ditekankan atau memiliki penekanan khusus dalam konten.

 

 

  Underline ( <u> )

- Definisi: Tag  <u>  digunakan untuk memberikan garis bawah (underline) pada teks.

- Penggunaan:

- Tag  <u>  digunakan untuk menandai teks yang perlu digarisbawahi karena alasan gaya atau untuk menunjukkan bahwa teks tersebut memiliki makna khusus. Namun, penggunaannya sebaiknya dihindari karena seringkali membingungkan dengan tautan (link).

- Catatan:

- Dalam HTML5, penggunaan  <u>  sebaiknya dihindari kecuali jika benar-benar diperlukan untuk alasan gaya yang spesifik dan bukan untuk menandai tautan. Sebagai alternatif, gunakan CSS untuk memberikan garis bawah pada teks.

- Contoh:                                                      

 

                                 

Tag Atribut 2 (Superscript, Subscript)

Superscript ( <sup> )

 

- Definisi: Tag  <sup>  digunakan untuk membuat teks menjadi superscript. Teks superscript ditampilkan sedikit di atas garis normal teks dan biasanya dalam ukuran font yang lebih kecil .

- Penggunaan:

- Untuk menunjukkan pangkat dalam ekspresi matematika (misalnya, x²) .

- Dalam notasi kimia untuk menunjukkan isotop (misalnya, ¹⁴C) .

- Untuk ordinal (misalnya, 1st, 2nd) .

 

 

 Subscript ( <sub> )

 

- Definisi: Tag  <sub>  digunakan untuk membuat teks menjadi subscript. Teks subscript ditampilkan sedikit di bawah garis normal teks dan biasanya dalam ukuran font yang lebih kecil .

- Penggunaan:

- Dalam rumus kimia (misalnya, H₂O) .

- Dalam notasi matematika (misalnya, x₁) .

- Untuk catatan kaki atau referensi .

- Contoh:

Tag Ganti Baris (Break Row)

Tag ganti baris (break row) dalam HTML adalah tag  <br> . Tag ini digunakan untuk menyisipkan baris baru (line break) dalam teks. Berbeda dengan tag paragraf ( <p> ), tag  <br>  tidak membuat blok teks baru, melainkan hanya memindahkan teks setelahnya ke baris berikutnya dalam elemen yang sama.

Tag Font (face)

Tag  <font>  dengan atribut  face  dalam HTML digunakan untuk menentukan jenis huruf (font family) yang akan digunakan untuk teks di dalam tag tersebut. Meskipun tag  <font>  sudah dianggap usang (deprecated) dalam HTML5, masih penting untuk memahami fungsinya jika Anda menemukannya dalam kode lama.

Tag Font (size)

Tag  <font>  dengan atribut  size  dalam HTML digunakan untuk menentukan ukuran teks di dalam tag tersebut. Sama seperti atribut  face , tag  <font>  dengan atribut  size  juga sudah dianggap usang (deprecated) dalam HTML5.

Tag Font (color)

Tag  <font>  dengan atribut  color  dalam HTML digunakan untuk menentukan warna teks di dalam tag tersebut. Seperti halnya atribut  face  dan  size , penggunaan tag  <font>  dengan atribut  color  juga sudah dianggap usang (deprecated) dalam HTML5.

Tag Enumersi (List, Unnumbered List, Ordered List)

Enumerasi (List) dalam HTML

 

Dalam HTML, list digunakan untuk menyajikan informasi dalam format daftar. Ada dua jenis utama list:

 

1. Unordered List (Daftar Tidak Berurut)

2. Ordered List (Daftar Berurut)

 

1. Unordered List (Daftar Tidak Berurut) -  <ul> 

 

- Pengertian:

- Unordered list digunakan untuk membuat daftar item tanpa urutan tertentu. Setiap item dalam daftar biasanya ditandai dengan bullet point (misalnya, lingkaran, kotak, atau simbol lainnya).

- Penggunaan:

- Cocok untuk daftar item yang urutannya tidak penting. Misalnya, daftar belanja, daftar fitur produk, atau daftar nama.

- Struktur:

- Elemen-elemen:

-  <ul> : Tag pembuka dan penutup untuk unordered list.

-  <li> : List item, digunakan untuk setiap item dalam daftar.

 

 

  Ordered List (Daftar Berurut) -  <ol> 

- Pengertian:

- Ordered list digunakan untuk membuat daftar item dengan urutan tertentu. Setiap item dalam daftar biasanya ditandai dengan angka, huruf, atau angka romawi.

- Penggunaan:

- Cocok untuk daftar item yang urutannya penting. Misalnya, langkah-langkah dalam instruksi, daftar peringkat, atau daftar kronologis.

- Elemen-elemen:

-  <ol> : Tag pembuka dan penutup untuk ordered list.

-  <li> : List item, digunakan untuk setiap item dalam daftar.

- Atribut:

-  type : Menentukan jenis penanda yang digunakan (misalnya,  "1"  untuk angka,  "A"  untuk huruf besar,  "a"  untuk huruf kecil,  "I"  untuk angka romawi besar,  "i"  untuk angka romawi kecil).

-  start : Menentukan angka awal dari daftar.

-  reversed : Menampilkan daftar dalam urutan terbalik.

Perbedaan Utama:

- Urutan: Unordered list tidak memiliki urutan yang signifikan, sedangkan ordered list memiliki urutan yang penting.

- Penanda: Unordered list menggunakan bullet point, sedangkan ordered list menggunakan angka, huruf, atau angka romawi.

 

Penggunaan yang Tepat:

- Gunakan  <ul>  jika urutan item tidak penting.

- Gunakan  <ol>  jika urutan item penting dan perlu ditunjukkan dengan jelas.

Tag Garis Mendatar (Horizontal Line)

Tag Gambar (Image)

Tag Link (Anchor) : test

Tag Link (Anchor) : gambar

Tag Link (Anhor) : email

Tag Tabel (1)

Tag Tabel ()

Atribut Table

Referensi