Skip to main content

Belajar HTML Dasar #5 - Membuat Paragraf Pada HTML

Belajar HTML Dasar #5 - Membuat Paragraf Pada HTML

Membuat Paragraf Pada HTML

Untuk memahami pembuatan paragraf 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 atribut tag tersebut yaitu :

1. Membuat paragraf rata kiri menggunakan <p align="left"> .................. </p>
2. Membuat paragraf rata kanan menggunakan <p align="right"> .................. </p>
3. Membuat paragraf rata tengan menggunakan <p align="center"> .................. </p>
4. Membuat paragraf rata kiri kana menggunakan <p align="justify"> .................. </p>

Paragraf menggunakan <p>. Berikut ini adalah implementasi dari <p>  dalam dokumen html :

<!DOCTYPE html>
<html>
<head>
<title>belajar membuat paragraf</title>
</head>
<body>

<p>
    Penulisan paragraf pertama dalam dokument HTML
</p>
<p>
    Penulisan paragraf kedua dalam dokument HTML
</p>

</body>
</html>

Dan dibawah ini adalah hasil outputnya

Belajar HTML Dasar #5 - Membuat Paragraf Pada 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

Jenis Paragraf

1. Paragraf rata kiri

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

2. Paragraf rata kanan

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

3. Paragraf rata tengan

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

4. Paragraf rata kiri kanan

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

Berikut ini adalah 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>


Dibawah ini adalah hasil outputnya

Belajar HTML Dasar #5 - Membuat Paragraf Pada HTML

Mungkin cukup sampai disini dulu mengenai pembahasan mengenai membuat paragraf pada HTML, untuk selanjutnya kita akan belajar mengenai membuat tabel pada HTML. Semoga sampai disini teman-teman bisa mengikutinya dengan baik, kalo ada yang mau ditanyakan bisa tinggalkan komentar di bawah ini iya teman-teman nanti akan saya jawab satu-satu ko pertanyannya.

sekian dan terimakasih...


Daftar Belajar HTML Dasar

1. Belajar HTML Dasar  #1 - Belajar HTML Dasar Untuk Pemula
2. Belajar HTML Dasar  #2 - Membuat Mengenal Tag, Element, Dan Atribut Pada HTML
3. Belajar HTML Dasar  #3 - Membuat Heading Pada HTML
4. Belajar HTML Dasar  #4 - Membuat Format Text Pada HTML
5. Belajar HTML Dasar  #5 - Membuat Paragraf Pada HTML





Labels

Labels:
Location: Indonesia

Comments

Post a Comment

Artikel Populer

HTML dan CSS - Membuat Form Pendaftaran Sederhana

Nah, Pada kesempatan kali ini saya akan mencoba membuat sebuah form pendaftaran sederhana menggunakan html dan css. pada artikel-artikel sebelumnya kita sudah membahs mengenai pengertian, sejarah dll tentang html dan css. nah sekarang kita coba untuk mempraktekannya. Membuat Form Pendaftaran Sederhana Untuk membuat form nya, pertama-tama kalian buka terlebih dahulu aplikasi code editor kalian. aplikasinya bebas mau sublime text, vs code, dan masih banyak lagi yang lainnya yang penting bisa untuk membuat html dan css. nah untuk langkah langkahnya, kalian bisa ikuti seperti yang saya contohkan di bawah ini. Membuat file html Dibawah ini merupakan file html yang kita gunakan untuk membuat form, silahkan kalian bisa mengikutinya. <! DOCTYPE   html > < html   lang = "en" > < head >     < title >Form Pendaftaran</ title > </ head > < body >      < div   id = "login-box" >  ...
6 comments
Read more »

Cara Instal Visual Studio 2010 Ultimate

  Pada kesempatan kali ini, saya akan memberikan sebuah tutorial tentang bagaimana cara menginstal aplikasi microsoft visual studio 2010 Ultimate. Jika belum punya file microsoft visial studio 2010 ultimatenya, silahkan download dulu file visual studio 2010 ultimatenya Dibawah ini. Tapi sebelum melanjutkan cara menginstalnya, pertama-tama saya akan menjelahkan sedikit menginai apa itu visual studio 2010 Ultimate.  Download Visual Studio 2010 Ultimate Disini Visual Studio 2010 pada dasarnya merupakan sebuah bahasa pemrograman komputer. Dimana pengertian dari bahasa pemrograman itu adalah perintah-perintah atau instruksi yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu. Visual Studio 2010 (yang sering juga disebut dengan VB .Net 2010) selain disebut dengan bahasa pemrograman, juga sering disebut sebagai sarana (tool) untuk menghasilkan program-progam aplikasi berbasiskan windows. Beberapa kemampuan atau manfaat dari Visual Studio 2010 diantaranya seperti : Untu...
5 comments
Read more »

Download Aplikasi KineMaster Pro Mod Terbaru

Kine Master adalah sebuah aplikasi mobile yang digunakan untuk kepentingan mengedit vido. Dibawah ini merupakan link untuk mendownload aplikasi kine master pro mod terbaru 2022 Link Download : Aplikasi Kine Master Pro Mod Langkah installasinya : Download dulu file RAR nya di link di atas Setelah selesai di download, maka silahkan ekstrak filenya menggunakan aplikasi Zarchiver setelah proses extrak berhasil, silahkan install langsung aplikasinya. Semoga aplikasi ini bisa membatu kita dalam berkarya untuk kedepannya...
Post a Comment
Read more »