HTML (Hypertext Markup Languagae) merupakan sebuah bahasa untuk merepresentasikan halaman website. HTML berbeda dengan bahasa pemrograman, dalam bahasa pemrograman digunakan fungsi logika seperti IF...ELSE, WHILE...DO, dan lainnya. Pada HTML digunakan Hypertext atau link yang dapat menghubungkan antara satu dokumen dengan dokumen yang lainnya, inilah perbedaan sekaligus kelebihan HTML dengan bahasa pemrograman, namun dalam penggunaannya HTML dapat digabungkan dengan bahasa pemrograman.
 |
Struktur Umum File HTML
Struktur umum dari isi file HTML harus selalu mengandung pasangan tag <html>...</html>. Di dalam file HTML informasi dibagi dalam dua bagian besar, yaitu:
1. Header (bagian kepala yang berisi judul HTML), dengan tag: <head>...</head>.
2. Body (berisi informasi yang akan ditampilkan), dengan tag: <body>...</body>.
Contoh penulisan tag html misalkan Anda buka aplikasi internet eksplorer kemudian ketikan tag berikut ini untuk memulai belajar heading (untuk judul):
<html>
<head>
<title>judul html</title>.
</head>.
<body>
<h1>belajar menulis judul html dengan heading H1</h1><br>
</body>.
</html>
Hasil yang akan ditampilkan pada layar browser dari penulisan di atas adalah:
belajar menulis judul html dengan heading H1
Penulisan tag <h1> merupakan penulisan judul dengan heading 1 yang memiliki ukuran besar, dan bisa ditulis taga lain mulai h2 sampai h6 dengan ukuran yang semakin mengecil dengan menuliskan dimuka dan dibelakang judul sebagai berikut: <h2>belajar menulis judul html dengan heading</h2>, <h3>belajar menulis judul html dengan heading</h3>, <h4>belajar menulis judul html dengan heading<h4>, <h5> belajar menulis judul html dengan heading <h5>, <h6>belajar menulis judul html dengan heading</h6>. Penulisan tag <br> di akahir ialah untuk membuat baris baru pada layar browser.
Memisahkan Antara Paragraf
Kalau Anda menulis tulisan yang panjang layaknya sebuah paragraf, memisahkan antar paragraf dapat dilakukan dengan menulis tag <p>, contoh
<html>
<head>
<title>judul html</title>.
</head>.
<body>
HTML (Hypertext Markup Language) merupakan sebuah bahasa untuk merepresentasikan halaman website.
<p>
Pada HTML digunakan Hypertext atau link yang dapat menghubungkan antara satu dokumen dengan dokumen yang lainnya.
</body>.
</html>
Atau menulisakan tag <pre>, yang di tulis di awal dan di akhir halaman menghasilkan hasil penulisan yang sama dengan tag <p> yang dilatakkan di antara dua paragraf, contoh:
<html>
<head>
<title>judul html</title>.
</head>.
<body>
<pre>
HTML (Hypertext Markup Language) merupakan sebuah bahasa untuk merepresentasikan halaman website.
Pada HTML digunakan Hypertext atau link yang dapat menghubungkan antara satu dokumen dengan dokumen yang lainnya.
</pre>
</body>.
</html>
Mengatur Format Huruf
Tag yang dapat digunakan untuk mengatur format huruf diantaranya:
Tag <b>...</b> digunakan untuk mengatur format huruf tebal (bold).
Tag <i>...</i> digunakan untuk mengatur format huruf miring (italic).
Tag <u>...</u> digunakan untuk mengatur format huruf bergaris bawah (underline)
Misalnya seperti:
<html>
<head>
<title>Format huruf html</title>.
</head>.
<body>
<b>Pada HTML digunakan hypertext. </b> <br>
<i>Pada HTML digunakan hypertext. </i> <br>
<u>Pada HTML digunakan hypertext. </u> <br>
</body>.
</html>
Maka hasil yang didapatkan pada tampilan browser adalah seperti berikut:
Pada HTML digunakan hypertext.
Pada HTML digunakan hypertext.
Pada HTML digunakan hypertext.
Membuat Garis Pemisah dan Posisi Tulisan
Pada html tag untuk membuat garis pemisah dengan menuliskan tag <hr>, dan posisi tulisan baik di sisi kiri (left) dengan menuliskan “align”=”left”, atau di tengah (center) dengan menuliskan “align”=”center”, atau di sisi kanan (right) dengan menuliskan “align”=”right”.
Tag <hr> digunakan untuk membuat garis pemisah antara dua tulisan atau dua paragraf, sedangkan panjang garis diatur dengan menuliskan width=”10%” sampai dengan width=”100%”.
Contoh penulisan:
<html>
<head>
<title>Membuat garis pemisah dan posisi tulisan</title>.
</head>.
<body>
Pada HTML digunakan hypertext
<hr size=”4” align=”center” width=”60%”>
Link pada hypertext dapat menghubungkan antar dokumen.
</body>.
</html>
Maka hasil yang didapatkan pada tampilan browser adalah seperti berikut:
Pada HTML digunakan hypertext
............................................................................................................
Link pada hypertext dapat menghubungkan antar dokumen.
0 komentar:
Posting Komentar
Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih