Membuat Paragraf, Line Break, Align dan Pemformatan Texs di HTML ~ PENCARI DOLLAR
Friday, October 25, 2019
Edit
Membuat Paragraf, Line Break, Align dan Pemformatan Text di HTML
oK lanjut ya teman2 kali ini penulis akan memberikan tutorial membuat paragraf, line break, align dan pemformatan text. langsung saja kepembahasan. Baca sampai akhir biar paham ya :).
Paragraf
Setiap paragraf harus dimulai dengan memberi tag <p> dan diakhiri dengan tag </p>.
Contoh:
<body>
<p>contoh paragraf 1. contoh paragraf 1.contoh paragraf 1. contoh paragraf 1.contoh paragraf 1. contoh paragraf 1.</p>
<p>contoh paragraf 2. contoh paragraf 2.contoh paragraf 2. contoh paragraf 2.contoh paragraf 2. contoh paragraf 2.
</p>
</body>
<body>
<p>contoh paragraf 1. contoh paragraf 1.contoh paragraf 1. contoh paragraf 1.contoh paragraf 1. contoh paragraf 1.</p>
<p>contoh paragraf 2. contoh paragraf 2.contoh paragraf 2. contoh paragraf 2.contoh paragraf 2. contoh paragraf 2.
</p>
</body>
Hasil:
Paragraf HTML |
Line Break
Line Break digunakan untuk mengganti garis atau ENTER. Tag yang digunakan adalah <br>.
Contoh:
<body>
<p>contoh paragraf 1. <br>contoh paragraf 1. <br>contoh paragraf 1. <br>contoh paragraf 1. <br>contoh paragraf 1. <br>contoh paragraf 1.
</p>
<p>contoh paragraf 2. <br>contoh paragraf 2. <br>contoh paragraf 2. <br>contoh paragraf 2. <br>contoh paragraf 2. <br>contoh paragraf 2.
</p>
</body>
Hasil:<body>
<p>contoh paragraf 1. <br>contoh paragraf 1. <br>contoh paragraf 1. <br>contoh paragraf 1. <br>contoh paragraf 1. <br>contoh paragraf 1.
</p>
<p>contoh paragraf 2. <br>contoh paragraf 2. <br>contoh paragraf 2. <br>contoh paragraf 2. <br>contoh paragraf 2. <br>contoh paragraf 2.
</p>
</body>
Line Break HTML |
Baca Juga :
- Pengenalan javascript dan-penulisan code Gampang dipahami
- Pengenalan html, tag html untuk pemula Gampang dipahami
Align
Align digunakan untuk menentukan rata tulisan.
Contoh:
<body>
<p align="left">
Contoh paragraf rata kiri. contoh paragraf rata kiri. contoh paragraf rata kiri. contoh paragraf rata kiri. Contoh paragraf rata kiri. contoh paragraf rata kiri.
</p>
<p align="center">
Contoh paragraf rata tengah. Contoh paragraf rata tengah. Contoh paragraf rata tengah. Contoh paragraf rata tengah. Contoh paragraf rata tengah. Contoh paragraf rata tengah.
</p>
<p align="right">
Contoh paragraf rata kanan. Contoh paragraf rata kanan. Contoh paragraf rata kanan. Contoh paragraf rata kanan. Contoh paragraf rata kanan. Contoh paragraf rata kanan.
</p>
</body>
Hasil:
Align HTML |
Pemformatan Text
Text dalam dokumen web dapat diformat secara khusus untuk menunjukkan perbedaaan dan penekanan terhadap isi dan maksut dari teks tersebut. Perbedaan ditampilkan dalam bentuk huruf tebal, miring, garis bawah, dan lain-lain sebagainya.
Contoh Pemformatan texs:
- Menebalkan Huruf (Bold)
- Memiringkan Huruf (italic)
- Garis bawah
- Membesarkan Huruf
- Mengecilkan Huruf
- SuperScript
- SubScript
Contoh :
<body>
<b>Tulisan ditebalkan (bold)</b><br>
<strong>Tulisan ditebalkan (strong)
</strong><br>
<i>Tulisan Miring (emphasize)</em>
<br>
<u>Tulisan Digaris Bawah (underline)</u>
<br>
<big>Tulisan Besar (big)</big><br>
<small>Tulisan Kecil (small)</small><br>
Tulisan Ini <sup>Superscipt</sup><br>
Tulisan Ini <sub>Subscript</sub><br>
</body>
Hasil:
Pemformatan Text Huruf |
Teks Preformat
Preformat di gunakan untuk menampilkan sesuai dengan dokumen web tersebut dalam editor teks.
Contoh:
<body>
<pre>
Contoh text preformat
contoh
text
preformat
contoh text preformat
</pre>
</body>
Hasil:
Text Preformat HTMl |
Cukup Sekian Ya teman2 pembahasan kali ini. untuk besok lagi kita akan membahas tentang:
-Hyperlink
-List
-Gambar , Tabel dll.