HTML part II Paragraph Fomatting

3
 Galih Septi Utami 14.02.8837 | 14.D3MI.03 http://pulpenkampus.blogspot.com 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 pad a </u> mengakhiri tamp ilan garis ba wah 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...

description

belajar memformat teks dan membuat penomoran (bullet and numbering)

Transcript of HTML part II Paragraph Fomatting

  • Galih Septi Utami 14.02.8837 | 14.D3MI.03

    http://pulpenkampus.blogspot.com

    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 :)

    Cara menjadikan teks menjadi tebal / bold

    Hasilnya...

    Jadi tag ....... membuat tulisan bergaris bawah, pada tag mulai tampilan bergaris

    bawah, dan pada mengakhiri tampilan garis bawah tersebut. Ini berlaku untuk semua

    tag.

    ......... untuk tulisan cetak tebal / bold

    .......... untuk tulisan miring / italic

    Bisa juga kita menggunakan beberapa tag,

    Cara memodifikasi teks

    Hasilnya...

  • Galih Septi Utami 14.02.8837 | 14.D3MI.03

    http://pulpenkampus.blogspot.com

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

    .................... Tag bersilangan, gak boleh okke!!!!!

    .................... Tag bersusun, okke fix kayak gini nih yang bener :)

    Satu teks yang sangat berguna adalah mono-space font, atau Typewriter text.

    Bandingkan!!!

    Cara memodifikasi teks

    Cara modifikasi teks

    Jelas bedanya kan???? :)

    Hasilnya...

    Okkkee, selanjutnya kita mau bikin bullet dan numbering.

    Tag yaitu Ordered list, penomoran dengan angka atau huruf.

    Tag yaitu unordered list, berbenruk bullet (bukan angka/huruf).

    Tag yaitu list item, isi dari numbering/bullet.

  • Galih Septi Utami 14.02.8837 | 14.D3MI.03

    http://pulpenkampus.blogspot.com

    Calon Orang Sukses :

    Galih

    Septi

    Utami

    Hasilnya...

    Sekarang coba bullet nya...

    Calon Orang Sukses :

    Galih

    Septi

    Utami

    Hasilnya...

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