Cara mudah Membuat Paragraf di HTML (tag p)

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.

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 :

PEMISAHAAN TEXT DENGAN TAG

disini saya akan memberitahukan terlebih dahulu, bahwasannya, tag   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   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 sebagai awalan anda membuat sebuah paragraf.

KOMBINASIKAN PARAGRAF DENGAN TAG DAN

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  sebagai tanda bahwa text tersebut mempunyai makna, atau tanda yang ingin anda pentingkan.

dan sebagai penebalan huruf , anda juga dapat menggunakan tag  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 :

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  sama dengan tag  kegunaannya untuk memiringkan text atau huruf,

tag yang kedua adalah tag  dimana sama dengan tag  , untuk menebalkan huruf, dan sebenarnya tag - tag  dan  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).

Cara mudah Membuat Paragraf di HTML (tag p)

PEMISAHAAN TEXT DENGAN TAG <br>

KOMBINASIKAN PARAGRAF DENGAN TAG <em> DAN <strong>

Artikel Terkait :