Mengenalpasti elemen HTML - dummies

HTML menggunakan kata kunci teks khas yang dipanggil elemen untuk menyusun dan menyusun laman web. Pelayar mengiktiraf elemen dan melaksanakan kesannya jika ketiga-tiga syarat berikut wujud:

• Elemen itu adalah huruf, perkataan, atau frasa dengan makna yang istimewa. Sebagai contoh, h1 adalah elemen yang diiktiraf oleh penyemak imbas untuk menggunakan kesan header, dengan teks tebal dan saiz fon diperbesar.

• Unsur ini disertakan dengan kurungan sudut kiri (<) dan kurungan sudut kanan (>). Unsur yang dilampirkan dengan cara ini dipanggil tag (contohnya,

  ).

• Tag pembuka () diikuti oleh tag penutup (). Ambil perhatian bahawa tag tutup berbeza dari tag pembukaan dengan penambahan slash ke hadapan selepas pendakap kiri pertama dan sebelum elemen (contohnya, ).

  Sesetengah tag HTML ditutup diri, dan tidak memerlukan tag penutup yang berasingan, hanya slaid ke hadapan dalam tag pembuka.

Apabila ketiga-tiga syarat tersebut dipenuhi, teks antara tag pembukaan dan penutup digambarkan dengan kesan yang ditentukan oleh tag. Sekiranya salah satu daripada syarat-syarat ini tidak dipenuhi, pelayar hanya memaparkan teks biasa.

Untuk pemahaman yang lebih baik mengenai ketiga-tiga syarat ini, lihat contoh kod di bawah ini:

Ini adalah tajuk besar dengan ketiga-tiga syarat
h1 Ini adalah teks tanpa tanda yang mengelilingi tag / h1 Ini adalah teks dengan tag yang tidak mempunyai maksud untuk penyemak imbas Ini adalah teks biasa

Anda dapat melihat bagaimana penyemak imbas akan memaparkan kod ini di sini.

Pelayar ini menggunakan kesan header untuk "Ini adalah tajuk besar dengan ketiga-tiga keadaan" kerana h1 ialah tag header dan ketiga-tiga syarat untuk tag HTML yang sah ada:

• unsur h1.

• Unsur h1 dikelilingi dengan kurungan sudut kiri (<) dan kanan (>).

• Tag pembuka (

  ) diikuti dengan teks dan kemudian tag tutup (

  ).

Perhatikan bagaimana tag h1 itu sendiri tidak dipaparkan dalam tajuk. Penyemak imbas tidak akan memaparkan teks sebenar sesuatu elemen dalam tag HTML yang diformat dengan betul.

Barisan kod yang selebihnya dipaparkan sebagai teks biasa kerana mereka masing-masing kehilangan salah satu syarat. Pada baris kedua kod, tag

hilang kurungan kiri dan kanan, yang melanggar syarat kedua.

Baris ketiga baris melanggar syarat pertama kerana rockstar bukan elemen HTML yang diiktiraf. Akhirnya, garisan keempat kod memaparkan sebagai teks biasa kerana ia tidak mempunyai tag pembuka sebelum teks, dan tiada tag tutup mengikuti teks, yang melanggar syarat ketiga.

Setiap braket sudut kiri mesti diikuti selepas elemen dengan pendakap sudut kanan. Di samping itu, setiap tag HTML pembuka mesti diikuti dengan tag HTML penutup. Lebih daripada 100 elemen HTML wujud.

HTML adalah bahasa pemaafan dan mungkin terpakai dengan berkesan sekalipun anda kehilangan kepingan kod, seperti tag penutup. Walau bagaimanapun, jika anda meninggalkan terlalu banyak kesilapan, halaman anda tidak akan dipaparkan dengan betul.