Belajar HTML Part 6: Membuat Paragraf Pada HTML

Belajar HTML Membuat Paragraf Pada HTML
untuk memahami pembuatan paragraf <p> pada HTML, diharapkan anda terlebih dahulu sudah memahami penulisan dan apa itu tag, element, atribut(bisa anda pelajari disini). paragraf disini merupakan suatu tag untuk membuat suatu elemen dalam penulisan HTML. dalam paragraf itu sendiri terdapat 3 element/tag lain yang bisa dikombinasikan langsung dengan tag paragraf <p>. element tag tersebut yaitu :
- paragraf rata kiri menggunakan align left
- paragraf rata kanan menggunakan align right
- paragraf rata tengah menggunakan align center
- paragraf rata kiri kanan menggunaan align justify
penulisan paragraf <p>
HTML mengunakan tag kusus untuk membuat paragraf yaitu <p>. perhatikan contoh berikut :
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> <title>belajar membuat paragraf</title> </head> <body> ini adalah paragraf pertama ini adalah paragraf kedua </body> </html> |

Membuat Paragraf Pada HTML
dari contoh di atas itu termasuk penulisan paragraf yang kurang tepat, di karenakan paragraf satu dan paragraf kedua tidak di pisahkan melainkan di satukan. dalam HTML enter dan spasi itu di abaikan.
untuk penulisan yang lebih tepatnya, paragraf menggunakan <p> berikut inplementasi <p> dalam dokumen HTML :
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> <title>belajar membuat paragraf</title> </head> <body> <p>ini merupakan penulisan paragraf pertama dalam dokument HTML</p> <p>ini merupakan penulisan paragraf kedua dalam dokument HTML</p> </body> </html> |

Membuat Paragraf Pada HTML
dari contoh di atas dapat anda lihat bahwa penulisan paragraf pertama dan paragraf kedua di pisahkan. untuk memisahkan antara paragraf satu dan dua ini menggunakana <p>.
Jenis Paragraf
paragraf rata kiri
1 |
<p align="left">1. ini merupakan penulisan paragraf rata kiri dalam dokument HTML</p> |
paragraf rata kanan
1 |
<p align="right">2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML</p> |
paragraf rata tengah
1 |
<p align="center">3. ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p> |
paragraf rata kiri kanan
1 |
<p align="justivy">4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument HTML</p> |
berikut contoh lengkapnya :
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <head> <title>belajar membuat paragraf</title> </head> <body> <p align="left">1. ini merupakan penulisan paragraf rata kiri dalam dokument HTML</p> <p align="right">2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML</p> <p align="center">3. ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p> <p align="justivy">4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument HTML</p> </body> </html> |

Contoh paragraf
penulisan paragraf <br>
cara lain yang bisa anda gunakan dalam penulisan paragraf dalam dokumen HTML adalah menggunakan tag <br> atau dikenal dengan break. perhatikan contoh berikut :
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> <title>belajar membuat paragraf</title> </head> <body> ini merupakan penulisan paragrah pertama </br> ini merupakan penulisan paragrah kedua </body> </html> |

penulisan paragraf menggunakan
dari contoh di atas bisa anda lihat penggunaan <br/> dalam dokument HTML. <br/> ini bisa digunakan dalam penulisan paragraf namun fungsi dari <br/> sebenarnya adalah memisahkan teks satu dengan teks lainnya. ada sedikit perbedaan antara penggunakan <p> dengan <br/> yang bisa bisa anda lihat sendiri di atas. salah satu perbedaannya adalah : jika menggunakan <p> maka bari yang di atur dalam HTML lebih besar di bandingkan dengan <br/>. jika memang membutuhkan paragraf dalam dokumen HTML sebaiknya langsung mengguanakan tag <p>
Tutorial HTML Dasar Lainnya
Belajar HTML Part 1 : Pengertian HTML
Belajar HTML Part 2 : Memilih Text Editor
Belajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML
Belajar HTML Part 4 : Heading Pada HTML
Belajar HTML Part 5 : Format Text Pada HTML
Belajar HTML Part 6 : Membuat Paragraf Pada HTML
Belajar HTML Part 7 : Membuat Table Pada HTML
Belajar HTML Part 8 : Membuat Hyperlink Pada HTML
Belajar HTML Part 9 : Membuat List Pada HTML
Belajar HTML Part 10 : Membuat Format Code Pada HTML
Belajar HTML Part 11 : Membuat Form Pada HTML
Belajar HTML Part 12 : Atribut Form Pada HTML
Belajar HTML Part 13 : Membuat Symbol Pada HTML
Belajar HTML Part 14 :Menampilkan Gambar Pada HTML
Belajar HTML Part 15 : Tag Iframe Pada HTML
Tutorial Menarik Lainnya

Membuat Navbar Responsive dengan HTML dan CSS


Contoh Coding HTML Website Biodata, Dan Cara Membuatnya


Membuat Show Hide Password Di HTML

