Paragraf merupakan kumpulan beberapa kalimat. Paragraf biasanya digunakan untuk menampilkan teks atau artikel. Ada beberapa tag yang digunakan dalam website diantaranya <p>,<div>, <hr>, <br>, dan <pre>
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE HTML> <html lang="en"> <head> <title>Format paragraf dan teks pada html</title> </head> <body> <p>Paragraf pertama dituliskan disini</p> <p>Paragraf kedua ditulis disini dst</p> </body> </html> |
- Tampilan Source Code Format paragraf dan teks pada html
- Download Source Code Format paragraf dan teks pada html
A. Format Paragraf
Untuk membuat Paragraf pada HTML digunakan tag <p>….</p>. atribut yang sering digunakan dalam tag ini adalah align, Atribut ini biasanya digunakan untuk mengatur perataan paragraf, nilai yang biasa digunakan pada atribut adalah left, center, right, justify
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE HTML> <html> <head> <title>Format Paragraf</title> </head> <body> <p>Paragraf ditulis disini</p> <p align="center">Center digunakan untuk penulisan text rata tengah</p> <p align="right">Right digunakan untuk penulisan text rata Kanan</p> <p align="left">left digunakan untuk penulisan text rata Kiri</p> <p align="justify">justify digunakan untuk penulisan text rata Kanan Kiri</p> </body> </html> |
B. Format Judul
Terdapat 6 style judul dalam html, yaitu <h1>,<h2>,<h3>,<h4>,<h5>,<h6>, Tag <h1> digunakan untuk membuat judul dengan ukuran huruf paling besar begitu pla sebaliknya <h6> digunakan untuk membuat judul dengan ukuran paling kecil
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
Contoh <!DOCTYPE HTML> <html> <head> <title>Format Judul</title> </head> <body> <center><h1>Format h1</h1></center> <h2>Format h2</h2> <h3>Format h3</h3> <h4>Format h4</h4> <h5>Format h5</h5> <h6>Format h6</h6> </body> </html> |
C. Style Teks
Agar teks yang ditulis tampak enak dilihat, teks dapat diatur dengan menggunakan style teks, style teks yang dapat digunakan dalam menulis website diantaranya:
|
1 2 3 4 5 6 7 8 9 10 |
<b> Membuat text tebal </b> <i> Membuat text italic </i> <u> Membuat text bergaris bawah </u> <strike> Membuat text bergaris tengah </strike> <strong> Membuat text text tebal, hampir sama dengan bolt </strong> <em> Membuat text bercetak mirig, hampir sama dengan italic </em> <small> Membuat text text lebih kecil dari umumnya </small> <mark> Membuat text dengan baground warna kuning, seperti ditandai starbilo </mark> <del> Menunjukkan text dihapus dengan text dicoret tengah </del> <ins> Menunjukkan text yang disisipkan dengan text yang disisipkan dengan text bergaris bawah </ins> |
Dalam penggunaannya <b> dan <strong>, <i> dan <em>, <u> dan <ins>, <strike> dan <delete> terlihat seperti sama, namun memiliki tujuan yang berbeda
D. Subscribe dan superscript
Untuk menuliskan simbul-simbul huruf kecil diatas maupun dibawah huruf disebut Subscribe dan superscript, superscript digunakan tag <sub>, sedangkan untuk subcribe ditulis dengan tag <sup>
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE HTML> <html> <head> <title>Superscript dan subscript</title> </head> <body> X<sup>3</sup> + 2X<sup>2</sup> = 27 <br> C + H<sub>2</sub>0 = CH<sub>2</sub>0 </body> </html> |
Leave a Reply