Pelajari Struktur Hal-hal yang membentuk HTML

Pelajari Struktur Hal-hal yang membentuk HTML



Meskipun dasar dari HTML adalah teks biasa, kita perlu sedikit lebih banyak untuk membuatnya menjadi dokumen HTML yang bagus dan mengkilap.

Tags

Struktur dasar dari sebuah dokumen HTML mencakup tag, yang mengelilingi konten dan menerapkan makna untuk itu.

Ubah dokumen Anda sehingga terlihat seperti ini:

<!DOCTYPE html>
<html>
<body>This is my first web page </body>
</html>

Sekarang simpan dokumen lagi, kembali ke browser web dan muat ulang halaman.

Tampilan halaman tidak akan berubah sama sekali, tetapi tujuan HTML adalah untuk menerapkan makna, bukan presentasi, dan contoh ini sekarang telah mendefinisikan beberapa elemen mendasar dari halaman web.

Baris pertama di atas, <! DOCTYPE html>, adalah deklarasi jenis dokumen dan memungkinkan browser mengetahui rasa HTML yang Anda gunakan (HTML5, dalam hal ini). Sangat penting untuk menyertakan ini - Jika Anda tidak, browser akan menganggap Anda tidak benar-benar tahu apa yang Anda lakukan dan bertindak dengan cara yang sangat aneh.

Untuk kembali ke intinya, <html> adalah tag pembuka yang memulai sesuatu dan memberi tahu browser bahwa semua yang ada di antara itu dan tag penutup </html> adalah dokumen HTML. Hal-hal antara <body> dan </body> adalah konten utama dari dokumen yang akan muncul di jendela browser.

Tag penutup

</body> dan </html> menutup elemen masing-masing (lebih lanjut tentang elemen dalam sekejap).

Tidak semua tag memiliki tag penutup seperti ini (<html> </html>) beberapa tag, yang tidak membungkus konten akan menutup sendiri. Tag pemisah baris misalnya, terlihat seperti ini: <br> - pemecah baris tidak menyimpan konten apa pun sehingga tag dengan gembira duduk sendiri. Kami akan menemukan contoh-contoh ini nanti. Yang perlu Anda ingat adalah bahwa semua tag dengan konten di antara mereka harus ditutup, dalam format tag pembuka → konten → tag penutup. Sebenarnya tidak selalu merupakan persyaratan, tetapi ini adalah konvensi yang kami gunakan dalam tutorial ini karena merupakan praktik yang baik yang menghasilkan kode yang lebih bersih dan lebih mudah dipahami.

Anda mungkin menemukan tag "tutup sendiri", di mana tag br, misalnya, akan terlihat seperti "<br />" bukan hanya "<br>". Ini adalah sisa XHTML, bentuk HTML berdasarkan bahasa markup lain yang disebut XML. HTML5 jauh lebih dingin daripada XHTML dan akan senang dengan format apa pun. Beberapa pengembang lebih suka satu cara, beberapa lebih suka yang lain. Kami melempar koin dan memutuskan untuk tetap menggunakan versi yang lebih sederhana.

Atribut

Tag juga dapat memiliki atribut, yang merupakan bit informasi tambahan. Atribut muncul di dalam tag pembuka dan nilainya berada di dalam tanda kutip. Mereka terlihat seperti <tag attribute = "value"> Margarine </tag>. Kami akan menemukan tag dengan atribut nanti.

Sekali lagi, tanda kutip tidak selalu penting tetapi itu adalah praktik yang baik yang digunakan HTML Dog untuk konsistensi dan kejelasan. Kami menyarankan Anda melakukan hal yang sama.

Elemen

Tag cenderung tidak melakukan lebih dari sekadar menandai awal dan akhir suatu elemen. Elemen adalah bit yang membentuk halaman web. Misalnya, Anda akan mengatakan bahwa semua yang ada di antara (dan termasuk) tag <body> dan </body> adalah elemen tubuh. Sebagai contoh lain, sedangkan "<title>" dan "</title>" adalah tag, "<title> Rumple Stiltskin </title>" adalah elemen judul.

Anda mungkin menyukai postingan ini