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





Comments

Artikel Populer

Cara Mendaftar Hosting Gratis di InfinityFree

Nah, pada kesempatan kali ini saya akan mengajari cara mendaftar Hosting Gratis di InfinityFree. Tapi sebelumnya saya akan menjelaskan terlebih dahulu secara singkat apa itu InfinityFree. InfinityFree adalah sebuah website hosting yang memberikan Unlimited Disk Space dan Unlimited Bandwidth.  Infinityfree.net  adalah sebuah layanan hosting yang disponsori oleh iFastNet yang memiliki dua layanan yaitu berbayar (Premium) dan Gratis (free). InfinityFree juga menyediakan berbagai layanan fitur-fitur untuk layanan hosting gratis, yaitu : Hosting gratis dan cepat 99,9% Up Time Hosting tanpa batas Hosting sepenuhnya gratis Tidak ada iklan paksaan Host domain apa saja Fitur Web Hosting Infinity Free: Unlimited Disk Space Unlimited Bandwidth 10 Email Accounts 400 MySQL Databases PHP 5.4, 5.5, 5.6, 7.0 MySQL 5.6 Apache 2.4 with .htaccess Linux 3.2 Free Subdomain Name Free SSL on all websites Free Cloudflare CDN Free DNS Service Nah, setelah mengetahui sedikit mengenai apa itu IfinityFre...

Tutorial Membuat HTML Sederhana

Apa itu HTML HTML merupakan sebuah kepanjangan dari Hyper Text Markup Language. HTML juga dapat diartikan sebagai suatu file teks sederhana yang mengandung perintah-perintah berupa TAG sehingga sebuah web browser dapat menampilkan suatu halaman dengan display tertentu. Nah disini saya akan mencontohkan tutorial tentang cara untuk membuat sebuah html sederhana untuk pemua sebagai bahan belajar bersama sama. Cara Membuat html Sederhana 1. pertama kalian buka dulu teks editor kalian seperti Sublime Teks, Visual Studio Code, dll. tapi disini saya  menggunakan Visual Studio Code. 2. setelah itu langsung buat File baru 3. Kemudian Pilin Plant Teks  ==> Pilih HTML 4. Lalu ketikan html seperti gambar di bawah ini untuk menampilkan sebuah tulisan Hello Word ! di browser. <! DOCTYPE html > < html >     < head >       < title >Langkah Awal</ title >     < head >     < body >      ...

Apa itu jQuery Selectors

  Assallammualaikum wr.wb Setelah kemarin kita mengenal mengenai apa itu jQuery dan sintaknya. Nah sekarang kita akan membahas mengenai jQuery selector. Apa itu sebenarnya jQuery Selector? apakah ada yang sudah tau? kalo  belum tau, mari kita bahas di pembahasan kali ini. Apa itu jQuery Selector? Selector dapat memungkinkan kita untuk memanipulasi sebuah elemen HTML sebagai kelompok atau sebagai elemen tunggal. Pada kesempatan sebelumnya, kita sudah memlihat contoh cara memilih elemen HTML menggunakan jQuery. jQuery element selectors dan attribute selectors memungkinkan anda untuk memilih elemen HTML (atau kelompok elemen) dengan nama tag, nama atribute atau konten. Selectors memungkinkan kita untuk memanipulasi element HTML sebagai kelompok atau sebagai elemen tunggal. jQuery Element Selectors $ ( "p" ) : Memilih semua elemen <p> $ ( "p.intro" ) : memilih semua elemen <p> yang mempunyai class="intro" $ ( "p#demo" ) : memilih elemen ...

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" >  ...