Cara mudah Membuat Paragraf di HTML (tag p)

Tags

Cara mudah Membuat Paragraf di HTML (tag p) - pada posting sebelumnya telah saya ajarkan tentang pengenalan struktur - struktur HTML, serta mengetahui kegunaan dari dasar - dasar HTML, maka sekarang saya akan membagikan tentang Cara mudah Membuat Paragraf di HTML (tag p).

Paragraf pada HTML dengan simbol element "P" , biasanya paling banyak di lihat pada saat memuat suatu halaman bacaan pada sebuah website di browser, dengan menampilkan 2 atau lebih paragraf, maka kita wajib mengetahui bagaimana sebuah paragraf itu tercipta.

Cara mudah Membuat Paragraf di HTML (tag p)
sebelumnya telah kita pelajari pada posting sebelumnya tentang struktur HTML , maka saya rasa ini saatnya memakai struktur tersebut untuk langsung menerapkan sebuah halaman di browser, berikut ini adalah struktur HTML dengan Memuat 1 paragraf.

<!Doctype html>
<html>
<head>
<title>MEMBUAT PARAGRAF</title>
</head>
<body>
<p> ini merupakan sebuah paragraf yang berisi sekitar 50 sampai 60 kata, dengan beragam variasi kata, yang saat ini anda sedang membacanya</p>
</body>
</html>
dengan memakai sebuah tag P diatas maka 1 buah paragraf akan tercipta, maka disini sudah jelas, untuk menciptakan paragraf harus meletakkan Tag P. bagaimana jik ingin membuat 2 atau lebih paragraf, saya rasa sama cukup terapkan lagi tag pembuka dan penutup di bawahnyanya seperti di bawah ini :

<!Doctype html>
<html>
<head>
<title>MEMBUAT PARAGRAF</title>
</head>
<body>
<p> ini merupakan sebuah paragraf pertama yang berisi sekitar 50 sampai 60 kata, dengan beragam variasi kata, yang saat ini anda sedang membacanya</p>
<p> ini merupakan sebuah paragraf kedua yang berisi sekitar 50 sampai 60 kata, dengan beragam variasi kata, yang saat ini anda sedang membacanya</p>
</body>
</html>
maka outputnya akan tercipta seperti gambar di bawah ini :
Cara mudah Membuat Paragraf di HTML (tag p)

PEMISAHAAN TEXT DENGAN TAG <br>

disini saya akan memberitahukan terlebih dahulu, bahwasannya, tag <br> bukanlah tag pemisah sebuah pargraf namun lebih ke pemisahan jarak antar text atau kalimat, contohnya. jika anda ingin membuat sebuah kalimat dan ingin memisahkannya atau meletakkan kalimat kedua di bawah maka gunakan tag <br> seperti di bawah ini :

<!Doctype html>
<html>
<head>
<title>MEMBUAT PARAGRAF</title>
</head>
<body>
ini merupakan sebuah paragraf pertama yang berisi sekitar 50 sampai 60 kata, dengan beragam variasi kata, yang saat ini anda sedang membacanya
<br>
ini merupakan sebuah paragraf kedua yang berisi sekitar 50 sampai 60 kata, dengan beragam variasi kata, yang saat ini anda sedang membacanya
</body>
</html>

walaupun outputnya nampak sama, tetapi dalam hal ini jika anda ingin membuat tag paragraf maka gunakan saja tag <p> sebagai awalan anda membuat sebuah paragraf.

KOMBINASIKAN PARAGRAF DENGAN TAG <em> DAN <strong>

dalam sebuah paragraf, tentunya anda ingin menempatkan sebuah text, yang dominan untuk menampilkan bahwa di dalam sebuah paragraf tersebut terdapat text yang penting, dan biasanya di tandai dengan text miring dan text tebal.

bahwasannya untuk memakai text dengan style miring, anda juga dapat menggunakan tag <em> sebagai tanda bahwa text tersebut mempunyai makna, atau tanda yang ingin anda pentingkan.

dan sebagai penebalan huruf , anda juga dapat menggunakan tag <strong> sebagai tanda bahwa text di dalam paragraf tersebut penting untuk dibaca.

contoh penerepannya seperti ini :
<!Doctype html>
<html>
<head>
<title>MEMBUAT PARAGRAF</title>
</head>
<body>
<p>ini merupakan sebuah paragraf pertama yang berisi sekitar 50 sampai 60 kata,<em>si kumis kucing </em>dengan beragam variasi kata, yang saat ini anda sedang membacanya</p>
<p>ini merupakan sebuah paragraf kedua yang berisi sekitar 50 sampai 60 kata, dengan beragam variasi kata, yang saat ini anda <strong>dibaca tebal</strong> sedang membacanya</p>
<p>ini merupakan sebuah paragraf kedua yang berisi sekitar 50 sampai 60 kata<em> hello world</em>, dengan beragam variasi kata, yang saat ini anda sedang membacanya<strong> dibaca tebal</strong></p>
</body>
</html>

output yang ditampilkan dari kode di atas :
Cara mudah Membuat Paragraf di HTML (tag p)
dalam beberapa bahasa program / web, terkadang spasi tidak menjadi masalah dalam hal penerapan kode, untuk hal ini, anda boleh menerapkan spasi untuk sekedar merapikan text yang tidak mempunyai spasi, pada HTML dan browser akan tetap menerimanya.

pada tag - tag di atas, ada beberapa tag yang hampir sama kegunaannya dengan tag lain, seperti tag <em> sama dengan tag <i> kegunaannya untuk memiringkan text atau huruf,

tag yang kedua adalah tag <strong> dimana sama dengan tag <b> , untuk menebalkan huruf, dan sebenarnya tag - tag <i> dan <b> sudah tidak digunakan lagi, karena tag ini dapat di buat dari CSS, namun setelah pengembangannya, kode ini masih di pakai sebagai acuan kode HTML.

mungkin sekian dari pembelajaran HTML kali ini, semoga dapat bermanfaat. dalam memepelajari penempatan tag paragraf dalam sebuah struktur HTML. baca artikel selanjutnya tentang Cara Membuat tag Judul di HTML (H1,H2,H3).

- Berkomentarlah dengan sopan.
- No Link Aktif, SPAM, SARA P#RN.
- Jangan membalas yang tidak sesuai tema.
- Untuk "PM/tanya hal penting" bisa lewat Social Media yang saya miliki, sekalian Kenalan dengan Admin ^_^.
EmoticonEmoticon