296 Views

Belajar Pemrograman HTML & CSS (Part 3) – Paragraf

html css jquery javascript

Hai.. semua sobat belajar hebat bertemu lagi dengan saya, Pada tutorial Belajar HTML kali ini kita akan membahas tentang tag paragraf, bagaimana penulisan tag paragraf dan bagaimana cara membuat paragraf di HTML.

Untuk memahami cara pembuatan paragraf di dalam HTML, kita akan menggunakan contoh struktur HTML yang dibuat pada tutorial sebelum ini, dan menambahkan beberapa text. Silahkan buka kembali text editor, lalu ketikkan kode berikut:

Contoh penggunaan tag paragraf:

<!DOCTYPE html>
<html>
<head>
<title>Title dari Websiteku</title>
</head>
<body>
<p>Ini adalah paragraf pertama</p>
<p>Ini adalah paragraf kedua</p>
</body>
</html>
maka hasilnya menjadi berikut:
paragraf-awal
anda bisa mengubah posisi paragraf menjadi ada di kiri, di kanan dan di tengah.
caranya pun sangat mudah anda perlu menambahkan elemen align tepat didalam pada tag <p>
contoh:
<!DOCTYPE html>
<html>
<head>
<title>Title dari Websiteku</title>
</head>
<body>
<p align="left">paragraf kiri</p>
<p align="center">paragraf tengah</p>
<p align="right">paragraf kanan</p>
</body>
</html>
maka hasilnya menjadi berikut:
paragraf-left+center+right
Setelah memahami cara pembuatan paragraf di dalam HTML, pada tutorial selanjutnya, kita akan mempelajari Cara Membuat Text Menjadi Tebal <b>, Miring <i> & Garis bawah <u>.
SALAM HEBAT
Share
You can leave a response, or trackback from your own site.

Leave a Reply