Belajar HTML Dasar : Membuat Paragraf Pada HTML

Hadi Septiawan Monday, December 12, 2022

    Untuk memahami pembuatan paragraf <p> pada HTML, diharapkan anda terlebih dahulu sudah memahami penulisan dan apa itu tag, element, atribut. paragraf disini merupakan suatu tag untuk membuat penulisan dalam bentuk paragraf. 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>
perhatikan contoh berikut :
Paragraf menggunakan <p>. berikut inplementasi <p> dalam dokumen HTML :

<!DOCTYPE html>
<html>
<head>
          <title>belajar membuat paragraf</title>
</head>
<body>
         <p>ini merupakan penulisan paragraf pertama dalam dokument HTML</p>
         <p>ini merupakan penulisan paragraf kedua dalam dokument HTML</p>
</body>
</html>
















Dari contoh di atas dapat anda lihat bahwa penulisan paragraf pertama dan paragraf  kedua di pisahkan. untuk memisahkan antara paragraf satu dan dua ini menggunakana <p>.

Jenis paragraph

Berikut ini adalah beberapa contoh jenis paragraf pada HTML.

Paragraf rata kiri

<p align="left">1. ini merupakan penulisan paragraf rata kiri dalam dokument HTML</p>

Paragraf rata kanan

<p align="right">2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML</p>

Paragraf rata tengah

<p align="center">3. ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p>

Paragraf rata kiri kanan

<p align="justify">4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument HTML</p>

berikut contoh lengkapnya :

<!DOCTYPE html>
<html>
<head>
          <title>belajar membuat paragraf</title>
</head>
<body>
          <p align="left">1. ini merupakan penulisan paragraf rata kiri dalam dokument HTML</p>
          <p align="right">2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML</p>
          <p align="center">3. ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p>
          <p align="justify">4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument HTML</p>
</body>
</html>                
















Tags

Post a Comment

0 Comments

Post a Comment