Lesson 2: Membangun Halaman Pertama Website Anda

Membangun Halaman Pertama Website Anda: Part 2

Tag Diagram

Anda mungkin memperhatikan bahwa tag HTML berpasangan. HTML memiliki tag pembuka () dan tag penutup (). Satu-satunya perbedaan antara tag pembuka dan penutup adalah bahwa tag penutup berisi garis miring tambahan.

An HTML tag explained

Beberapa CONTOH tag HTML yang mungkin membuat segalanya lebih jelas: 

<b>Membuat text tebal (bold)</b>
<i>Membuat text miring (italic)</i>
<h1>Tag untuk judul utama (header 1)</h1>
<table>tag untuk membuat table</table>

Saya harap Anda dapat melihat pola penggunaan tag dalam contoh penggunaan tag pada pemrograman HTML di atas.

Tag HTML tidak hanya untuk menempatkan dan memformat teks, tag HTML dapat digunakan untuk memasukkan hal-hal lain seperti: animasi, video, Flash, audio, dan bahkan program multimedia.

Membandingkan kode HTML dan halaman web yang dibuatnya

Untuk mempermudah latihan silahkan berlatih dengan simulasi kode dan tampilan website di bawah ini :

Yang harus Anda lakukan sekarang adalah meluangkan sedikit waktu dan membandingkan halaman HTML dan halaman output pada simulator diatas. Coba arahkan kursor pada kotak HTML. Coba ketikkan kode tag HTML contoh yang sudah dipelajari diatas di kotak HTML pada simulator kode HTML diatas.Dan lihat hasil simulasi tampilan browser pada kotak output

selanjutnya pelajari structure halaman html dibawah ini dan lakukan simulasi pada simulator diatas.

Struktur halaman HTML

Halaman HTML dibagi menjadi dua bagian utama:

1. head
head (<head>) bagian berisi informasi yang mendasari tentang halaman yang tidak bisa ditampilkan di halaman web (kecuali untuk judul halaman). Namun, hal itu memengaruhi bagaimana halaman web ditampilkan.
2. body
body (<body>) bagian berisi semua hal yang muncul di halaman web yang sebenarnya ketika seseorang datang dengan browser web mereka. Kita berbicara tentang teks, gambar, film flash aktual, dan sebagainya yang akan dilihat orang. Itu, tentu saja, berarti tag yang digunakan untuk memformat semua hal ini juga ada.

Anda akan melihat bahwa bagian head dan body dari situs web ditandai di halaman HTML dengan tag masing-masing: (< head > < / head >) dan (< body > < / body >).

Jika tag tubuh membuat tubuh halaman HTML, dan tag kepala membuat kepala halaman HTML, bagaimana Anda membuat halaman HTML itu sendiri? Anda dapat menebaknya, gunakan tag HTML: 

<html></html>

‘ ibu dari semua tag ’ adalah tag HTML (< html >), dan seperti semua tag, tag harus memiliki tag awal (< html >) dan tag akhir (< / html >). Perbedaan antara tag awal dan akhir adalah garis miring (/).

Setiap halaman web HARUS dimulai dan diakhiri dengan tag HTML, jika tidak browser web (program seperti Internet Explorer) tidak akan dapat menampilkan halaman. Anda juga harus memiliki tag head dan tag body. Semua tag lainnya adalah opsional.

Jadi halaman HTML dibangun secara umum dalam urutan tag berikut ini:

<html>
	<head>
		<title>Judul Halaman</title>
	</head> 
	<body> Bagian isi halaman website </body>
</html>
Top of Page