Latihan HTML: Cara Membuat Heading/Penjudulan Di HTML 2019
BELAJAR Membuat Heading/Penjudulan di HTML - Hallo teman-teman semoga kita semua sehat selalu dan sejahtera ya.
Oke pada kali ini kita akan belajar bagaimana membuat penjudulan di html, nah sebelum masuk pengkodean mari kita simak penjelasan berikut ini.
Heading (penjudulan di HTML), digunakan untuk memberikan penjudulan pada suatu dokumen html. Bayangkanlah sebuah skripsi atau buku yang memiliki bab dan subbab-subbab didalamnya. Untuk memformat penjudulan dalam html, kita gunakan tag <h1> untuk judul utama dan untuk judul subbabnya anda dapat menggunakan tag <h2> sampai dengan <h6>.
Setiap level judul memiliki ukuran huruf yang berbeda beda (Namun anda juga bisa merubah ukurannya dengan menggunakan css ya teman-teman).
Tag heading di dalam html terdiri dari 6 tingkat ya, yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Tag heading secara deflaut akan ditampilkan oleh web browser dengan huruf tebal (blod). Tampilan dari tag header juga dibuat bertingkat. Tag header <h1> memiliki ukuran huruf paling besar, sedangkan <h6> terkecil.
Selanjutnya mari kita ke bagian script/coding/kode dalam html:
Cara Membuat Heading/ Penjudulan Di HTML
Nah pertama jangan lupa xampp anda nyalakan ya, selanjutnya:
2. Buka notped kalian ya
kemudian silahkan tuliskan coding di bawah, ya paste juga boleh lah hemm
<!DOCTYPE HTML>
<HTML lang="en-US"> //ukuran huruf
<head>
<title>Heading</title>
</head>
<body>
<h1>Bab 1 : Pendahuluan</h1>
<h2>1.1 Latar Belakang</h2>
<p>Paragraf pendahuluan, bla..bla.. </p>
<h2>1.2 Pokok Permasalahan</h2>
<p>Paragraf pendahuluan, bla..bla.. </p>
<h1>Bab 2 : Pembahasan</h1>
<h2>2.1 Teori dan Konsep</h2>
<p>Paragraf pendahuluan, bla..bla.. </p>
<h2>2.2 Algoritma Pemrograman</h2>
<p>Paragraf pendahuluan, bla..bla.. </p>
</body>
</HTML>
3. Save di folder htdoc dan berinama latihan5.html
4. Buka deh di browser kalian, nah jika berhasil akan seperti bawah ini ya:
Selamat bagi yang berhasil.
Search engine seperti google akan memberikan nilai lebih untuk heading. Biasanya semakin tinggi tingkat heading, semakin tinggi pula penekanan search engine. Tag <h1> dianggap lebih bernilai daripada <h2>. Tag <h1> umumnya untuk judul sebuah konten / artikel, sehingga dapat dianggap mewakili keseluruhan artikel.
Selain terdiri dari paragraf dan judul, sebuah struktur artikel juga perlu membuat daftar , atau dikenal sebagai list. Nah-nah selanjutnya nanti kita akan belajar dan membahas tentang Cara Membuat Daftar/List di HTML.
Yup terima kasih sudah berkunjung, dan semoga bermanfaat.
Posting Komentar untuk "Latihan HTML: Cara Membuat Heading/Penjudulan Di HTML 2019"