KodeKodingan - Dalam Belajar HTML kali ini kita akan mempelajari tentang Cara membuat paragraf dalam HTML.
Silahkan buka text editor, lalu ketikkan kode berikut:
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:
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.
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.
 |
| Belajar HTML |
Save sebagai paragraf.html, lalu jalankan di web browser.<!DOCTYPEhtml><html><head><title>Title dari Websiteku</title></head><body>Ini adalah paragraf pertamaIni adalah paragraf kedua</body></html>
 |
| Cara membuat paragraf |
Contoh penggunaan tag paragraf 2:
Kita harus memberi tahu web browser bahwa kedua kalimat itu harus terpisah. Dan bahwa masing-masing kalimat itu adalah sebuah paragraf.
<!DOCTYPEhtml>
<html>
<head>
<title>Title dari Websiteku</title></head><body>Ini adalah paragraf pertama Ini adalah paragraf kedua</body></html>
Tag Paragraf (<p>)
HTML menyediakan tag khusus untuk membuat paragraf. Penulisannya menggunakan huruf p, sebagai berikut : <p>. Mari kita revisi contoh kode HTML sebelumnya, dan menambahkan tag <p>.
Contoh penggunaan tag paragraf 3:
<!DOCTYPEhtml>
<html>
<head>
<title>title dari websiteku</title></head><body><p>ini adalah paragraf pertama</p><p>ini adalah paragraf kedua</p></body></html>
 |
| Cara membuat pargaraf |
Tag Break (<br>)
Cara lain untuk memisahkan kedua paragraf adalah dengan menggunakan tag <br> (br singkatan dari break).
Contoh penggunaan tag <br>:
Jika kode HTML diatas dijalankan, maka hasilnya hampir sama dengan menggunakan tag <p>. Namun pemisahan paragraf menggunakan tag <br> bukanlah untuk membuat paragraf. Tag <br> berfungsi untuk memisahkan sebuah bagian text dengan text lain. Jika yang kita butuhkan adalah struktur paragraf, maka gunakan tag <p>.
<!DOCTYPEhtml>
<html>
<head>
<title>title dari websiteku</title></head><body>ini adalah paragraf pertama<br/>ini adalah paragraf kedua</body></html>
Tag untuk penebalan dan garis miring (<em> dan <strong>)
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, <em> untuk emphasis, dan <strong> untuk strong emphasis.
Pada umumnya web browser akan menampilkan <em> sebagai garis miring, dan <strong> dengan penebalan huruf.
Contoh penggunaan tag <em> dan <strong>:
<!DOCTYPEhtml><html><head><title>title dari websiteku</title></head><body><p>ini adalah kalimat <em>pertama</em>,sedangkan ini adalah kalimat <strong>kedua</strong></p></body></html>
 |
| Cara membuat paragraf |
Bagaimana? Sangat mudah kan membuat paragraf dalam HTML? Ya, karena ini masih tahap dasar jadi mungkin sangat begitu mudah. Ya tunggu tutorial selanjutnya dari KodeKodingan.
EmoticonEmoticon