STRUKTUR DASAR HTML
HTML (Hypertext Markup Language) merupakan bahasa pemograman yang terstruktur.
HTML setidaknya memiliki struktur dasar sebagai berikut :
<!DOCTYPE
html>
<html>
<head>
<title>…..</title>
</head>
<body>
…..
</body>
</html>
<!DOCTYPE html> : Memberi tahu browser bahwa dokumen yang akan
ditampilkan adalah dokumen HTML
<html> : Merupakan tag pembuka dari seluruh halaman web
yang akan dibuat. Semua kode HTML harus berada di antara tag <html> dan
</html>
<head> : Umumnya berisi keterangan teknis seperti judul
halaman, kode-kode css, javascript, dan kode-kode lainnya sebagai salah satu
design halaman
<title> : Judul halaman website
<body> : Digunakan untuk meletakan semua isi elemen
yang akan terlihat di dalam halaman website.
Contoh susunan script HTML sederhana yang bisa anda coba :
<!DOCTYPE html>
<html>
<head>
<title>Belajar
HTML5</title>
</head>
<body>
<h1>Belajar
Struktur Dasar HTML</h1>
<p>Ini
adalah struktur script HTML paling sederhana yang bisa anda buat</p
</body>
</html>
</html>
*<h1> : tag Heading biasanya dipakai untuk menulis
judul, sub judul, subbab, dst. Ada 6 tag heading yaitu <h1>,<h2>,<h3>,<h4>,<h5>,
dan <h6>. <h1> memiliki ukuran yang terbesar dan <h6>
memiliki ukuran yang terkecil
*<p> : paragraf
PENGATURAN TEKS
<b> : Menebalkan teks
<i> : Memiringkan teks
<u> : Mengaris bawahi teks
<sup> : Teks mengambang setengah spasi
<sub> : Teks turus setengah spasi
<big> : Teks lebih besar 1 ukuran
<small> : Teks lebih kecil 1 ukuran
MEMBUAT LINK
Link berfungsi untuk menghubungkan halaman yang satu dengan halaman
yang lainnya. Untuk membuat link gunakan tag <a> dilengkapi dengan atribut href yang digunakan untuk menentukan ke mana link pergi.
Contoh penggunaan :
<p>klik <a href="http://www.pustakademik.blogspot.co.id">disini</a>
untuk mengunjungi blog putakademik</p>
ORDERED DAN UNORDERED LIST
Ordered List adalah point-point yang ditulis secara berurutan dan
saling terkain. Biasanya Ordered List dipasangkan dengan angka.
Unordered List adalah point-point yang tidak berurutan dan tidak
terstruktur. Biasanya diwakili oleh bullet (lingkaran kecil).
Berikut adalah tag yang dipakai untuk membuat ordered dan unordered
list :
<ol> : membuat ordered list
<ul> : membuat unordred list
<li> :
membuat point-point baik dalam bentuk ordered maupun unordered list
Contoh penggunaan :
<h3>Belajar Web Design</h3>
<ol>
<li>Apa itu Website</li>
<li>Apa itu HTML</li>
<li>Apa itu PHP dan MySQL</li>
</ol>
Bersambung ke Belajar HTML (part 2)
No comments:
Post a Comment