 |
| www.w3.org |
To the pointnya aja, kali ini kita akan membahas tentang html secara dasar.
1.Membuat Document type
Ini merupakan langkah awal kita untuk membuat script, bahasa yang akan kita gunakan akan bergantung pada ini.Karena kali ini kita membuat script html, maka berikut adalah codenya:
<!DOCTYPE html>
Lihat Halaman Blog Aslinya DISINI..
2.Membuat HTML,Head,Body
Ini adalah langkah kedua untuk membuat sruktur, tanpa ini semua kode yang kita masukkan tidak akan berfungsi. karena ketiga code ini digunakan untuk membuat struktur yang berbeda beda yang terletak pada tempat yang berbeda pula.
Berikut adalah codenya:
Untuk HTML: <html>......</html>//diawali dengan <html> dan diakhiri dengan </html>
Untuk HEAD: <head>......</head>//diawali dengan <head> dan diakhiri dengan </head>
Untuk BODY: <body>......</body>//diawali dengan <body>dan diakhiri dengan </body>
Jadi kalau misalnya semuanya digabung, maka akan menjadi:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
Lihat Halaman Blog Aslinya DISINI..
3.Membuat Title
Untuk membuat title/judul, maka mudah saja anda cukup memasukkan code berikut kedalam kolom <head> tadi. seperti:
codenya: <title>Masukkan judul</title>
<head>
<title>Ini Judul ya?</title>
Lihat Halaman Blog Aslinya DISINI..
4.Membuat Heading
Heading sama seperti judul, namun konteksnya kecil. seperti untuk subjudul, subbab, atau topik yang akan dibahas. Seperti apa heading? seperti yang diatas(4.Membuat Heading).Setiap heading memiliki tingkatan yang berbeda, makin besar angka headingnya, makin kecilu ukurannya.
Saat ini, tingkatan heading hanya sampai <h6>
berikut adalah kodenya:
<h1>......</h1>
<h2>......</h2>
<h3>......</h3>
<h4>......</h4>
<h5>......</h5>
<h6>......</h6>
Contohnya:
Heading 1
Heading2
Heading3
Heading4
Heading5
Heading6
5.Membuat Paragraf
Ya...begitulah, anak SD juga tau kalau begini.
berikut kodenya:
<p>......</p>
Contoh:
code:
<p>Dua orang pemabuk berjalan bersama, pemabuk pertama berkata kepada yang lain,"sungguh malam yang indah, kita bisa melihat bulan."</p>
<p>Pemabuk kedua membantah dan berkata."Kau salah, itu adalah matahari."</p>
<p>Mereka Mulai mulai bertengkar, dan datanglah pemabuk ketiga."Pak, bisa selesaikan perdebatan kami, apa yang ada di langit itu? bulan atau matahari"</p>
<p>Pemabuk ketiga berkata,"hmm, saya tidak tahu, saya tidak tinggal disini."</p>
Result:
Dua orang pemabuk berjalan bersama, pemabuk pertama berkata kepada yang lain,"sungguh malam yang indah, kita bisa melihat bulan."
Pemabuk kedua membantah dan berkata."Kau salah, itu adalah matahari."
Mereka Mulai mulai bertengkar, dan datanglah pemabuk ketiga."Pak, bisa selesaikan perdebatan kami, apa yang ada di langit itu? bulan atau matahari"
Pemabuk ketiga berkata,"hmm, saya tidak tahu, saya tidak tinggal disini."
Lihat Halaman Blog Aslinya DISINI..
Oke, Cukup sekian saja.Terima Kasih telah membaca...
Contoh:
code:
<p>Dua orang pemabuk berjalan bersama, pemabuk pertama berkata kepada yang lain,"sungguh malam yang indah, kita bisa melihat bulan."</p>
<p>Pemabuk kedua membantah dan berkata."Kau salah, itu adalah matahari."</p>
<p>Mereka Mulai mulai bertengkar, dan datanglah pemabuk ketiga."Pak, bisa selesaikan perdebatan kami, apa yang ada di langit itu? bulan atau matahari"</p>
<p>Pemabuk ketiga berkata,"hmm, saya tidak tahu, saya tidak tinggal disini."</p>
Result:
Dua orang pemabuk berjalan bersama, pemabuk pertama berkata kepada yang lain,"sungguh malam yang indah, kita bisa melihat bulan."
Pemabuk kedua membantah dan berkata."Kau salah, itu adalah matahari."
Mereka Mulai mulai bertengkar, dan datanglah pemabuk ketiga."Pak, bisa selesaikan perdebatan kami, apa yang ada di langit itu? bulan atau matahari"
Pemabuk ketiga berkata,"hmm, saya tidak tahu, saya tidak tinggal disini."
Lihat Halaman Blog Aslinya DISINI..
Oke, Cukup sekian saja.Terima Kasih telah membaca...
0 komentar:
Posting Komentar