Belajar Pemrograman Bersama Portal Coding
Belajar berbagai pemrograman secara gratis dan praktis agar cepat mahir.
Mulai BelajarMembuat Paragraf didalam HTML
Tanggal Upload : 2020-03-13 17:46:27
Diupload Oleh : Erji Ridho Lubis
# html # html dan css
Membuat Paragraf didalam HTML
Pada pembahasan sebelumnya kita telah mengetahui bagaimana cara membuat heading, dan membuat link dalam dokumen html. Nah pada artikel kali ini kita akan membahas mengenai bagaimana membuat paragraf didalam html.
Silahkan disimak.
Di artikel sebelumnya kita telah mengetahui tag-tag html dan fungsinya, nah tag untuk membuat paragraf adalah tag <p></p> .
Didalam tag ini kita bisa menuliskan paragraf atau konten yang panjang dengan rapi.
Untuk struktur penulisannya dapat dilihat dibawah ini.
<html>
<head>
<title>Belajar membuat paragraf didalam HTML</title>
</head>
<body>
<h1>Judul Paragraf</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>
Dari sintaks diatas, jika dijalankan maka akan membentuk sebuah judul dan paragraf.
Bagaimana jika lebih dari 1 paragraf ?
Mudah saja, kita tinggal menambahkan tag <p></p> lagi pada baris baru. Seperti berikut ini.
<html>
<head>
<title>Belajar membuat paragraf didalam HTML</title>
</head>
<body>
<h1>Judul Paragraf</h1>
<p>Paragraf pertama. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Paragraf Kedua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>
Dari sintaks diatas, jika dijalankan maka akan membentuk sebuah judul dan juga membentuk 2 buah paragraf.
Penting : Selalu gunakan tag pengakhir dalam sebuah tag html.
Pemecah paragraf
Pada sintaks sebelumnya, jika kita ingin membuat paragraf baru kita harus membuat tag <p></p> pada baris baru setelah tag sebelumnya diakhiri.
Lalu bagaimana jika kita hanya ingin menggunakan satu tag <p></p> saja? Mudah, kita tinggal menggunakan tag <br> didalam teks yang ingin kita buat paragraf baru pada paragraf tersebut.
Tag <p></p> ini berfungsi untuk membuat jeda pada sebuah paragraf.
Berikut caranya :
<html>
<head>
<title>Belajar membuat paragraf didalam HTML</title>
</head>
<body>
<h1>Judul Paragraf</h1>
<p>
Paragraf pertama. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<br>
Paragraf Kedua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</body>
</html>
Dan hasilnya akan membentuk 2 buah paragraf.
Selanjutnya :
Tentang Portal Coding
Portal Coding adalah situs web yang membahas mengenai berbagai macam bahasa pemrograman baik versi web, desktop maupun mobile secara lengkap.
Portal Coding On Youtube
Ayo subscribe channel Portal Coding di Youtube. Dichannel ini kami menyediakan berbagai tutorial dalam bentuk video. Agar kita lebih mudah belajar pemrograman. Klik disini untuk subscribe.
Subscribe