Dasar Pemrograman HTML (HyperText Markup Language) - HTML merupakan bahasa yang digunakan untuk menampilkan informasi pd halaman web. Bahasa ini menggunakan tanda (markup) untuk menandai perintah-perintahnya menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.
Software yang diperlukan:
Text editor sederhana.
Contoh:
Windows: Notepad
Linux: gEdit, mcedit
Web browser untuk menampilkan dokumen web yang dibuat.
Contoh:
Windows: Internet Explorer, dan Firefox
Linux: Firefox dan Conqueror.
Istilah Dalam HTML
Tag - Digunakan untuk menentukan tingkah laku web browser. Dinyatakan dengan tanda lebih kecil “<“ (tag awal) dan tanda lebih besar “>” (tag akhir).
<namatag> ..... </namatag>
Element – Jenis-jenis dari tag. Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.
Contoh :
<title><!--ini adalah tag pembuka judul dokumen HTML -->
Disini Judul Dokumen HTML
</title> <!-- ini adalah tag penutup judul dokumen HTML -->
Attribute - Digunakan untuk memodifikasi nilai dari elemen HTML. Suatu elemen biasanya akan mempunyai banyak atribut.
<html>
<!– untuk menyatakan suatu dokumen HTML -->
<head>
<!-- memberikan informasi mengenai dokumen HTML -->
</head>
<body>
<!-- menyimpan informasi atau data yang akan ditampilkan dalam dokumen HTML -->
</body>
</html>
<!– untuk menyatakan suatu dokumen HTML -->
<head>
<!-- memberikan informasi mengenai dokumen HTML -->
</head>
<body>
<!-- menyimpan informasi atau data yang akan ditampilkan dalam dokumen HTML -->
</body>
</html>
Contoh HTML Sederhana:
<html>
<head>
<title>Pemrograman Web I</title>
</head>
<body>
Ini Web Pertama Saya Lo...
</body>
</html>
<head>
<title>Pemrograman Web I</title>
</head>
<body>
Ini Web Pertama Saya Lo...
</body>
</html>
Output :
Ini Web Pertama Saya Lo...
Penggunaan Komentar
Format :
<!-- -->
Fungsi :
- Mendiskripsikan tujuan pengkodean tertentu dalam dokumen HTML
Contoh Penggunaan Komentar
<html>
<head>
<!-- ini adalah judul web -->
<title>Pemrograman Web I</title>
</head>
<!--
Author : Siswan Syahputra, M.Kom
Contact : siswansyahputra90@gmail.com
-->
<body>
<!-- ini adalah isi web -->
Ini Web Pertama Saya Lo...
</body>
</html>
<head>
<!-- ini adalah judul web -->
<title>Pemrograman Web I</title>
</head>
<!--
Author : Siswan Syahputra, M.Kom
Contact : siswansyahputra90@gmail.com
-->
<body>
<!-- ini adalah isi web -->
Ini Web Pertama Saya Lo...
</body>
</html>
Element Body
<body alink="y" background="uri" bgcolor="w" link="x" text="v" vlink="z"> ..............
</body>
- Attribute text memberikan warna pada teks,
- bgcolor memberikan warna pada latarbelakang dokumen HTML,
- background memberikan latarbelakang dokumen HTML dalam bentuk gambar
- link memberikan nilai warna untuk link,
- alink memberikan warna untuk link yang sedang aktif,
- vlink memberikan warna untuk link yang telah dikunjungi.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.
Demikianlah dasar pemrograman HTML (HyperText Markup Language), semoga bermanfaatkan dan dapat dikembangkan lagi. Terima kasih telah berkunjung, jika tutorial ini bermanfaat silahkan "LIKE dan SHARE". Jangan lupa komen juga ya....
