You are on page 1of 3

Galih Septi Utami

14.02.8837 | 14.D3MI.03

Okke kali ini kita langsung ke praktek nya aja ya, Learning by doing oh yea... :)
Masih inget kan struktur dasar html??? Kalo ga inget klik
http://pulpenkampus.blogspot.com/2015/03/dasar-dasar-html-step-i.html
Okke fix kita bakal belajar modifikasi teks / paragraf, go wesss bos!!!
berhubung kawan-kawan udah tau caranya nye-krip (nulis skrip syntax html) aku nulis
bagian isinya aja yak, cuman di bagian body aja, tapi tetep kawan-kawan tulis lengkap,
untuk title terserah deh mau dikasih judul apa aja boleh kok :)
<body>
<u>Cara</u> <i>menjadikan</i> teks menjadi <b>tebal / bold</b>
</body>
Hasilnya...

Jadi tag <u>.......</u> membuat tulisan bergaris bawah, pada tag <u> mulai tampilan bergaris

bawah, dan pada </u> mengakhiri tampilan garis bawah tersebut. Ini berlaku untuk semua
tag.
<b>.........</b> untuk tulisan cetak tebal / bold
<i>..........</i> untuk tulisan miring / italic
Bisa juga kita menggunakan beberapa tag,
<body>
Cara <i><b><u>memodifikasi</u></b></i> teks
</body>
Hasilnya...

http://pulpenkampus.blogspot.com

Galih Septi Utami

14.02.8837 | 14.D3MI.03

Ini bisa juga disebut nested tags atau tag bersusun, ingat yak susunan tag gak boleh
menyilang, harus bersusun, jadi tag yang paling terakhir itu harus ditutup duluan.
Biar gampang liat ilustrasi ni...
<INI><ITU>....................</INI></ITU> Tag bersilangan, gak boleh okke!!!!!
<INI><ITU>....................</ITU></INI> Tag bersusun, okke fix kayak gini nih yang bener :)

Satu teks yang sangat berguna adalah mono-space font, atau Typewriter text.
<body>
Bandingkan!!!<br>
<tt>Cara memodifikasi teks</tt><br>
Cara modifikasi teks<br>
Jelas bedanya kan???? :)
</ body>
Hasilnya...

Okkkee, selanjutnya kita mau bikin bullet dan numbering.


Tag <ol> yaitu Ordered list, penomoran dengan angka atau huruf.
Tag <ul> yaitu unordered list, berbenruk bullet (bukan angka/huruf).
Tag <li> yaitu list item, isi dari numbering/bullet.

http://pulpenkampus.blogspot.com

Galih Septi Utami

14.02.8837 | 14.D3MI.03

<body>
<ol>Calon Orang Sukses :
<li>Galih
<li>Septi
<li>Utami
</ol>
</body>
Hasilnya...

Sekarang coba bullet nya...


<body>
<ul>Calon Orang Sukses :
<li>Galih
<li>Septi
<li>Utami
</ul>
</body>
Hasilnya...

Okke Sip, sampe sini dulu. Semangat belajar bos...!!! :)

http://pulpenkampus.blogspot.com

You might also like