HTML adalah bahasa progam yg digunakan untuk menyusun dokumen-dokumen Web yg biasanya untuk menyusun tampilan.
HTML disimpan dalam format teks reguler dan terdapat tag-tag yang memerintahkan web browser untuk menampilkan perintah-perintah yang diberikan.
HTML juga mempunyai beberapa Struktur dasar dokumen yaitu sebagai berikut:
<html>
<head>
<title> Disini Judul Dokumen HTML</title>
</head>
<body>
Disini untuk isi dari dokumen HTML
</body>
</html>
Tag HTML Dasar
Berikut adalah tag-tag penting yang akan sangat sering kamu pakai. Dan kamu akan mempelajari masing-masing secara lebih detil terutama yang menyangkut atributnya.
<html> = Fungsinya Mendefinsikan sebuah dokumen HTML
<body> =Fungsinya Mendefinisikan isi utama
<h1> to <h6> =Fungsinya Mendefinisikan judul 1 sampai 6
<p> =Fungsinya Mendefinisikan paragraf
<br> =Fungsinya Menyisipkan sebuah baris
<hr> =Fungsinya Mendefinisikan garis horisontal
Atribut Tag HTML
Tag HTML dapat memiliki atribut. Atribut memungkinkan informasi tambahan pada elemn HTML.
Atribut selalu memiliki pasangan nama/nilai seperti ini: nama=”nilai”.
Atribut selalu dicantumkan pada awal tag elemen HTML.
Contoh Atribut 1:
<h1> mendefinisikan awal sebuah judul.
<h1 align=”center”> memiliki informasi tambahan tentang perataan baris.
Contoh Atribut 2:
<body> mendefinisikan badan/isi halaman HTML kita.
<body bgcolor=”red”> akan membuat background layar menjadi merah.
Contoh:
<html>
<head>
<tittle>
<h1>welcome to my web</h1>
</title>
</head>
<body bgcolor="yellow">
Ini adalah halaman pertama saya tentang html. <b>ternyata belajarr htlm itu menyenangkan!!</b>
<p>paragraf1 <br>baris 1 paragraf1 <br>paragraf1 baris2</p>
<p>paragraf2 <br>paragraf2 baris1 <br>paragraf2 baris2</p>
</body bgcolor="yellow">
</html>
Tag HTML dapat memiliki atribut. Atribut memungkinkan informasi tambahan pada elemn HTML.
Atribut selalu memiliki pasangan nama/nilai seperti ini: nama=”nilai”.
Atribut selalu dicantumkan pada awal tag elemen HTML.
Contoh Atribut 1:
<h1> mendefinisikan awal sebuah judul.
<h1 align=”center”> memiliki informasi tambahan tentang perataan baris.
Contoh Atribut 2:
<body> mendefinisikan badan/isi halaman HTML kita.
<body bgcolor=”red”> akan membuat background layar menjadi merah.
Contoh:
<html>
<head>
<tittle>
<h1>welcome to my web</h1>
</title>
</head>
<body bgcolor="yellow">
Ini adalah halaman pertama saya tentang html. <b>ternyata belajarr htlm itu menyenangkan!!</b>
<p>paragraf1 <br>baris 1 paragraf1 <br>paragraf1 baris2</p>
<p>paragraf2 <br>paragraf2 baris1 <br>paragraf2 baris2</p>
</body bgcolor="yellow">
</html>
nb:
Simpan dengan nama "halamanku.html" (tanda kurung diijkutsertakan)
setelah itu buka Internet Explorer/Firefox lalu Open file tersebut
Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas.
Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah . Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan kamu bisa melihat pasangan tag di akhir script yaitu .
Tag memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu menyatakan bahwa inilah akhir dari dokumen HTML.
Teks di antara dan adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.
Teks di antara
Teks di antara tag adalah teks yang akan ditampilkan pada jendela browser kamu.
Dan terakhir, teks di antara dan akan ditampilkan dalam huruf tebal.
Nah, dengan penjelasan ini kamu mustinya udah mulai manggut-manggut dan merasa, ko ternyata belajar HTML gampang gini yah J. Mudah-mudahan.
Sekarang kita akan lihat mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.
Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan tampilannya.
Asik kan? Ini belum seberapa, tunggu sampai kamu udah bisa bikin tabel, huruf berwarna dan masih banyak lagi variasi tampilan yang bisa digunakan untuk mempercantik halaman web kamu.
JIka kurang jelas silahkan kasi Coment y
Tidak ada komentar:
Posting Komentar