Tutorial HTML Dasar untuk Pemula
HTML (Hypertext Markup Language)
HTML adalah bahasa yang secara umum digunakan untuk membangun sebuah website. HTML terdiri dari tag-tag (perintah) dan elemen-elemen. Tag akan mengatur bagaimana sebuah elemen diproses atau ditampilkan. Terdapat pula tag yang tidak mempunyai elemen.
Setiap tag yang mempunyai elemen biasanya mempunyai penutup dengan menambahkan karakter ‘/’. dan untuk tag yang tidak mempunyai elemen, maka tag tersebut tidak perlu ditutup.
bentuk dasar struktur tag dan elemen:
<tag>elemen</tag>
<tag>
contoh:
<b>hello pemula</b>
<hr>
dari contoh diatas, kita mempunyai tag “<b>” dan elemen “hello Pemula” (elemen “hello pemula” diatur untuk ditampilkan secara bold)
selanjutnya, kita mempunyai tag “<hr>” (Horizontal Rule) yang berarti pembatas garis horizontal.
dalam suatu tag, bisa saja terdiri dari tag lain.
<tag>
elemen
<tag2>elemen</tag2>
<tag2>elemen</tag2>
elemen
</tag>
sebagai contoh… untuk membuat paragraf, yang mengandung suatu kata yang ditebalkan,
kita memerlukan tag paragraf dan bold.
<p>
Ini adalah tutorial yang ditujukan untuk
<b>pemula</b>
Tutorial ini mencakup HTML yang dasar.
</p>
HTML menganggap enter dan spasi adalah sama. Spasi beberapa kali akan di hilangkan menjadi hanya satu spasi. dan spasi didepan dan dibelakang suatu tag akan dihilangkan.
maka, penulisan diatas akan sama dengan
<p>Ini adalah tutorial yang ditujukan untuk <b>pemula</b> Tutorial ini mencakup HTML yang dasar.</p>
dan jika anda menulis “hallo pemula HTML, apa kabar “, maka akan sama seperti “halo pemula HTML, apa kabar”. so, tidak ada gunanya memasang spasi banyak-banyak di dalam HTML.
File HTML
file HTML adalah file teks biasa, anda bisa menggunakan Notepad untuk mencoba-coba. ekstensi file HTML biasanya menggunakan .htm dan .html
struktur dasar HTML adalah tag “html”, yang mempunyai 2 bagian. yaitu “head”, dan “body”. head digunakan untuk mendefinisikan bagian yang tidak ditampilkan pada Halaman website, seperti Judul, Script, dll. sedangkan body digunakan untuk mendefinisikan bagian yang akan ditampilkan.
<html>
<head>Ini tidak tampil</head>
<body>Ini akan tampil</body>
</html>
Ok… sekian dulu tutorial tentang dasar dasar HTML…
March 25th, 2010 at 9:15 pm
terimakasi atas referensinya.