Salam Blogger Selalu,
hai sobat blogger yang budiman (inget alangkah lucunya negri ini,.. heheh) ,. setelah kita mengenal sekilas tag - tag html kali ini saya akan mencoba mempraktekkannya, untuk latihan html part 1 ini kita akan membahas tentang pengaturan text, tapi sebelumnya saya akan memberikan tips cara cepat belajar HTML, ok ! kita langsung aja !!!.
Tips ini menurut pendapat sih,.. hehe ,. tapi boleh anda coba ! yang pertama, yang harus kita pahami adalah setruktur penulisan HTML, setelah kita mengerti cara penulisannya, saya anjurkan anda fokus ke mempelajari bagian pembahasan Tabel, Menampilkan gambar, link dan Form, setelah paham mempelajari yang 3 ini, kita langsung coba tag - tag pengaturan teks, tapi untuk kali ini saya akan bahas dalam pengaturan teks.
berikut contoh pertama yaitu Heading/Judul :
<html> <head> <title>Latihan tag heading</title> </head> <body> <h1>Belajar heading/judul dengan h1</h1> <h2>Belajar heading/judul dengan h2</h2> <h3>Belajar heading/judul dengan h3</h3> <h4>Belajar heading/judul dengan h4</h4> <h5>Belajar heading/judul dengan h5</h5> <h6>Belajar heading/judul dengan h6</h6> </body> </html> |
latihan tag header.
Berikut contoh penggunaan tag Paragraf <p> :
<html> <head> <title>latihan tag paragraf</title> </head> <body bgcolor="blue" text="white"> <p align="left"><b>paragraf rata kiri</b></p> <p align="center"><i>paragraf rata tengah</i></p> <p align="right"><u>paragraf rata kanan</u></p> <p align="justify">paragraf rata kiri kanan, coretan-ilham.blogspot.com coretan-ilham.blogspot.com coretan-ilham.blogspot.com coretan-ilham.blogspot.com coretan-ilham.blogspot.com</p> </body> </html> |
latihan paragraf, b, i, dan u
Berikut contoh penggunaan tag font :
<html> <head> <title>latihan tag font</title> </head> <body bgcolor="blue" text="white"> <font face="arial" color="yellow" size="7">http://coretan-ilham.blogspot.com </font><br> <font face="times new roman" color="blue" size="6">http://coretan-ilham.blogspot.com </font><br> <font face="courier" color="yellow" size="5">http://coretan-ilham.blogspot.com </font><br> <font face="helvetica" color="yellow" size="2">http://coretan-ilham.blogspot.com </font><br> </body> </html> |
latihan tag font.
Berikut contoh penggunaan tag list/daftar :
<html> <head> <title>latihan tag list/daftar</title> </head> <body background="Windows-8.jpg" text="white"> <h3 align="center" >Contoh list/daftar dengan ul</h3> <ul type="square"> <li>http://coretan-ilham.blogspot.com</li> <li>http://coretan-ilham.blogspot.com</li> </ul> <hr> <h3 align="center">Contoh list/daftar dengan ol</h3> <ol type="1"> <li>http://coretan-ilham.blogspot.com</li> <li>http://coretan-ilham.blogspot.com</li> </ol> </body> </html> |
contoh penggunaan list dan background image.
Catatan :
background adalah atribut dari body, cara penulisannya (background ="nama_gambar.jpg") beserta type filenya misal *.jpg, harus ada dalam satu directory, misal dokumen html tersebut disimpan dalam folder latihan 4, nah si gambar pun harus ada dalam folder latihan 4, ataupun di misalkan dokumen html kita simpan dalam folder latihan 4, nah gambar kita simpan di dalam folder latihan 4/gambar, kita simpan di folder gambar, berarti cara penulisannya adalah <body backgorund="folder_gambar/nama_gambar.jpg">, jadi nama folder gambar dulu cantumkan, selanjutnya nama file gambarnya.
Oke gampangkan ?? ,.. selamat mencoba dan tunggu postingan berikutnya !! Salam Blogger Selalu.
0 komentar:
Posting Komentar