Belajar HTML Part 3: Cara Membuat Paragraf Di HTML

cara-membuat-paragraf-di-html

Ok lanjut ke tutorial berikutnya mengenai cara membuat paragraf di html .Jika pada artikel sebelumnya tekloggers membahas mengenai pengertian tag , attribute pada html maka selanjutnya mari kita mencoba untuk menulis paragraf dengan html.

  Dalam Html untuk membuat paragaraf sangatlah mudah,kita hanya perlu menuliskan isi dari paragraf yang kita inginkan ke dalam tag <p>…….</p> seperti contoh dibawah ini:

Kode pembuatan:


[<!DOCTYPE html>
<html>
<head>
     <title>Judul</title>
</head>
<body>
<p>Tekloggers adalah sebuah platform media yang memberikan informasi sebebas bebasnya mengenai perkembangan teknologi dan dunia maya,mulai dari Berita Tekno,Hacking,Games,Cyber Crime , Tips & Trick dan lain –lain</p>
</body>
</html>]



Hasil dari kode diatas:
cara-membuat-paragraf-di-html


Kalian bisa menggunakan baris baru dengan menambah tag <p> lagi di bawah tag paragraf pertama sebagai contoh

Kode Pembuatan:


[<!DOCTYPE html>
<html>
<head>
     <title>Judul</title>
</head>
<body>
<p>Tekloggers adalah sebuah platform media yang memberikan informasi sebebas bebasnya mengenai perkembangan teknologi dan dunia maya,mulai dari Berita Tekno,Hacking,Games,Cyber Crime , Tips & Trick dan lain –lain</p>
<p>Kunjungi juga fanspage kami di www.facebook.com/tekloggers.tech</p>
</body>
</html>]
cara-membuat-paragraf-di-html

Jadi untuk memisahkan antara paragraf kalian bisa menggunakan tag baru tanpa terbartas sesuka kalian seberapa banyak ingin membuat paragrafnya.

Ok disini saya tidak akan mengajarkan cara membuat paragraf seperti itu saja ,pasti di benak kalian muncul pertanyaan, “Bagaimana cara agar paragraf menjadi rata kiri semua? Atau rata kanan semua? Atau ke tengah semua? Atau bagaimana membuat paragraf menjadi huruf tebal, cetak miring , underline dan sebagainya?”

Ok semua itu akan kita dibahas di artikel ini, masih ingatkan kalian pengertian attribute yang tekloggers jelaskan kemarin? Yap attribute adalah pengaturan yang terdapat dalam sebuah tag itu sendiri

Attribute ada berbagai macam sebagai contoh : align=“” untuk mengindikasikan tempat pargaraf seperti rata tengah , kanan ,kiri , href=””  untuk mengindikasikan link, color=”” untuk mengindikasikan warna.
Ok mari kita coba membuat pargaraf menjadi rata tengah , kiri , dan kanan menggunakan attribute align.

Kode Pembuatan:
[<p align=”left”>Selamat Datang Di Website Tekloggers</p>]

Dengan penambahan attribute align dan value “right” akan membuat
pargaraf menjadi ke kiri

[<p align=””right>Selamat Datang Di Website Tekloggers</p>]

Dengan penambahan attribute align dan value “left” akan membuat pargaraf menjadi ke kanan

[<p align=”center”>Selamat Datang Di Website Tekloggers</p>]

Dengan penambahan attribute align dan value “center” akan membuat pargaraf menjadi ke tengah

[<p align=”justify”>Selamat Datang Di Website Tekloggers</p>]

Dengan penambahan attribute align dan value “justify” akan membuat pargaraf menjadi justify

Dan untuk keseluruhan berikut contoh kode pembuatannya:


[<!DOCTYPE html>
<html>
<head>
     <title>Judul</title>
</head>
<body>
<p>Tekloggers adalah sebuah platform media yang memberikan informasi sebebas bebasnya mengenai perkembangan teknologi dan dunia maya,mulai dari Berita Tekno,Hacking,Games,Cyber Crime , Tips & Trick dan lain –lain</p>
<p>Kunjungi juga fanspage kami di www.facebook.com/tekloggers.tech</p>
<p align=”left”>Selamat Datang Di Website Tekloggers</p>
<p align=””right>Selamat Datang Di Website Tekloggers</p>
<p align=”center”>Selamat Datang Di Website Tekloggers</p>
<p align=”justify”>Selamat Datang Di Website Tekloggers</p>
</body>
</html>]
cara-membuat-paragraf-di-html
Yap itulah cara membuat paragraf di HTML ,apakah ada pertanyaan? Terus kunjungi website tekloggers untuk mendapatkan artikel terbaru mengenai tutorial programmingnya!

Tutorial Belajar HTML Lainnya:

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Disqus Comments