HTML DASAR-HEADING, PARAGRAF DAN GAYA HURUF

 Halo kawan-kawan! 

Di sini aku akan bagikan materi mengenai HTML yang aku tau nihh. Simak yuk!

Dari postingan sebelumnya kita udah tau kan apa itu HTML? Kalo belum baca, boleh dibaca dulu yukk! Aku share link nya nihh...

https://ilmaaniisausp.blogspot.com/2023/09/pengenalan-html-tugas-1.html

Kalo di situ aku cuma jelasin dikit, nah di kesempatan kali ini aku bakal share beberapa poin, diantaranya cara membuat heading, paragraf dan gimana sih cara bikin model huruf.

Langsung lanjut ke materi yukk!

Pertama, mengenai heading. Dari katanya aja bisa kita tebak ya, arti dari heading yaitu judul. Yang pastinya tulisan dari judul itu bercetak tebal. 

Tapi gimana sih heading HTML?

Heading HTML dibagi menjadi 6 Heading. Ya, sesuai namanya ada heading1 (h1), heading2 (h2), nah lanjutin aja sampai heading6 (h6). Terusss heading7 (h7) dan seterusnya??? Tentunya, itu BUKAN heading, heading7 tidak ada. Di luar heading1 hingga 6 adalah teks biasa.

Langsung aja cuss ke contohnya!

Perhatikan source code HTML di bawah ini:

Source code heading

Untuk isinya harus diapit dengan tag heading seperti di atas.

Jika dibuka di browse hasilnya seperti di bawah ini

Semakin besar angka heading semakin kecil tulisannya. Bisa kita lihat jika heading7 bukanlah heading karena tidak tercetak tebal.

Oke, lanjut ke materi Paragraf. Gimana sih bikin paragraf di HTML?

Untuk membuat paragraf di HTML kita perlu yang namanya tag pembuka <p> lalu penutup tag </p>.

Langsung aja simak foto yang aku share:

Source Code Paragraf

 

Nah, di source code tersebut jelas bahwa isi yang pengen ditampilin bisa ditaruh di tengah tengah antara tag pembuka dan penutup <p> isinya</p>

Hasilnyaaa?

Hasil Source Code Paragraf

Yeayy, terakhir aku akan share materi tentang model huruf. Gimana sih cara bikin gaya huruf like bold, italian, underline, etc??? 

Yuk, langsungg aja kita ke source code

Source Code Gaya Huruf

Untuk bold atau menebalkan dengan cara mengapit menggunakan <b> dan ditutup dengan </b>.

Kalo miring pake nya tag <i></i> dari kata italian. Teruss, kalo bergaris bawah dikasih tag <u></u> dari kata underline. Nahh yang dicoret pakainya tag <s></s>  dari kata strike.

Buat pangkat pakainya  yaitu super script. Sedangkan misal di bawah pakainya  sub script.

Dari source code tersebut jika dijalankan maka hasilnya seperti di bawah ini

Hasil source code model huruf

Sampe sini dulu ya temen-temen.. selanjutnya aku bakal share materi mengenai link dan list.

Buat materi kali ini ada video tutorialnya lohh, bisa kalian tonton di sini