Kamis, 12 Maret 2015

Mengedit Text Dengan HTML



Menghias Tulisan Text Dengan Tag HTML


Pada Latihan kali ini, kita akan mempelajari beberapa tag yang mudah diingat. Tag-tag ini berfungsi untuk mengubah tipe huruf seperti saat kita belajar menggunakan Ms.Word yaitu :
  1. Membuat Text Menjadi Tebal {Bold}
  2. Membuat Text Menjadi Miring {Italic}
  3. Membuat Text Di Garis Bawahi {Underline}
  4. Membuat Text Di Garis Tengah {Strikethrough}
  5. Membuat Text Berada Di Atas {Superscript}
  6. Membuat Text Berada Di Bawah {Subscript}

Cara Penggunaannya

Pertama-tama hafalkan dulu fungsi dan cara penggunaannya. Di bawah ini adalah kode cara penggunaannya di HTML :
  1. Membuat Text Menjadi Tebal {<b> atau <strong>}
  2. Membuat Text Menjadi Miring {<i> atau <em>}
  3. Membuat Text Di Garis Bawahi {<u> atau <ins>}
  4. Membuat Text Di Garis Tengah {<del> atau <strike>}
  5. Membuat Text Berada Di Atas {<sup>}
  6. Membuat Text Berada Di Bawah {<sub>}
Hal yang harus kita ingat adalah “Kita harus menutup tag HTML ”. Contoh sederhananya gini, Misalkan kita mau membuat huruf tebal maka kita harus menulis tag pembuka yakni <strong> dan harus di akhiri dengan tag penutupnya dengan hanya menambahkan slash seperti </strong>.
Buka Notepad Lagi, Lalu Perhatikan Dan Ketikkan Kode yang ada di bawah ini :


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<title>Ini Adalah Tulisan Modifikasi</title>
</head>
<body bgcolor="#fcf" text="#000">
Banyak Tag <sup>HTML</sup> untuk merubah suatu jenis tulisan dan
di antaranya ialah <strong>tulisan tebal</strong>,
<em>tulisan miring</em>, <ins>tulisan bergaris bawah</ins>,
<del>tulisan bergaris tengah</del>, <sup>tulisan Berada Di Atas</sup>
dan <sub>tulisan Berada Di Atas</sub>.
Kita Bisa Membuat 2 tipe huruf dipadukan misalnya
<strong><em>tulisan tebal dan miring</em></strong>,
<ins><strong>tulisan tebal dan
bergaris bawah</strong></ins> atau
<em><ins>tulisan miring dan bergaris bawah</ins></em>.
Bahkan Kita Juga Bisa Menggabungkan sekaligus
menjadi tulisan <strong><em><del><ins>bergaris tengah,
tulisan tebal, miring dan bergaris bawah</ins></del></em></strong>.
</body>
</html>



Simpan dan Lihatlah Perbedaannya. Pada kali ini saya masih menggunakan panduan dengan menggunakan Notepad, pada posting berikutnya saya coba menggunakan aplikasi DreamWeafer ya kawan, Notepad memang paling mudah untuk digunakan belajar bagi pemula, kita coba bandingkan dengan menggunakan DreamWeafer pada posting berikutnya,  sampai jumpa di postingan selanjutnya ya...
Diposting oleh Unknown di 05.07

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)