Assalamualaikum Wr. Wb.
Selamat datang di ProgramPc pada postingan kali ini saya akan menjelaskan Cara Membuat Paragraf Pada HTML.
Untuk
membuat paragraf anda bisa menggunakan tag <p> untuk memisahkan
paragraf satu dengan paragraf lainnya. Contoh seperti berikut ini.
Pertama buka aplikasi text editor anda di sini saya menggunakan notepad++, lalu buat file baru seperti di bawah ini.
<html>
<head>
<title>Membuat Paragraf</title>
</head>
<body>
<p>Kalimat ini berada pada paragraf 1</p>
<p>Kalimat ini berada pada paragraf 2<br/>
Kalimat ini masih berada di paragraf 2</p>
<p>Kalimat ini berada pada paragraf 3</p>
</body>
</html>
Save dengan nama paragraf.html, lalu buka file tersebut menggunakan Mozilla Firefox atau browser yang anda miliki, maka hasilnya akan seperti berikut.
Tag paragraf ini terdapat 3 atribut/tag yang bisa
dikombinasikan langsung dengan tag paragraf <p>. atribut tag tersebut yaitu :
- Membuat paragraf rata kiri menggunakan <p align=”left”> .. isi paragraph </p>
- Membuat paragraf rata kanan menggunakan <p align=”right”> .. isi paragraph </p>
- Membuat paragraf rata tengah menggunakan <p align=”center”> .. isi paragraph </p>
- Membuat paragraf rata kiri kanan menggunaan <p align=”justify”> .. isi paragraph </p>
Berikut contoh lengkapnya :
Pertama buka aplikasi text editor anda di sini saya menggunakan notepad++, lalu buat file baru seperti di bawah ini.
<html>
<head>
<title>Membuat paragraf</title>
</head>
<body>
<p align="left">1. ini penulisan paragraf rata kiri dalam dokument HTML</p>
<p align="right">2. ini penulisan paragraf rata kanan dalam dokument HTML</p>
<p align="center">3. ini penulisan paragraf rata tengah dalam dokument HTML</p>
<p align="justify">4. ini penulisan paragraf rata kiri kanan dalam dokument HTML</p>
</body>
</html>
Save dengan nama paragraf1.html, lalu buka file tersebut menggunakan Mozilla Firefox atau browser yang anda miliki, maka hasilnya akan seperti berikut.
Cukup sekian penjelasan dari saya, kurang lebihnya mohon maaf apabila ada kesalahan penulisan.
Wassalamualaikum Wr. Wb.
EmoticonEmoticon