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:
Tag <br><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> digunakan untuk membuat text yang ada setelah tag tersebut turun ke bawah satu baris. Tag <br> tidak memiliki tag penutup.
Tag <hr><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> 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:
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.
Info: Semua file tersebut diatas telah berhasil dijalankan menggunakan browser FireFox, IE dan Opera.
0 komentar:
Posting Komentar