Abdurrahman Aqil

My notes~

Monday, June 10, 2019

Formatting Text dalam HTML

Melanjutkan pembahasan sebelumnya tentang Dasar-dasar HTML,  kali ini kita akan mencoba belajar bagaimana caranya memformat sebuah teks dalam bahasa HTML.

format teks html
format teks HTML
Jika kita mengetik kalimat ataupun paragraf di dalam Microsoft Word, tentu sangat mudah dalam memformat teks tersebut karena sudah tersedia banyak sekali pilihan-pilihan yang ada di menubar dibagian atas. Kita hanya perlu blok kalimat atau kata yang mau kita format, lalu klik salah satu pilihan yang ada di menubar tersebut.

Begitu pula jika kalian adalah seorang blogger, juga sudah tersedia menu untuk memformat teks sehingga lebih memudahkan dalam membuat artikel seperti gambar yang di hight light dibawah ini.

menu format pada blog
1.1 Menu Bar pada Blog

Namun jika ingin memasukkan tag html dalam blog juga bisa, tinggal klik tombol HTML seperti arah panah pada gambar di atas, tombol itu disediakan karna tidak semua menu format tersedia pada menubar tersebut.

Lain halnya jika kita ingin memformat suatu kata, kalimat ataupun paragraf di dalam HTML, karena semuanya harus serba manual, tidak semudah memformat teks pada Microsoft Word atau Blog seperti yang dijelaskan tadi. Pada HTML, untuk memformat sebuah teks menjadi miring atau tebal, harus diapit oleh sebuah tag HTML. Dan tag-tag HTML yang sering digunakan, akan dengan sendirinya kita hafal. Oke, langsung saja buka Sublimenya, kalau belum punya bisa download disini Sublimenya~

Pertama buatlah kerangka dasar HTML dan buatlah kalimat di dalam tag <body>...</body>

1. Membuat Teks Miring <i></i>

Membuat teks miring biasanya digunakan dalam memformat kata dalam bahasa asing atau sebuah kalimat langsung, untuk memformat teks atau kalimat menjadi miring dalam HTML, kita harus menempatkan kata atau kalimat tersebut di dalam tag <i>.....</i>
Misalnya membuat kata Hello World! menjadi miring, maka dalam HTML menjadi:
<i>Hello World!</i>

2. Membuat Teks Tebal <b></b>

Teks tebal biasanya digunakan untuk menekankan suatu kata atau judul. Untuk membuat teks tebal dalam html, kita bisa menggunakan tag <b>.
Jika membuat kata Hello World! menjadi tebal maka dalam HTML menjadi:
<b>Hello World!</b>


3. Membuat Teks Underlined <u></u>

Kita juga dapat membuat teks bergaris bawah dengan menggunakan tag <u>
Jika membuat underlined pada "Hello World!" maka menjadi:
<u>Hello World!</u>


4. Menulis Teks Persamaan Matematika <sub> dan <sup>

Jika dalam sebuah bahasa pemrograman kita ingin membuat nilai berpangkat menggunakan simbol "^", maka dalam HTML yang bukan merupakan bahasa pemrograman bisa menampilkan huruf atau angka menjadi seperti ini "10Log 20" atau "H2O" maka kita menggunakan tag <sup> dan <sub>.
<sup> untuk membuat teks berada di atas, dan <sub> untuk membuat teks berada di bawah.

5. Membuat Teks Berjalan / Running Text

Dalam menghiasi tampilan web, terkadang diselipkan running text atau teks berjalan agar web terlihat lebih variatif. Untuk itu html menyediakan tag <marquee> untuk membuat teks berjalan. Contohnya
<marquee behavior> Selamat Datang di Perpustakaanku.com </marquee>



Itulah beberapa tag yang sering digunakan dalam memformat teks dalam HTML sehingga membuat teks atau kalimat menjadi enak dilihat. Untuk Selanjutnya, akan membahas tentang memformat paragraf dalam html.
Jika ada pertanyaan, silakan tuliskan komentar dibawah.

No comments:

Post a Comment