FORMAT PARAGRAF DAN TEKS PADA HTML

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>

Contoh:
<!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>

Source Code

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

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

Source code Format Paragraf

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

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>

Sorce Code Format Judul

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:

<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

Source Code Style Texr

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>

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

Source Code Subcribe dan superscript

Be the first to comment

Leave a Reply

Your email address will not be published.


*