Belajar HTML : Memformat Teks Pada Halaman Web (4) - Suka Code

Belajar HTML : Memformat Teks Pada Halaman 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.

Gausah panjang lebar kita lanjut ke Tutorialnya.

Tag

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.

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.

Contoh : <b>Belajar HTML Bersama Suka Code</b>  atau bisa juga begini : <strong>Belajar HTML Bersama Suka Code</strong>

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>

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>.

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>.

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>.

Sekian tutorial Belajar HTML : Memformat Teks Pada Halaman web. Semoga bermanfaat buat teman-teman semua. 

Muhammad Ridwan

Suka Code Blog adalah website dengan kumpulan konten seputar Game Development, Web Programming, Android Programming, Windows Programming, dan lain-lain.

Bagikan Artikel ini