Langsung ke konten utama

Format Text Aplikasi Web

Kita lanjutkan belajar HTMLnya, jika sebelumnya kita telah memelajari tentang atribut, sekarang kita bahas tentang bagaimana memformat teks pada halaman web. Format yang dimaksudkan di sini adalah bagaimana membentuk teks sesuai keinginan dan fungsinya, contohnya, membuat teks menjadi tebal, miring, dan sebagainya.

Tag tersendiri

Ada banyak tag khusus untuk format teks ini. Kita akan bahas dan contohkan hanya beberapa. Ada yang digunakan untuk kata atau kalimat tertentu, ada juga yang untuk misalnya 1 paragraf sekaligus, tergantung keinginan.
Beberapa tag format yang akan kita coba antara lain adalah: bold, italic, underline, small, emphasis, strong, delete, strike, subscript, superscript,marking. Contoh kodenya akan kita jadikan 1 dokumen untuk semua bahasan ini di bagian akhir.

#1 ~ Bold dan Strong

Bold dan strong ditandai dengan tag <b> dan <strong> .Kedua tag ini menghasilkan tampilan yang sama yaitu format tebal. Cara penggunaanya mudah, yaitu dengan meletakkan tag ini pada bagian depan dan belakang dari teks yang akan diformat, tentunya dengan tag pembuka dan penutup.
Contohnya begini: <b>Teks ini akan dicetak tebal</b>  atau bisa juga begini: <strong>Teks ini menggunakan tag strong</strong> .

#2 ~ Italic dan Emphasis

Italic dan emphasis menghasilkan tampilan yang sama juga yaitu format miring. Tag yang digunakan adalah <i> dan <em>. Langsung saja contohnya: <i>Yang ini dicetak miring</i> dan ini juga sama <em>Cetak miring menggunakan tag em</em>.

#3 ~ Underline

Seperti namanya, digunakan untuk membuat garis bawah pada teks. Tag yang digunakan adalah <u>. Cukup meletakkan tag pembuka dan penutupnya pada bagian depan dan belakang teks yang akan diformat garis bawah, sama seperti cara penulisan tag-tag sebelumnya. Misalnya begini: <u>Yang ini pakai garis bawah</u>.

#4 ~ Small

Tag <small> digunakan untuk memformat teks menjadi lebih kecil ukurannya dibanding ukuran standar yang ada di halaman web tersebut. Biasanya dipakai saat ingin membedakan atau memberikan penegasan pada suatu kata dalam sebuah kalimat. Contohnya seperti ini: <h1>Ini adalah bagian <small>judul</small> dari sebuah tulisan</h1>.

#5 ~ Mark

Marking atau semacam highlight begitulah kira-kira, menggunakan tag <mark>. Kira-kira begini: <h1>Judul ini berisi <mark>tanda mark</mark> di dalamnya</h1>.

#6 ~ Delete dan Strike

Untuk mencoret teks, bisa menggunakan tag <strike> atau <del>. Hasilnya sama saja, contohnya: <strike>Coret</strike> yang tidak perlu,, atau Kalimat <del>yang dicoret</del> ini berisi tag del

 sumber : https://www.banghaji.com/

Komentar

Posting Komentar

Postingan populer dari blog ini

Puisi Tentang Sepeda Motor

RODA DUA oleh Imas Khaerunni'am Di jalanan terbuka, roda dua berputar, Melaju dengan gagah, menyusuri dunia yang luas. Dua roda berpadu, menjadi satu kesatuan, Menghadapi tantangan, tak pernah berhenti melaju. Mesin berdentum, bergema di antara aspal dan angin, Membawa penjelajah menuju tempat baru yang mempesona. Roda yang berputar, melangkah dengan lincah dan gesit, Mengukir jejak di tanah, mengejar mimpi yang kian dekat. Roda dua, senjata bagi pencinta petualangan, Menembus jalur yang tak terjamah dan terpencil. Melintasi pegunungan tinggi dan jalan yang sempit, Merasakan kehidupan di setiap hembusan nafas yang dalam. Di setiap tikungan, roda dua berdansa, Seperti melukis garis hidup yang penuh warna. Memacu adrenalin, membebaskan hati yang terkekang, Roda dua, menyampaikan pesan keberanian tanpa kata-kata. Terima kasih, roda dua, sahabat perjalanan yang sejati, Atas penga...
Posting Komentar
Baca selengkapnya

Jangan Lewatkan! Pentingnya Program Bootcamp untuk Meningkatkan Karier dan Mengembangkan Keterampilan Baru!

Sekarang, program Bootcamp menjadi semakin populer di kalangan fresh graduate maupun mereka yang ingin beralih karier. Program ini tidak hanya memberikan keterampilan teknis yang dibutuhkan untuk memasuki pasar kerja, tetapi juga membawa manfaat lainnya seperti kesempatan untuk belajar dari para ahli, memperluas jaringan, dan mengembangkan keterampilan baru. Inilah mengapa penting untuk tidak melewatkan kesempatan ini. Yuk, simak penjelasan lebih lanjut dari Kha Pedia tentang apa itu Bootcamp dan manfaatnya! Apa itu Bootcamp? Bootcamp adalah program pelatihan intensif yang dirancang untuk mempersiapkan peserta dengan keterampilan yang relevan dalam bidang karier tertentu. Awalnya, bootcamp umumnya terkait dengan bidang IT, seperti bootcamp coding. Namun, seiring waktu, jenis bootcamp telah berkembang untuk mencakup berbagai bidang keahlian, seperti Digital Marketing, Administrasi, UI/UX, SEO, Copywriting, dan lainnya. Bagi yang tertarik mengikuti Bootcamp, kalian bisa memi...
Posting Komentar
Baca selengkapnya