HTML Tutorials : Apa Fungsi Tag Paragraf HTML |KUPAS TUNTAS|

By -
HTML Tutorials : Belajar Tag Paragraf
Thumbnails Belajar Tag Paragraf Kupas Tuntas
Pada pertemuan sebelumnya, kita telah membahas padat dan lengkap mengenai HTML Tutorials : Belajar Tag Heading. Setelah kita bisa membuat judul, langkah selanjutnya kita perlu mengisi website kita dengan tulisan. Tulisan ini kita buat dengan menuliskan beberapa paragraf. Nah, tutorial kali ini, kita akan mengupas tuntas HTML Tutorials : Belajar Tag Paragraf.
------------------------------------------------------------------------------------------------
Penggunaan dan Tampilan Tag Paragraf
Tag Paragraf adalah tag khusus HTML yang digunakan untuk membuat sebuah paragraf. Penulisan tag paragraf ini adalah dengan diawali <p> dan diakhiri </p>.
Elements dari tag ini akan ditampilkan web browser dengan top dan bottom margin. Namun, margin dari tag <p> tidak sebesar tag <h1>. Selain itu, paragraf yang dibuat di HTML dengan menggunakan tag <p> tidak seperti yang Anda bayangkan. Tag paragraf tidak menampilkan tulisan yang kalimat pertamanya akan lebih menjorok ke dalam dari pada tulisan yang lain. Tulisan atau elements paragraf yang ditampilkan web browser akan rata kiri.
Agar lebih mudah dalam memahami penggunaan tag ini, mari kita buka kembali aplikasi kode editor HTML dan mengetikkan sedikit kode yang telah saya sediakan untuk Anda.
Berikut ini adalah contoh dokumen HTML penggunaan tag p.
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<title>Ma Haamesha | &lt;Paragraf&gt;</title>
</head>
<body>
<h1>HTML Tutorials : Belajar Tag Paragraf</h1>
<p>Paragraf pertama Anda</p>
<p>Paragraf kedua Anda</p>
<p>Silahkan tuliskan elements paragraf baru dengan tag &lt;p&gt;</p>
<p>Dst...</p>
</body>
</html>
Setelah itu, simpan dengan ekstensi .html dan jalankan di web browser Anda.
------------------------------------------------------------------------------------------------
Pengaruh Enter dan Tab
Dalam penulisan setiap dokumen HTML, apabila kita ingin membuat paragraf, maka gunakanlah tag paragraf. Mengapa? Jangan samakan menulis kode-kode HTML ini seperti dengan kita mengetik biasa. Misal, untuk membuat paragraf baru, biasanya kita tekan Enter → Tab pada keybord kita. Enter untuk membuat baris baru dan tab untuk menjorokkannya ke depan. Hal semacam ini tidak akan bekerja di sini.
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
<title>Ma Haamesha | &lt;Paragraf&gt;</title>
</head>
<body>
<h1>HTML Tutorials : Belajar Tag Paragraf</h1>
          Ini paragraf pertama Anda tadi.
Kita coba membuat paragraf tanpa tag paragraf.
Kita tuliskan beberapa kalimat yang dipisahkan dengan Enter.
</body>
</html>
Sekarang silahkan coba dokumen baru ini dengan menjalankannya di web browser dan lihatlah apa yang terjadi. Setelah dijalankan, yang kita dapatkan adalah semua kalimat yang kita tuliskan ternyata tidak membentuk paragraf baru. Ketiga kalimat justru menjadi satu paragraf yang sama.
NB :
Enter dan Tab tidak dapat menggantikan fungsi tag paragraf.

------------------------------------------------------------------------------------------------
Pargraph Without End Tag </p>
Menurut Anda, apa yang akan terjadi jika kita lupa menuliskan tag penutup dari tag paragraf ? Penulisan penutup tag paragraf ternyata bersifat optional. Anda boleh menuliskan atau tidak menuliskan tag penutup paragraf.
Sebagian besar web browser di dunia ini akan menampilkan kode HTML dengan benar seperti yang kita bayangkan, meskipun kita tidak menuliskan penutup tag paragraf. Anda bisa langsung membuktikannya.
Contoh :
1
2
3
4
5
6
7
8
9

10

11
12
<!DOCTYPE html>
<html>
<head>
<title>Ma Haamesha | &lt;Paragraf&gt;</title>
</head>
<body>
<h1>HTML Tutorials : Belajar Tag Paragraf</h1>
<p>Tag penutup &lt;/p&gt; boleh tidak dituliskan.
<p>Anda cukup tuliskan tag pembuka &lt;p&gt; untuk membuat paragraf baru.
<p>Terbukti 100%. Bisa dicoba di seluruh web browser yang Anda miliki.
</body>
</html>
Ini tentunya akan lebih memudahkan Anda dalam menyusun dokumen HTML. Kita dapat membuat paragraf hanya cukup dengan menuliskan tag pembukanya saja. Anda juga boleh menuliskannya agar dokumen HTML menjadi lebih rapi. Dituliskan atau tidak, hasilnya pada sebagian besar kasus akan sama.
NB :
Menghilangkan penutup tag </p> tidak menghilangkan kemungkinan web browser menampilkan hasil error.

------------------------------------------------------------------------------------------------
Setelah kita mempelajari tag paragraf. Pada tutorial selanjutnya, kita akan membahas mengenai tag-tag yang digunakan untuk mengatur format teks yang ditampilkan, pada HTML Tutorials : Formatting Teks. Jadilah visitors yang turut mendukung perkembangan para blogger dengan meninggalkan jejak Anda melalui kolom komentar di bawah artikel ini. Jangan lupa share, jika artikel ini membantu Anda. Semoga bermanfaat


Created by mahaamesha :}

Comments

Post a Comment