Pada sebuah website niscaya mempunyai Paragraf, paragraf ialah komponen yang tidak sanggup dipisahkan dari sebuah halaman website baik itu digunakan pada postingan, komentar, dan lain sebagainya. Nah pada tutorial kita kali ini saya akan membahas cara menciptakan paragraf di HTML.
HTML menyediakan tag khusus untuk menciptakan paragraf. Penulisannya memakai aksara p, sebagai berikut : <p>Isi dari sebuah paragraf</p>. Untuk lebih gampang di mengerti teman-teman sanggup menuliskan tumpuan coding dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Point Website</title>
</head>
<body>
<p>Ini ialah paragfar saya yang pertama, Ini ialah paragfar saya yang pertama
Ini ialah paragfar saya yang pertama, Ini ialah paragfar saya yang pertama.</p>
<p>Ini ialah paragfar saya yang kedua, Ini ialah paragfar saya yang kedua
Ini ialah paragfar saya yang kedua, Ini ialah paragfar saya yang kedua.</p>
Ini bukan sebuah paragraf, ini bukan sebuah paragraf Ini bukan sebuah paragraf,
Ini bukan sebuah paragraf, ini bukan sebuah paragraf
ini bukan sebuah paragraf ini bukan sebuah paragraf
</body>
</html>
Save sebagai paragraf.html, kemudian jalankan pada web browser.
Dari hasil tumpuan diatas kita sanggup melihat bahwa baris satu dan baris dua ialah paragraf, setiap tag paragraf, web browser akan menunjukkan spasi antar paragraf. Sedangkan pada baris ketiga itu bukan sebuah paragraf dikarenakan itu ditulis tanpa memakai tag <p>.
Perhatikan baris ketiga pada gambar hasil dari code html tadi, kita lihat bahwa hasil nya bahwa paragraf tersebut tidaklah berada pada baris berbeda, namun berada pada satu baris yang sama. Perlu teman-teman perhatikan bahwa Dalam HTMLspasi akan diabaikan.
Tag Break (<br>)
Pada HTML juga mempunyai tag<br> yang berfungsi untuk memisahkan paragraf satu dengan paragraf lain nya, <br> ialah abreviasi dari break. Agar gampang teman-teman untuk mengerti mari kita modifikasi code nya tadi menjadi menyerupai ini :
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>Ini ialah paragfar saya yang pertama, Ini ialah paragfar saya yang pertama<br>
Ini ialah paragfar saya yang pertama, Ini ialah paragfar saya yang pertama.</p>
<p>Ini ialah paragfar saya yang kedua, Ini ialah paragfar saya yang kedua<br>
Ini ialah paragfar saya yang kedua, Ini ialah paragfar saya yang kedua.</p>
Ini bukan sebuah paragraf, ini bukan sebuah paragraf<br> Ini bukan sebuah paragraf,
Ini bukan sebuah paragraf<br> ini bukan sebuah paragraf,
ini bukan sebuah paragraf <br> ini bukan sebuah paragraf
</body>
</html>
Mari kita jalankan pada web browser.
Pada gambar ditas kita sanggup melihat bahwa paragraf yang tadi nya satu baris sanggup dipisahkan dengan <br> hinga menjadi dua baris. Perhatikan juga kaliamat Ini bukan sebuah paragraf akibatnya hampir sama dengan memakai tag <p>. Namun yang perlu diperhatikan pemisahan paragraf memakai tag <br> bukanlah untuk menciptakan paragraf. Tag <br> berfungsi untuk memisahkan sebuah bab text dengan text lain. Jika yang kita butuhkan ialah struktur paragraf, maka gunakan tag <p>.
Perhatikan penulisan tag <br>, tag break ialah salah satu dari beberapa tag yang tidak mempunyai tag penutup, dan sanggup ditulis sebagai <br > atau </br>. Penulisan </br> merupakan bawaan dari xHTML yang dianggap lebih rapi. Namun dalam standar HTML5, penulisan <br> maupun </br> tetap dianggap valid.
Jika teman-teman mau menciptakan paragraf nya mempunyai aksara tebal teman-teman tinggal menambahkan <b>Ini Tebal</b>. kalau teman-teman mau menciptakan aksara miring teman-teman sanggup menambahkan <i>Ini aksara miring</i>. Selain dari yang di atas pada HTML masih mempunyai tag-tag lain nya yaitu :
Tag untuk penebalan dan pemiringan ( <strong> dan <em>).
Di dalam sebuah paragraf, kadang kita perlu untuk menciptakan pementingan pada kata-kata tertentu. Penekanan ini sanggup dilakukan dengan menebalkan kata, atau dengan kata yang dimiringkan. Penggunaan nya ialah sebagai berikut :
<!DOCTYPE html>
<html>
<head>
<title>Point Website</title>
</head>
<body>
<p>Ini ialah paragfar saya yang pertama, <strong>Ini ialah paragfar saya yang pertama</strong><br>
<em>Ini ialah paragfar saya yang pertama</em>, Ini ialah paragfar saya yang pertama.</p>
<p>Ini ialah paragfar saya yang kedua, <em>Ini ialah paragfar saya yang kedua</em><br>
<strong>Ini ialah paragfar saya yang kedua,</strong> Ini ialah paragfar saya yang kedua.</p>
</body>
</html> jika dijalankan pada web browser maka akibatnya akan menyerupai berikut :
Selain dari tag <em> dan <strong> kita juga akan menemukan bahwa HTML memiliki tag <i> (italic) untuk memiringkan huruf, dan <b> (bold) untuk menebalkan huruf. Pakar HTML yang mendukung pemisahan konten dengan tampilan tidak menyarankan memakai tag <i> dan <b>, alasannya ialah kedua tag ini akan mensugesti tampilan dari HTML. Tampilan halaman web seharusnya di tangani oleh CSS, bukan di dalam instruksi HTML. Pada xHTML, tag <i> dan <b> sudah dianggap usang, dan tidak akan digunakan lagi, namun dalam spesifikasi HTML5, tag <i> dan <b> kembali dianggap relevan.
Sekian tutorial saya wacana Cara Membuat Paragraf dalam HTML, agar sanggup membantu teman-teman dalam mempelajari HTML. Untuk tutorial yang lain akan saya bahas pada tutorial selanjutnya.
No comments:
Post a Comment