- Cara Membuat Paragraf dengan Tag
- Cara Membuat Taks PreFormatted pada HTML
- Membuat Line Break pada HTML (Tag <br>)
Pada artikel ini kami akan menjelaskan Cara Membuat Paragraf di file HTML. Paragraf adalah tulisan tambahan pada HTML yang menjelaskan topik pembicaraan. Paragraf biasanya terletak pada body dari HTML, berikut kami akan menjelaskan sejelas jelasnya.
Cara Membuat Paragraf dengan Tag
Untuk membuatnya kita cukup menggunakan aplikasi editor yang kita pakai untuk mengeditnya. Tag dasar dalam membuat paragraf pada HTML adalah Tag <p> dan ditutup dengan Tag </p>. Untuk cara penggunaannya sebagai berikut :
Untuk membuatnya kita cukup menggunakan aplikasi editor yang kita pakai untuk mengeditnya. Tag dasar dalam membuat paragraf pada HTML adalah Tag <p> dan ditutup dengan Tag </p>. Untuk cara penggunaannya sebagai berikut :
<!DOCTYPE html>
<html>
<body>
<head>
<title>AE-Ducation Tutorial HTML</title>
</head>
<p>Belajar Membuat Paragraf</p>
<p>Membuat paragraf apabila tidak menggunakan Tag maka hasil akan menjadi satu baris saja</p>
<p>Contoh</p>
Belajar Membuat Paragraf
Membuat paragraf apabila tidak menggunakan Tag maka hasil akan menjadi satu baris saja
</body>
</html>
Dari Contoh di atas kita mendapat 2 ilmu sekaligus, bahwa
- Dalam membuat paragraf kita perlu menggunakan Tag, misalnya pada contoh di atas Tag <p>
- Apabila kita tidak menggunakan Tag dalam membuat paragraf, kita melihat bahwa pada 2 paragraf yang dibuat tanpa terikat Tag akan menggabung menjadi satu.
Ketika kita membuat Paragraf, yang perlu diperhatikan adalah
- Penggunaan Tag pembuka <p> dan ditutup oleh </p>, untuk beberapa browser akan tetap membaca meskipun tak diakhiri dengan Tag penutup
- Paragraf yang kita buat yang berada di dalam Tag, meskipun kita membuatnya pada Text Editor memberikan efek line break pada web browser akan tetap dibaca satu baris
Membuat Line Break pada HTML (Tag <br>)
Line Break adalah memberikan efek spasi baris pada paragraf yang kita buat pada HTML. HTML sendiri memberikan Tag khusus untuk membuat <ine Break ini yaitu dengan menyediakan Tag <br>.
Untuk pembuatannya anda cukup meletakkan Tag Break ini ke paragraf atau kalimat yang anda ingin jeda. Tag <br> juga dapat digunakan di tengah paragraf, untuk lebih mudah dalam memahaminya anda dapat memahaminya contoh berikut :
Dari contoh di atas kita dapat simpulkan sebagai berikut :
Line Break adalah memberikan efek spasi baris pada paragraf yang kita buat pada HTML. HTML sendiri memberikan Tag khusus untuk membuat <ine Break ini yaitu dengan menyediakan Tag <br>.
Untuk pembuatannya anda cukup meletakkan Tag Break ini ke paragraf atau kalimat yang anda ingin jeda. Tag <br> juga dapat digunakan di tengah paragraf, untuk lebih mudah dalam memahaminya anda dapat memahaminya contoh berikut :
<!DOCTYPE html>
<html>
<body>
<head>
<title>AE-Ducation Tutorial HTML</title>
</head>
<p>Cara Membuat<br>Line Break pad HTML<br>dengan Tag <br></p>
<br>
<p>HTML telah menyediakan cara khusus untuk memberikan jarak pada sebuah paragraf atau kalimat dengan menggunakan Tag Break ini misalnya</p>
<br>
<p>Anda dapat melihat contoh ini agar lebih mudah dalam belajar HTML pada materi ini</p>
</body>
</html>
Dari contoh di atas kita dapat simpulkan sebagai berikut :
- Tag Break dapat digunakan di tengah kalimat
- Tag Break berfungsi memisahkan dan memerikan jarak pada kalimat HTML
Cara Membuat Taks PreFormatted pada HTML
Selain menggunakan Tag <pre> HTML juga menyediakan Tag khusus yang bisa anda gunakan secara mudah untuk membuat tulisan pada paragraf tampil sesuai atau apa adanya. Tag <pre> adalah Tag yang berfungsi sebagai alternative untuk membuat paragraf. Ciri khas yang diberikan pada Tag ini adalah tampilnya menggunakan font courier pada penulisannya, dan tampil sesuai susunan yang kita buat di teks editor, misalnya apabila kita membuat sebuah kalimat dengan memberikan jarak tanpa menggunakan Tag <br> yang akan ditampilkan pada web browser akan sama dengan apa yang kita buat tadi. Untuk lebih paham lagi lihat contoh berikut ini :
Dari contoh di atas mungkin anda sudah dapat menyimpulkan sendiri, contoh atas menggunakan 2 Tag sekaligus sedangkan contoh yang bawah hanya menggunakan Tag <pre> saja.
Selain menggunakan Tag <pre> HTML juga menyediakan Tag khusus yang bisa anda gunakan secara mudah untuk membuat tulisan pada paragraf tampil sesuai atau apa adanya. Tag <pre> adalah Tag yang berfungsi sebagai alternative untuk membuat paragraf. Ciri khas yang diberikan pada Tag ini adalah tampilnya menggunakan font courier pada penulisannya, dan tampil sesuai susunan yang kita buat di teks editor, misalnya apabila kita membuat sebuah kalimat dengan memberikan jarak tanpa menggunakan Tag <br> yang akan ditampilkan pada web browser akan sama dengan apa yang kita buat tadi. Untuk lebih paham lagi lihat contoh berikut ini :
<!DOCTYPE html>
<html>
<body>
<head>
<title>AE-Ducation Tutorial HTML</title>
</head>
<p>Kalimat<br>dengan<br>Tag paragraf dan Tag break<br></p>
<br>
<p>HTML telah menyediakan cara khusus untuk memberikan jarak pada sebuah paragraf atau kalimat dengan menggunakan Tag Break ini misalnya</p>
<br>
<p>Anda dapat melihat contoh ini agar lebih mudah dalam belajar HTML pada materi ini</p>
<br>
<pre>
Kalimat
dengan
Tag paragraf dan Tag break
HTML telah menyediakan cara khusus untuk memberikan jarak pada sebuah paragraf atau kalimat dengan menggunakan Tag Break ini misalnya
Penggunaan Kalimat Bebas Pada Contoh
Benar Bukan Semua Sesuai
Tulisan yang Kita Buat
</pre>
</body>
</html>
Dari contoh di atas mungkin anda sudah dapat menyimpulkan sendiri, contoh atas menggunakan 2 Tag sekaligus sedangkan contoh yang bawah hanya menggunakan Tag <pre> saja.
Setelah belajar mengenai cara membuat paragraf, apabila anda belum sudah memahami materi artikel pada ini. Anda bisa melanjutnya kemateri selanjutnya yaitu Cara Memberikan Efek pada Tulisan HTML.
0 Response to "Materi HTML : Belajar Membuat Paragraf pada HTML"
Posting Komentar