Belajar Dasar HTML - (Part 4) Heading dan Paragraph

Sebelumnya kita sudah mengenal beberapa tag html yaitu html, head, title dan body. Nah, sekarang kita akan melanjutkan pembahasan kita tentang html, yaitu heading dan paragraph. Tag heading biasa digunakan sebagai headline ataupun judul dari sebuah website atau artikel.

Heading HTML

Gunakan heading untuk mengatur judul dan subjudul. Heading selalu di tandai dengan h1 untuk judul utama pada halaman. Disarankan untuk hanya memiliki satu h1 pada halaman yang mirip dengan tag head <title> untuk menunjukkan Google dan mesin pencari lainnya tentang apa halaman tersebut.

< h1 > Contoh Heading </ h1 >
Ada 6 ukuran judul yang berbeda, yang ditandai dengan 1 yang paling penting dalam hierarki.

< h1 > Heading 1 </ h1 >
< h2 > Heading 2 </ h2 >
< h3 > Heading 3 </ h3 >
< h4 > Heading 4 </ h4 >
< h5 > Heading 5 </ h5 >
< h6 > Heading 6 </ h6 >

Untuk mengubah ukuran judul yang berbeda yang perlu Anda lakukan adalah mengubah h2 ke apa pun seperti h5. Judul pergi dari terbesar (h1) ke terkecil (h6). Judul juga bagus untuk digunakan ketika Anda ingin membuat sesuatu yang besar seperti judul halaman web Anda.

Paragraph

Ada juga tag lain yang dapat Anda gunakan untuk membuat jeda baris. Ini disebut tag paragraph.

< p > Periksa </ p >
< p > ini </ p >
< p > keluar! </ p >
Tag p membuat garis lebih besar daripada tag br. Tag paragraph biasanya digunakan saat Anda menulis paragraf. Di awal paragraf, Anda akan memulai tag p dan pada akhirnya Anda akan mengakhirinya. Dengan cara itu akan membuat jeda baris di awal dan akhir paragraf Anda.

Ada satu lagi penggunaan untuk tag p. Anda dapat menggunakannya untuk menyelaraskan hal-hal seperti tag heading.

< p  style = "text-align: left;" > Periksa </ p >
< p  style = "text-align: center;" > ini </ p >
< p  style = "text-align: right;" > keluar! </ p >

Untuk lebih jelasnya lagi lihatlah video dibawah ini dan jangan lupa Subscribe juga ya channel ini agar bermanfaat buat semua orang.

Sumber:www.youtube.com/c/ITComputer-KP_Genius
Belajar Dasar HTML - (Part 4) Heading dan Paragraph

Share this

Related Posts

Previous
Next Post »