HTML pos
Pos penting dalam dokumen HTML.
HTML Headings
Pos didefinisikan dengan <h1> untuk <h6> tag.
<h1> mendefinisikan heading yang paling penting. <h6> mendefinisikan judul yang paling tidak penting.
Contoh
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
|
Catatan: Browser secara otomatis menambahkan beberapa ruang kosong (margin) sebelum dan sesudah setiap pos.
Pos Apakah Penting
Gunakan judul HTML untuk judul saja. Jangan gunakan judul untuk membuat teks BESAR atau tebal .
Mesin pencari menggunakan judul Anda ke indeks struktur dan isi dari halaman web Anda.
Karena pengguna dapat skim halaman Anda dengan judul, itu adalah penting untuk menggunakan judul untuk menunjukkan struktur dokumen.
H1 judul harus digunakan sebagai judul utama, diikuti oleh H2 judul, maka judul H3 kurang penting, dan sebagainya.
Garis HTML
Tag <hr> menciptakan garis horizontal di halaman HTML.
Unsur jam dapat digunakan untuk konten terpisah:
Contoh
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
Coba sendiri »
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
Coba sendiri »
<!DOCTYPE html>
<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
</body>
</html>
|
HTML Komentar
Komentar dapat dimasukkan ke dalam kode HTML untuk membuatnya lebih mudah dibaca dan dimengerti. Komentar diabaikan oleh browser dan tidak ditampilkan.
Komentar ditulis seperti ini:
Contoh
<html>
<body>
<!--This comment will not be displayed-->
<p>This is a regular paragraph</p>
</body>
</html>
|
Catatan: Ada tanda seru setelah kurung buka, tetapi tidak sebelum kurung tutup.
Tip HTML - Cara Lihat Sumber HTML
Pernahkah Anda melihat halaman Web dan bertanya-tanya "Hei! Bagaimana mereka melakukan itu?"
Untuk mengetahuinya, klik kanan pada halaman dan pilih "View Source" (IE) atau "View Page Source" (Firefox), atau serupa untuk browser lainnya. Ini akan membuka jendela yang berisi kode HTML halaman.
Contoh Dari Halaman Ini
Pos
Cara menampilkan judul dalam dokumen HTML.
Tersembunyi komentar
Cara menyisipkan komentar dalam kode sumber HTML.
Garis horisontal
Cara menyisipkan garis horizontal.
Cara menampilkan judul dalam dokumen HTML.
Cara menyisipkan komentar dalam kode sumber HTML.
Cara menyisipkan garis horizontal.
HTML Tag Reference
Referensi tag W3Schools 'berisi informasi tambahan tentang tag dan atribut mereka.
Anda akan belajar lebih banyak tentang tag HTML dan atribut dalam bab-bab selanjutnya dari tutorial ini.
| Tag | Description |
|---|---|
| <html> | Defines an HTML document |
| <body> | Defines the document's body |
| <h1> to <h6> | Defines HTML headings |
| <hr> | Defines a horizontal line |
| <!--> | Defines a comment |
