Membuat Format Text &

Heading di HTML
Struktur Dasar HTML
 Formatting Text
Dalam penulisan HTML sangat sering menggunakan format text didalamnya baik dalam penulisan
judul, isi dari konten atau halaman website. Berikut beberapa penhelasan dan contoh Formatting
Text pada HTML. Coba perhatikan kedua paragraf dibawah ini :

Kalian lebih tertarik baca yang mana?

yang terformat, atau yang polos (plain text)?

Teks yang terformat akan lebih mudah dibaca, karena ada penegasan seperti teks tebal, miring, dan
garis bawah.Saat kita mencari kata atau kalimat penting mata kalian akan lebih mudah menemukannya
pada teks yang terformat dibandingkan plain text. Oleh karena itu, dalam membuat web ada baiknya
menggunakan format teks. di HTML terdapat tag-tag yang khusus digunakan untuk text formatting.
Tag Format Teks Pada HTML
 Tag Format Teks Pada HTML
Tag <marquee> digunakan untuk membuat efek tulisan berjalan pada HTML

Jika file html yang berisi tag <marquee> dibuka atau dijalankan maka tulisan tersebut akan
berjalan.
Formatting Text
1. Buatlah File baru pada notepad++ dengan nama latihan3.html
2. Ketiklah tag html berikut :
Formatting Text
Simpan pada format .html dan jika sudah maka klik 2x file html yang anda buat
tampilan web akan menjadi seperti ini :
Apa itu Heading?
Heading adalah sebuah judul yang biasanya diberikan pada halaman atau
beberapa bagian dari artikel.

Jika kamu sering menulis artikel, pasti ini tidak asing buatmu.
Lalu, bagaimana caranya membuat judul di
HTML?
Mari kita coba dan bahas
Cara Membuat Heading di HTML
Judul pada HTML dapat kita buat dengan tag <h1> sampai <h6>. Tag <h1>
digunakan pada judul level pertama. Lalu tag lainnya digunakan pada sub heading
atau level berikutnya.

Masing-masing judul akan ditampilkan dengan ukuran teks yang bebeda. Tag <h1>
adalah yang paling besar, dan tag <h6> paling kecil. Buatlah File baru pada
notepad++ dengan nama latihan3_1.html dan ketiklah tag html berikut :
Cara Membuat Heading di HTML
Simpan pada format .html dan jika sudah maka klik 2x file html yang anda buat
tampilan web akan menjadi seperti ini :
Cara Membuat Heading di HTML
Tag <h1> biasanya dipakai pada judul artikel. Lalu tag <h2>, <h3>, <h4>, <h5>,
dan <h6> dipakai pada sub judul atau sub heading.

Mari kita coba membuat sebuah artikel yang dilengkapi dengan heading.
Buatlah File baru pada notepad++ dengan nama latihan3_2.html dan ketiklah
tag html berikut :
Cara Membuat Heading di HTML
Simpan pada format .html dan jika sudah maka klik 2x file html yang anda buat
tampilan web akan menjadi seperti ini :
Cara Membuat Heading di HTML
Buka file latihan3_1.html lalu tambahkan tag <hr> seperti gambar dibawah ini
Cara Membuat Heading di HTML
Simpan Kembali dan jika sudah maka klik 2x file html yang anda buat tampilan
web akan menjadi seperti ini :
Tugas !!!!
Buat tampilan seperti gambar dibawah ini menggunakan beberapa tag html
yang sudah diajarkan pada pertemuan 1 – 3, harus persis dan jika sudah
selesai beri nama tugas3.html
Sekian & Terima Kasih