Dokumen HTML sederhana (bagian 2)


Assalamu’alaikum…

Setelah kemarin kita sudah membahas tentang membuat dokumen HTML sederhana, kali ini kita masih membahas pada hal yang sama, hanya saja ini bagian keduanya. Pada bahasan kita kali ini kita akan coba untuk melakukan formatting text, maksudnya apa ya? Kalau saya boleh terjemahkan sendiri, formatting text itu melakukan perubahan terhadap suatu teks baik berupa perubahan terhadap warna teks, ukuran teks, jenis teks dan masih banyak lagi menggunakan tag-tag yang tersedia didalam HTML. Ok langsung saja buka teks editor anda, kemudian tuliskan baris HTML berikut dan simpan dengan nama belajar_html_bagian_2.html :


<!doctype html>
<html>
<head>
   <title>Dokumen HTML Sederhana (bagian 2) - Kangriyanto.wordpress.com</title>
</head>

<body>
<h3>Lumut Hati Pasca Erupsi Merapi</h3>
<p align="left">
   <big>Lumut hati</big> yang ditemukan di <b>Taman Nasional Gunung Merapi (TNGM)</b> 16 <sup>(enam belas)</sup> bulan pasca erupsi sebanyak <s>lima belas</s> tujuh belas jenis, meliputi dua belas jenis lumut hati berdaun dan lima jenis lumut hati bertalus. Lumut hati berdaun suku <i>Lejeuneaceae</i> lebih banyak ditemukan, yaitu delapan jenis pada penelitian ini daripada suku-suku lainnya.
</p>

<p align="right">
   <i>Lejeuneaceae</i> merupakan suku terbesar dalam lumut hati, meliputi lima ratus jenis didunia (Piippo <i>et al,</i> 2002)
</p>
</body>
</html>

Pada skrip diatas kita menggunakan tag-tag yang digunakan untuk memformat teks. Adapun penjelasan dari masing-masing tag akan saya tuliskan dibawah ini:


<p>Ini adalah paragraf</p>
<p align="right">Paragraf dengan tulisan rata kanan. ALIGN adalah atribut, RIGHT adalah nilainya</p>
<b>Teks tebal (Bold)</b>
<strong>Teks tebal (Bold)</b>
<i>Teks miring (Italic)</i>
<u>Teks bergaris bawah (Underline)</u>
<s>Teks tercoret (Strikethrough)</s>
<sub>Teks berada sedikit dibawah (Subscript)</sub>
<sup>Teks berada sedikit diatas (Superscript)</sup>

Oya, setiap teks yang akan dikenai format harus diapit oleh tag dengan format tertentu. Misal mau membuat tulisan tebal, maka:

<b>Ini tulisan tebal.</b>

Kemudian kalau ingin membuat tulisan tebal dan miring, maka:

<b><i>Ini tulisan tebal dan miring</i><b>

Kalau ingin membuat tulisan tebal, miring dan berwarna merah, maka:

<b><i><font color="red">Ini tulisan tebal, miring dan berwarna merah</font></i></b>

Sebelum saya sudahi pembahasan ini, coba teman-teman perhatikan setiap tag yang mengapit teks. Tag-tag tersebut ditulis dengan susunan “tag1 – tag2 – tag3” dan tag penutupnya disusun dengan susunan “tag3 – tag2 – tag1”. Atau dengan kata lain, tag yang ditulis pertama kali, ditutup terakhir kali.

Demikian bahasan ini saya buat dengan tujuan dapat dipahami bagi siapapun yang membacanya dan semoga bermanfaat… 🙂

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.