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:
Title dari Websiteku
Ini adalah paragraf pertama
Ini adalah paragraf kedua
Save sebagai paragraf.html, lalu jalankan di web browser.
Kita akan melihat bahwa paragraf tersebut tidaklah berada pada baris berbeda, namun berada pada satu baris yang sama. Dalam HTML, spasi akan diabaikan, termasuk jika kita merubahnya menjadi :
Contoh penggunaan tag paragraf 2:
Title dari Websiteku
Ini adalah paragraf pertama Ini adalah paragraf kedua
Kita harus memberi tahu web browser bahwa kedua kalimat itu harus terpisah. Dan bahwa masing-masing kalimat itu adalah sebuah paragraf.
Tag Paragraf (
)
HTML menyediakan tag khusus untuk membuat paragraf. Penulisannya menggunakan huruf p, sebagai berikut :
. Mari kita revisi contoh kode HTML sebelumnya, dan menambahkan tag
.
Contoh penggunaan tag paragraf 3:
title dari websiteku
ini adalah paragraf pertama
ini adalah paragraf kedua
Maka kali ini kita akan melihat bahwa kedua paragraf itu sudah berada pada posisi masing-masing. Setiap tag paragraf, web browser akan memberikan spasi antar paragraf.
Tag Break (
)
Cara lain untuk memisahkan kedua paragraf adalah dengan menggunakan tag
(br singkatan dari break).
Contoh penggunaan tag
:
title dari websiteku
ini adalah paragraf pertama
ini adalah paragraf kedua
Jika kode HTML diatas dijalankan, maka hasilnya hampir sama dengan menggunakan tag
. Namun pemisahan paragraf menggunakan tag
bukanlah untuk membuat paragraf. Tag
berfungsi untuk memisahkan sebuah bagian text dengan text lain. Jika yang kita butuhkan adalah struktur paragraf, maka gunakan tag
.
, tag break adalah salah satu dari beberapa tag yang tidak memiliki tag penutup, dan bisa ditulis sebagai
atau
. Penulisan
merupakan bawaan dari xHTML yang dianggap lebih rapi. Namun dalam standar HTML5, penulisan
maupun
tetap dianggap valid.
Tag untuk penebalan dan garis miring ( dan )
Di dalam sebuah paragraf, kadang kita perlu untuk membuat penekanan pada kata-kata tertentu. Penekanan ini bisa dilakukan dengan menebalkan kata, atau dengan garis miring.
Tag emphasis (penekanan) terdiri dari 2 tag, untuk emphasis, dan untuk strong emphasis.
Pada umumnya web browser akan menampilkan sebagai garis miring, dan dengan penebalan huruf.
Contoh penggunaan tag dan :
title dari websiteku
ini adalah kalimat pertama,
sedangkan ini adalah kalimat kedua
Walaupun tanda spasi tidak akan dianggap dalam HTML, namun untuk membuat kode HTML, menjorokkan (indent) beberapa baris dalam suatu tag akan membuat kode mudah dibaca.
Tampilan halaman web seharusnya di tangani oleh CSS, bukan di dalam kode HTML. Pada xHTML, tag dan sudah dianggap usang dan tidak akan dipakai lagi, namun dalam spesifikasi HTML5, tag dan kembali dianggap relevan.
Setelah memahami cara pembuatan paragraf di dalam HTML, pada tutorial selanjutnya, kita akan mempelajari Cara Membuat Judul di HTML menggunakan tag
.
Sumber wk.com
EmoticonEmoticon