HTML Tutorial 2: Struktur Dasar HTML

Pada postingan sebelumnya, saya telah menuliskan tentang contoh sebuah HTML sederhana tanpa ada penjelasan dari detail isi dokumen tersebut...

Pada postingan sebelumnya, saya telah menuliskan tentang contoh sebuah HTML sederhana tanpa ada penjelasan dari detail isi dokumen tersebut. Untuk postingan tutorial kedua ini saya akan coba diskusikan tentang bagian penting dari sebuah dokumen HTML, maksudnya adalah setiap fungsi dari bagian-bagian yang ada pada sebuah dokumen HTML. Bagian Header, Title dan Body.


Sebelum memulai bagian kedua ini sebaiknya lihat dulu postingan tentang tutorial HTML 1 (bagi yang belum), bila sudah bisa dilihat gambar di bawah ini:





Pada gambar di atas terlihat bahwa ada 4 bagian (tag) yang digunakan pada bentuk dasar HTML. Berikut beberapa penjelasannya:


HTML tag:

Setiap dokumen HTML dimulai dengan . Bahkan jika kita melakukan klik kanan pada pada halaman blog ini dan memilih view page source kita akan melihat HTML pada halaman postingan ini. Pada bagian atas kita akan melihat tag .Ini membuktikan bahwa semua isi dokumen dianggap sebagai HTML oleh browser. Jadi, setiap kali kita membuat dokumen HTML baru, itu harus dimuali dengan tag . dan di akhiri dengan tag


HEAD tag:

Terletak di bawah tag ini adalah bagian awal, atas, kepala dari dokumen HTML kita. Di dalam head ini bisa saja mengandung beberapa tag tetapi yang paling penting adalah tag title atau judul . </span></p> <span style="font-family: "Trebuchet MS",sans-serif;"> </span><p class="MsoNormal" style="text-align:justify"> <span style="font-family: "Trebuchet MS",sans-serif;"> </span></p> <span style="font-family: "Trebuchet MS",sans-serif;"> </span><p class="MsoNormal" style="text-align:justify"> <span style="font-family: "Trebuchet MS",sans-serif;">TITLE tag: <title></span></p> <span style="font-family: "Trebuchet MS",sans-serif;"> </span><p class="MsoNormal" style="text-align:justify"> <span style="font-family: "Trebuchet MS",sans-serif;">Setiap dokumen harus mempunyai sebuah judul atau nama. Title harus di mulai dengan tag <title> dan di akhiri oleh . Judul ini tidak akan muncul di dalam halaman website /blog, tetapi akan terlihat pada judul yang ada ti TAB (paling atas) browser kita.



BODY tag:

Seperti pengertian nya pada tag body ini di isi dengan konten utama kita. Apa yang ingin kita buat dalam dokumen HTML harus berada di antara tag . Dalam tag body ini bisa terdapat ribuan tag yang berkaitan agar isi dari halaman website nya dapat terlihat indah dan menarik oleh pembaca.


Well,,, saya harap pada saat ini kita sudah memahami kerangka dasar dari dokumen HTML dan bagian2 penting nya. Kita juga harus ingat bahwa setiap tag di mulai (buka) dengan <> dan di akhiri (tutup) dengan </>. Sebenarnya ada beberapa tag yang tidak mempunyai tag penutup </>! Dan ada pula beberapa tag yang memang tidak perlu di tutup.


Tag apa saja yang tidak perlu dan tidak mempunyai tag penutup??? Kita akan bahas di postingan berbeda. Dan untuk postingan berikutnya kita akan membahas tentang tag yang di pakai pada contoh tutorial pertama.


Pada beberapa blog yang pernah saya baca menerangkan bahwa HTML tidak terlalu sulit untuk dipelajari. Tetapi ruang lingkup dari HTML sangatlah luas. Versi terakhir dari HTML adalah HTML5. Pada HTML sangat mungkin akan ada aturan ataupun kode baru di masa yang akan dating.


Kita memang harus bersabar untuk menjadi ahli dalam HTML. Pelajari satu per satu, step by step. Karena mungkin suatu saat ilmu HTML ini akan sangat diperlukan oleh kita semua. Kita tidak tahu perkembangan seputar teknologi (khususnya internet) akan seperti apa nantinya tetapi setidaknya bila kita mengetahui ilmu dasar dari HTML ini mungkin akan membuat kita sedikit melek dan memahami logika dari program yang ada pada komputer, laptop, bahkan smartphone yang kita miliki dan tentunya akan terus berkembang.
ini adalah bagian awal, atas, kepala dari dokumen HTML kita. Di dalam head ini bisa saja mengandung beberapa tag tetapi yang paling penting adalah tag title atau judul .</span></span></p> </div> <p> <font face=""Trebuchet MS",sans-serif"> </font></p> <div class="MsoNormal" style="text-align: justify;"> <p> <br></p> </div> <p> <font face=""Trebuchet MS",sans-serif"> </font></p> <div class="MsoNormal" style="text-align: justify;"> <p> <font face=""Trebuchet MS",sans-serif">BODY tag: <!--data-blogger-escaped-<body></body>

COMMENTS

BLOGGER
Name

Android,30,Apple,12,Apps,12,ASUS,8,Biografi,2,Blackberry,12,Blogging,12,Computer,2,Corel,6,Crime,18,Games,1,Google,9,HTML,5,Internet,41,Microsoft,6,Modem,8,Muslim Corner,10,News,76,Review,4,Samsung,9,Software,20,Tips 'n Trick,102,Toko Online,11,Tutorial,124,WhatsApp,21,Xiaomi,26,
ltr
item
Rindi Tech: HTML Tutorial 2: Struktur Dasar HTML
HTML Tutorial 2: Struktur Dasar HTML
http://2.bp.blogspot.com/-QTvhD0dypeg/UmSBYlyaVKI/AAAAAAAAANY/dby2ZVs6BIU/s320/HTML.jpg
http://2.bp.blogspot.com/-QTvhD0dypeg/UmSBYlyaVKI/AAAAAAAAANY/dby2ZVs6BIU/s72-c/HTML.jpg
Rindi Tech
//www.rinditech.com/2013/10/html-tutorial-2-struktur-dasar-html.html
//www.rinditech.com/
//www.rinditech.com/
//www.rinditech.com/2013/10/html-tutorial-2-struktur-dasar-html.html
true
2075561899425353581
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy