Mengidentifikasi elemen HTML - dummies

HTML menggunakan kata kunci teks khusus yang disebut elemen untuk menyusun dan memberi gaya pada sebuah situs web. Browser mengenali sebuah elemen dan menerapkan pengaruhnya jika tiga kondisi berikut ada:

• Elemennya adalah sebuah huruf, kata, atau frase yang memiliki makna khusus. Sebagai contoh, h1 adalah elemen yang dikenali oleh browser untuk menerapkan efek header, dengan teks tebal dan ukuran huruf yang diperbesar.

• Elemen dilekatkan dengan braket sudut kiri (<) dan braket sudut kanan (>). Elemen yang dilingkupi dengan cara ini disebut tag (seperti, misalnya,

  ).

• Tag pembuka () diikuti oleh tag penutup (). Perhatikan bahwa tag penutup berbeda dari tag pembuka dengan menambahkan garis miring ke depan setelah braket kiri pertama dan sebelum elemen (seperti, misalnya, ).

  Beberapa tag HTML ditutup sendiri, dan tidak memerlukan tag penutup yang terpisah, hanya garis miring di tag pembuka.

Bila ketiga kondisi terpenuhi, teks antara tag pembuka dan penutup diberi label dengan efek yang ditentukan oleh tag. Jika salah satu dari kondisi ini tidak terpenuhi, browser hanya menampilkan teks biasa.

Untuk pemahaman yang lebih baik mengenai ketiga kondisi ini, lihat contoh kode di bawah ini:

Ini adalah judul besar dengan ketiga kondisi
h1 Ini adalah teks tanpa tanda yang mengelilingi tag / h1 Ini adalah teks dengan tag yang tidak ada artinya ke browser Ini adalah teks biasa

Anda dapat melihat bagaimana browser akan menampilkan kode ini di sini.

Browser menerapkan efek header ke "Ini adalah heading besar dengan ketiga kondisi" karena h1 adalah tag header dan ketiga syarat untuk tag HTML yang valid ada:

• Browser mengenali elemen h1

• Elemen h1 dikelilingi dengan braket sudut kiri (<) dan kanan (>).

• Label pembuka (

  ) diikuti oleh teks dan kemudian tag penutup (

  ).

Perhatikan bagaimana tag h1 itu sendiri tidak ditampilkan dalam judul. Browser tidak akan pernah menampilkan teks elemen yang sebenarnya dalam tag HTML yang diformat dengan benar.

Baris kode yang tersisa ditampilkan sebagai teks biasa karena masing-masing melewatkan salah satu kondisinya. Pada baris kedua kode, tag

hilang dari tanda kurung kiri dan kanan, yang melanggar kondisi kedua.

Baris ketiga kode melanggar kondisi pertama karena rockstar bukan elemen HTML yang dikenali. Akhirnya, baris kode keempat ditampilkan sebagai teks biasa karena tidak memiliki tag pembuka sebelum teks, dan tidak ada tag penutup yang mengikuti teks, yang melanggar kondisi ketiga.

Setiap braket sudut kiri harus diikuti setelah elemen dengan braket sudut kanan. Selain itu, setiap tag HTML pembuka harus diikuti dengan tag HTML penutup. Lebih dari 100 elemen HTML ada.

HTML adalah bahasa pemaaf dan mungkin menerapkan efek dengan benar meskipun Anda kehilangan beberapa kode, seperti tag penutup. Namun, jika Anda membiarkan terlalu banyak kesalahan, halaman Anda tidak akan ditampilkan dengan benar.