Dokumen HTML
Setiap dokumen html yang dibuat haruslah mencantumkan deklarasi sesuai tipenya agar dapat membaca browser dengan baik. Berikut dibawah ini adalah deklarasi umum yang digunakan pada HTML untuk browser.
xHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 5
<!DOCTYPE html>
Menurut Anda lebih enak membaca dan menuliskan dokumen html versi apa ? ya benar sekali yaitu adalah HTML 5. Lebih singkat dan mudah diingat. Maka dari itulah setiap artikel yang saya buat sebelumnya selalu mencantukan <!DOCTYPE html> ini.
Itu untuk bagian awal saja. Dalam keseluruhan yang dimaksud dalam dokumen HTML ini tidak hanya ada <!DOCTYPE html> tetapi juga bagian <html> dan diakhiri dengan </html>. Tidak ketinggalan juga agar setiap bagian dokumen dapat terlihat pada browser, maka diperlukan tag <body> dan diakhiri dengan </body>.
Judul HTML
Sebenarnya ini bisa disebutkan sebagai judul untuk setiap artikel yang kita buat, Judul atua pos pada HTML ini ditulis dalam bentuk tag <h1> hingga <h6>. H ini merupakan bahasa yang berartikan Heading atau kepala. Setiap tag dari heading memiliki ukuran yang berbeda. Kebalikannya H1 merupakan heading paling besar sedangkan H6 merupakan heading paling kecil.
Contoh sederhananya akan tertulis seperti ini :
<h1> konten </h1>
<h2> konten </h2>
Dan seterusnya. Jika Anda ingin mencobanya, silahkan mencoba menggunakan text editor pilihan Anda.
Paragraf HTML
Nah paragraf HTML ini didefenisikan dengan tag <p> dan penutupnya </p>. Jika Anda ingin membuat sebuah web html pasti sangat mementingkan paragraf dalam setiap artikel yang dibuatkan ? maka dari itu jangan dilupakan tag <p> ini ya.
Contoh :
<p> ini adalah paragraf </p>
Link HTML
Agar setiap halaman dapat terkait dengan halaman lainnya, maka harus ada link html disini. Link HTML didefenisikan dengan tag <a>.
Contoh :
<a href="http://belajarhtml-5.blogspot.com"> Ini adalah link </a>
Jika Anda lihat dengan seksama ada penambahan elemen href disitu, href disebut dengan attribut. Nanti pada pelajaran-pelajaran berikutnya kita akan belajar attribut. Oke !
Gambar HTML
Setelah link html, gambar juga sangat penting untuk dimiliki pada halaman web. Sebab dengan gambar dapat membuat mata lebih tertarik pada satu tujuan. Gambar HTML didefenisikan dengan tag <img>.
Contoh :
<img src="http://goo.gl/fhNGJV" alt="BelajarHTML-5" width="104" height="142">
Sekian Contoh HTML Dasar, ditunggu pelajaran HTML Dasar besok ya :)
Tidak ada komentar:
Posting Komentar