Macam-macam Tag pada HTML II
Halo Assalamualaikum
Melanjutkan materi macam-macam tag kemarin, hari ini saya akan membuat bagian kedua dari macam-macam tag. Baiklah tanpa panjang lebar kita langsung saja memulai.
1. Heading
Heading umumnya berguna untuk penjudulan topik, terdiri dari 6 tingkat heading yang dilambangkan dengan angka 1-6. Heading 1 merupakan heading terbesar dan heading 6 merupakan heading terkecil.
Sintaks elemen heading :
<hx> Ini adalah Heading <hx>, dimana x adalah angka heading.
Contoh penggunaan :
<html>
<head>
<title> Heading </title>
</head>
<body>
<h1> Ini adalah Heading 1 </h1>
<h2> Ini adalah Heading 2 </h2>
<h3> Ini adalah Heading 3 </h3>
<h4> Ini adalah Heading 4 </h4>
<h5> Ini adalah Heading 5 </h5>
<h6> Ini adalah Heading 6 </h6>
</body>
</html>
2. Komentar/ Komenting
Contoh penggunaan :
<html>
<head>
<title> Komentar </title>
</head>
<body>
<p> Tulis sebaris komentar </p> <!-- tag p disamping menandakan paragraf -->
</body>
</html>
3. Garis Mendatar
Melanjutkan materi macam-macam tag kemarin, hari ini saya akan membuat bagian kedua dari macam-macam tag. Baiklah tanpa panjang lebar kita langsung saja memulai.
1. Heading
Heading umumnya berguna untuk penjudulan topik, terdiri dari 6 tingkat heading yang dilambangkan dengan angka 1-6. Heading 1 merupakan heading terbesar dan heading 6 merupakan heading terkecil.
Sintaks elemen heading :
<hx> Ini adalah Heading <hx>, dimana x adalah angka heading.
Contoh penggunaan :
<html>
<head>
<title> Heading </title>
</head>
<body>
<h1> Ini adalah Heading 1 </h1>
<h2> Ini adalah Heading 2 </h2>
<h3> Ini adalah Heading 3 </h3>
<h4> Ini adalah Heading 4 </h4>
<h5> Ini adalah Heading 5 </h5>
<h6> Ini adalah Heading 6 </h6>
</body>
</html>
 |
| Contoh heading |
Komentar adalah baris/ tulisan yang dapat memberikan informasi kepada programmer atau pembaca program mengenai baris program yang menjadi komentar tersebut. Tag ini berguna bagi kalian yang ingin menambahkan penjelasan atau informasi pada dokumen yang sedang dikerjakan atau untuk menyembunyikan baris kode yang tidak ingin ditampilkan tetapi kemungkinan dibutuhkan nantinya. Tag komentar ini tidak akan tampil pada browser. Tag ini ditandai dengan <!-- sebagai tag awal dan --> sebagai tag akhir.
Tambahan : untuk penggunaan tag <style> css didalam sebuah dokumen html gunakan tag komentar //
Contoh penggunaan :
<html>
<head>
<title> Komentar </title>
</head>
<body>
<p> Tulis sebaris komentar </p> <!-- tag p disamping menandakan paragraf -->
</body>
</html>
 |
| Contoh komentar |
Sebuah garis mendatar dapat disisipkan dalam sebuah dokumen, biasanya digunakan untuk pemisah antar bagian ataupun paragraf.
Contoh penggunaan :
<html>
<head>
<title> Garis mendatar </title>
</head>
<body>
<p> Berikut penggunaan tag untuk memisahkan bagian-bagian </p>
<hr>
<p> Ini bagian pertama </p>
<hr>
<p> Ini bagian kedua </p>
</body>
</html>
 |
| Contoh garis mendatar |
Sekian penjelasan mengenai macam-macam tag pada HTML, semoga membantu. Waalaikumussalam
Comments
Post a Comment