Saturday, December 3, 2011

Format Text HTML Dalam Tutorial Dan Aplikasi

Halo every body???!!!! selamat malam (malam migguan nieh yeeee!!!!), meski malam minggu tetap semangat untuk ngeblog ya!!!! pada malam yang sedikit gerimis ini akan Saya sampaikan tutorial mengenai Tutorial Format Text HTML. Dengan mengikuti tutorial ini diharapkan semua pengunjung tahu bagaimana cara memformat sebuah teks atau kalimat di dalam blog atau website.

Nah jika Anda ingin tahu mengenai tutorial format text maka ikuti saja penjelasan berikut ini dan tak lupa untuk selalu mencoba sendiri. karena dengan banyak mencoba dan latihan maka kita dapat menjadi lebih baik dan memahami.

Tag <span>
Tag <span> digunakan untuk memformat text yang ada dalam sebuah kalimat tanpa mengganggu text yang lain. Contohnya adalah berikut:
<html>
<head><title>Contoh aplikasi tag <span></title></head>
<body>
   <p>Ini adalah contoh aplikasi tag <span style="color:blue; font-weight:bold;
   font-style:italic">SPAN</span> dalam sebuah kalimat tanpa mengganggu text
   yang lain.</p>
</body>
</html>
Tag <br>
Tag <br> digunakan untuk membuat text yang ada setelah tag tersebut turun ke bawah satu baris. Tag <br> tidak memiliki tag penutup.
<html>
<head><title>Contoh aplikasi tag <br> </title></head>
<body>
   <p>Ini adalah contoh aplikasi Tag br <br> <span style="color:blue; font-weight:bold;
    font-style:italic">dan tulisan ini berada setelah tag br sehingga turun ke bawah
    satu baris</span> </p>
</body>
</html>
Tag <hr>
Tag <hr> digunakan untuk membuat sebuah garis horisontal (horizontal rule) selebar halaman web (secara default) tetapi kita dapat membuat garis horisontal sesuai dengan keinginan kita dengan cara memanipulasi attribut yang dimiliki (baca post attribut; red). Kita dapat memanfaatkannya untuk memisahkan antar kalimat dan tag <hr> tidak memiliki tag penutup sama sperti tag <br>, berikut adalah contoh aplikasinya:
<html>
<head><title>Contoh aplikasi tag <hr></title></head>
<body>
   <p><span style="color:red; font-weight:bold; font-style:italic">Ini adalah
   Contoh aplikasi tag hr :<span> <hr></p>
   <p><span style="color:blue; font-weight:bold; font-style:italic">Ini adalah
   Contoh aplikasi tag hr yang customize :<span><hr align="left" noshade
   size="10" width="100px"></p>
</body>
</html>
Align : digunakan untuk menentukan rata kanan, kiri atau tengah
Noshade : Jika kita tulis maka garis horisontal tidak memiliki bayangan dan jika tidak ditulis maka garis memiliki bayangan
Size : digunakan untuk menentukan ketebalan garis
Width : digunakan untuk menentukan lebar garis horisontal

Tag <center>
tag <center> digunakan untuk membuat sebuah text atau kalimat rata tengah dengan cara meletakkannya diantara tag pembuka <center> dan tag penutup <center>. berikut adalah contoh aplikasinya:
<html>
<head><title>Contoh aplikasi tag <center></title></head>
<body>
   <p><center>Ini adalah contoh penggunaan tag CENTER</center>
   <span style="color:black; font-weight:bold; font-style:italic">
   dan ini adalah text lain yang ada di dalam sebuah kalimat</span></p>
</body>
</html>
Ok bro itu semua adalah materi yang pernah saya dapat dalam kuliah, sekarang Anda dapat mencoba latihan dengan mengutak-atik sendiri kode HTML tersebut diatas atau kalo gak mw repot ya tinggal copy & paste aja lalu buka dengan web browser kesayangan.

Info: Semua file tersebut diatas telah berhasil dijalankan menggunakan browser FireFox, IE dan Opera.