Sekarang kita belajar tentang Formatting dan komentar di HTML. Di pembelajaran HTML ini kita akan mengenal formatting dan komentar. Pertama kita mengenal formatting di HTML dulu sobat, check this out.
Tag Formatting di HTML
Tag Formatting ini ada banyak yang pertama yaitu tag <b> atau Bold. Tag ini digunakan untuk menebalkan teks yang berada di dalam tagnya. Langsung saja contohnya :
<!doctype html>Sekarang tag <strong>. Tag ini juga digunakan untuk menebalkan, hanya saja perbedaannya dengan tag <b> ini terletak pada tag <strong>, karena tag <strong> itu untuk suatu kalimat atau kata yang penting dan tag <b> ini hanya untuk menebalkan saja. Contoh :
<html>
<head>
<title>Belajar Formatting</title>
</head>
<body>
<b>Saya sedang belajar bold</b>
</body>
</html>
<!doctype html>Coba test buat file html seperti diatas dan buka di browser, tidak akan ada perubahan. itulah perbedaan tag <b> dan <strong>.
<html>
<head>
<title>Belajar Formatting</title>
</head>
<body>
<strong>Saya sedang belajar strong</strong>
</body>
</html>
Selanjutnya adalah tag <i> atau italic. Tag ini untuk memiringkan teks atau kata. Langsung saja kita buat contohnya :
<!doctype html>Sekarang tag yang sama fungsinya yaitu <em> atau emphasizer. Tag ini gunanya sama seperti tag <i>, perbedaannya tag <em> digunakan untuk kata yang penting seperti tag <strong>. Mari kita buat contohnya :
<html>
<head>
<title>Belajar Formatting</title>
</head>
<body>
<i>Saya sedang belajar italic</i>
</body>
</html>
<!doctype html>Coba sobat buat file html dan jalankan di browser. Tidak akan ada perbedaannya.
<html>
<head>
<title>Belajar Formatting</title>
</head>
<body>
<em>Saya sedang belajar emphasizer</em>
</body>
</html>
Sekarang kita akan belajar tag <ins> atau inserted text atau juga garis bawah dan tag <small> atau untuk mengecilkan huruf. Mari kita buat contohnya :
<!doctype html>Coba jalankan di browser sobat dan lihat.
<html>
<head>
<title>Belajar Formatting</title>
</head>
<body>
<ins>Saya sedang belajar Inserted text</ins> <small>Dan ini belajar Small</small>
</body>
</html>
Sekarang tag <mark> untuk menandai teks dengan warna dan tag <del> untuk mencoret/membuat garis ditengah teks.
<!doctype html>Coba jalankan dan lihat dibrowser sobat.
<html>
<head>
<title>Belajar Formatting</title>
</head>
<body>
<mark>Saya sedang belajar Marked text</mark> <del>Dan ini belajar Deleted text</del>
</body>
</html>
Sekarang tag <sub> Subscripted dan <sup> Superscripted. Perbedaannya yaitu di tata letak teksnya, kalau <sup> itu diatas dan lebih kecil dari teks lain seperti pangkat, kalau <sub> itu dibawah dan lebih kecil dari teks lainnya juga. Langsung saja ke contohnya :
<!doctype html>Silakan dicoba sintaknya di browser.
<html>
<head>
<title>Belajar Formatting</title>
</head>
<body>
<p>Saya sedang belajar <sub>Subscripted text</sub> dan ini belajar<sup>Superscripted text</sup>
</p>
</body>
</html>
Memberi komentar di HTML
Tag <!-- tulis komentar disini --> atau tag komentar ini tag yang tidak akan dibaca oleh HTML. Langsung saja ke contohnya :
<!doctype html>Silakan Coba di web browser sahabat dan lihat hasilnya.
<html>
<head>
<title>Belajar Formatting</title>
</head>
<body>
<p>Teks ini bukan komentar</p>
<!-- <p>Teks ini komentar</p> -->
</body>
</html>
Setelah mempelajari semuanya, coba sahabat buat file HTML seperti yang saya sudah buat dibawah ini.
Cukup sekian dari saya tentang Formatting dan komentar di HTML. Terima kasih telah berkunjung ke chakra media blog & semoga bermanfaat.
0 komentar