07 - Cara Menciptakan Paragraf Di Html (Tag P)
Pada tutorial Belajar HTML kali ini kita akan membahas wacana tag paragraf, bagaimana penulisan tag paragraf dan bagaimana cara menciptakan paragraf di HTML.
Untuk memahami cara pembuatan paragraf di dalam HTML, kita akan memakai tumpuan struktur HTML yang dibentuk pada tutorial sebelum ini, dan menambahkan beberapa text. Silahkan buka kembali text editor, kemudian ketikkan instruksi berikut:
Contoh penggunaan tag paragraf :
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html><html><head> <title>Title dari Websiteku</title></head><body> Ini ialah paragraf pertama Ini ialah paragraf kedua</body></html> |
Save sebagai paragraf.html, kemudian jalankan di web browser.
<!DOCTYPE html><html><head> <title>Title dari Websiteku</title></head><body> Ini ialah paragraf pertama Ini ialah paragraf kedua</body></html> Kita harus memberi tahu web browser bahwa kedua kalimat itu harus terpisah. Dan bahwa masing-masing kalimat itu ialah sebuah paragraf.
Tag Paragraf (<p>)
HTML menyediakan tag khusus untuk menciptakan paragraf. Penulisannya memakai aksara p, sebagai berikut : <p>. Mari kita revisi tumpuan instruksi HTML sebelumnya, dan menambahkan tag <p>.
Contoh penggunaan tag paragraf 3:
<!DOCTYPE html><html><head> <title>title dari websiteku</title></head><body> ini ialah paragraf pertama <br /> ini ialah paragraf kedua</body></html> Jika instruksi HTML diatas dijalankan, maka kesannya hampir sama dengan memakai tag <p>. Namun pemisahan paragraf memakai tag <br> bukanlah untuk menciptakan paragraf. Tag <br> berfungsi untuk memisahkan sebuah bab text dengan text lain. Jika yang kita butuhkan ialah struktur paragraf, maka gunakan tag <p>.
Tag untuk penebalan dan garis miring (<em> dan <strong>)
Di dalam sebuah paragraf, kadang kita perlu untuk menciptakan pemfokusan pada kata-kata tertentu. Penekanan ini dapat 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>:
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html><html><head> <title>title dari websiteku</title></head><body> <p>ini ialah kalimat <em>pertama</em>, sedangkan ini ialah kalimat <strong>kedua</strong></p></body></html> |
Walaupun tanda spasi tidak akan dianggap dalam HTML, namun untuk menciptakan instruksi HTML, menjorokkan (indent) beberapa baris dalam suatu tag akan menciptakan instruksi gampang dibaca.
Setelah memahami cara pembuatan paragraf di dalam HTML, pada tutorial selanjutnya, kita akan mempelajari "Cara Membuat Judul / Heading di HTML (tag h1)"
Dosen Desain Web 1 | Muqorobin, S.Kom
