Sekedar mengingatkan saja bahwa pada postingan sebelumnya di blog im.garndong membahas tentang Tag-tag Dasar HTML, dan kali ini im.grandong akan membahas tentang Line Break. Menurut im.grandong kita dapat memaksakan ganti baris pada dokumen web. Ganti baris di sini di maksudkan hanya menyajikan informasi pada baris sendiri tetapi tidak berganti paragraf. Untuk menampilkan suatu teks ditampilkan pada baris yang baru dalam suatu paragraf, maka harus menggunakan tag <br> sebelum teks yang dimaksud tersebut dituliskan.
<!–coba_gantibaris.html–>
<html>
<head>
<title>contoh ganti baris</title>
</head>
<body>
<p>
memotong <br>dalam satu<br>paragraf,<br>gunakan tag br.
<p>
</body>
</html>
Heading
Teks dalam dokumen umumnya mempunyai judul topik, pada dokumen HTML judul ini disebut heading. Heading tulisan akan ditampilkan dengan huruf yang lebih besar atau ditebalkan. Heading juga dimanfaatkan untuk menunjukkan tingkat keberartian dari teks yang akan dituliskan.
Ada 6 tingkat heading dalam Belajar HTML, dinomori dari satu sampai dengan 6. Monor 1 merupakan heading yang terbesar. Setiap heading dalam dokumen harus diberi tag, tergantung pada kebutuhan atau keberartian teks tersebut, jika dianggap sangat penting kita bisa menganggap sebagai heading 1 – digunakan tag <h1>.
Sintaks elemen heading:
<hy>Teks yang menjadi heading</hy>, dimana y adalah nomor heading.
<!-coba_heading.html?
<html>
<title>Contoh Heading</title>
</head>
<body>
<h1> Ini heading 1</h1>
<h2> Ini heading 2</h2>
<h3> Ini heading 3</h3>
<h4> Ini heading 4</h4>
<h5> Ini heading 5</h5>
<h6> Ini heading 6</h6>
<p>Gunakan tag heading hanya untuk heading. Jangan gunakan tag ini hanya sekedar untuk membuat suatu teks menjadi lebih besar. </p>
</body>
</html>
Mengatur Leatk Heading
Menurut Belajar HTML tag heading mempunyai atribut yang digunakan untuk mengatur letak heading dalam baris-align. Alignment heading:
- Kiri – left
- Tengah – center
- Kanan -riget
<!–coba_heading2.html–>
<html>
</head>
<title>Contoh Heading dengan alignment</title>
</head>
<body>
< h1 align=”center”>heading 1 di tengah</h1>
<p> Heading di atas diposisikan di tengah baris. Heading di atas diposisikan di tengah baris. Heading di atas diposisikan di tengah baris. Heading di atas diposisikan di tengah baris. </p>
<h1 align=”righat”>heding 1 di kanan <h1>
<p> Heading diatas diposisikan di kanan baris. Heading diatas diposisikan di kanan baris. Heading diatas diposisikan di kanan baris. Heading diatas diposisikan di kanan baris. </p>
Jika atribut align tidak diisi maka heading secara default akan ditampilkan rata di sebelah kiri.
Penggaris Mendatar
Sebuah garis dapat disisipkan dalam dokumen web, umumnya digunakan sebagai pemisah antar bagian atau paragraf. Tag <hr> disisipkan pada tempat garis akan disisipkan dalam dokumen.
<!–coba_garis.html–>
<html>
<head>
<title>Contoh Garis Mendatar </title>
</head>
<body>
<p>Yang ini paragraf.</p>
<hr>
<p> Yang ini paragraf.</p>
<hr>
<p> Yang ini paragraf.<p>
</body>
</html>
Garis yang disisipkan dapat dalam bentuk penggaris karena lebar garis dapat diatur, ukuran garis dapat dalam bentuk point atau dalam bentuk relatif dalam window browser.
Komentar
Dalam suatu dokumen informasi ada sebagian teks dalam dokumen yang berfungsi sebagai catatan atau komentar terhadap dokumen itu sendiri. Catatan atau komentar dalam dokumen ini tidak ditampilkan dalam browser. Komentar disisipkan pada section body, diletakkan pada bagian-bagian teks dokumen yang memang perlu dikomentari. Komentar ini umumnya sebagai catatan untuk menyajikan dokumen pada masa mendatang.
Tag komentar dapat digunakan untuk menyembunyikan sebagian dokumen web. Bisa jadi karena belum adanya kepastian dari isi dokumen yang akan dipublikasi terutama dari aspek legal, perlu ada approval sebelum bisa dipublikasikan. Taks yang berfungsi sebagai komentar disimpan dalam dokumen ditandai dengan tag <!– sebagai awal, kemudian teks yang dikomentari, dan tag–>sebagai akhir tag. Khusus untuk tag komentar ini, tag penutup tidak menggunakan tanda garis sebelumnya.
<!–coba_komentar.html–>
<html>
<head>
<title>Contoh penggunaan komentar</title>
</head>
<body>
<!–komentar ini tidak akan ditampilkan–>
<p>Ini normal paragraf. </p>
</body>
<html>
Demikian informasi dari im.grandong tentang Belajar HTML, semoga berguna dan menambah pengetahuan anda.
Terima kasih atas informasi menarik
Sama2 dan makasih juga atas kunjungannya…