4. Menggunakan Tag Judul
HTML menyediakan 6 buah tag yang digunakan untuk mengatur ukuran teks yang digunakan dijadikan sebagai judul dalam badan dokumen. Tag-tag judul ini berupa :
- <h1> ... </h1>
- <h2> ... </h2>
- <h3> ... </h3>
- <h4> ... </h4>
- <h5> ... </h5>
- <h6> ... </h6>
Contoh yang saya berikan berikut ini memberikan gambaran penggunaan tag <h1> untuk membuat judul : Pesona Tanaman Hias agar ditampilkan berukuran besar.
<html>
<head>
<title> Contoh Pengaturan Judul </title>
</head>
<body>
<p>
<h1> Pesona Tanaman Hias </h1><p>
Keindahan tanaman hias<br>
membawa suatu pesona tersendiri<br>
warna-warni bunga <br>
aneka rupa corak daun<br>
membuat orang dengan senang hati mengoleksinya<br>
</p>
</body>
</html>
Kemudian simpan file yang kawan ketikkan tadi di folder Latihan HTML dengan nama latihan4.htm. Setelah file tadi disimpan, buka folder yang kawanku buat tadi kemudian open file tsb di browser yang kawan gunakan (ex: Mozilla Firefox).
Hasilnya :
Hasilnya :
5. Membuat Garis Horizontal
Untuk memperindah tampilan, seringkali pembuat dokumen Web menambahkan garis horizontal. Garis ini sebenarnya dapat dibuat dengan mudah, yaitu dengan menyertakan tag <hr>. Berikut contoh kode HTML yang menggunakan tag <hr>.
<html>
<head>
<title> Tag HR </title>
</head>
<body>
<h2> Aneka Buah yang Segar </h2>
<hr>
Anggur
<hr>
Apel
<hr>
Jeruk
<hr>
<head>
<title> Tag HR </title>
</head>
<body>
<h2> Aneka Buah yang Segar </h2>
<hr>
Anggur
<hr>
Apel
<hr>
Jeruk
<hr>
dan lain-lain
<hr>
</body>
</html>
<hr>
</body>
</html>
Kemudian simpan file yang kawan ketikkan tadi di folder Latihan HTML dengan nama latihan5.htm. Setelah file tadi disimpan, buka folder yang kawanku buat tadi kemudian open file tsb di browser yang kawan gunakan (ex: Mozilla Firefox).
Hasilnya :
Hasilnya :
Sekian dulu pelajaran dasar HTML yang saya ketahui. Bagi kawan2ku yang ingin menambahnya, silahkan berikan komentarnya yaa...
C U Next Time... :))
0 komentar:
Posting Komentar
Berikan Komentar...!!!