membuat paragraf di HTML

Hai sob,,, disini saya akan bebagi sedikit ilmu tentang HTML .. mungkin sobat-sobat semua udah ada yang tau HTML, tapi yang saya akan bahas dalam artikel ini lebih sederhana dan di lengkapi dengan gambar. Jadi tentunya sobat jua gak bingung dan orang awam jua bisa langsung coba .. yuk cus simak artikel sederhana saya ini tentang Membuat Paragraf di HTML…

Pada artikel ini akan dibahas mengenai 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. dan menambahkan beberapa
text. Silahkan buka kembali text editor, disini saya menggunakan teks editor notepad++  lalu ketikkan kode berikut :
Contoh penggunaan tag paragraf:
<!DOCTYPE html>
<html>
<head>
<title>selamat datang di websiteku</title>
</head>
<body>
Ini adalah hobby saya
hobby saya adalah membaca
</body>
</html>



Save menggunakan cintaku.html, lalu jalankan di web browser. Catatan: (penamaan untuk file bebas tetapi harus dengan format “.HTML”)


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 :

<!DOCTYPE html>
<html>
<head>
<title>Title dari Websiteku</title>
</head>
<body>
Ini adalah hobby saya                          hobby saya adalah membaca
</body>
</html>

Kita harus memberi tahu web browser bahwa kedua kalimat itu harus terpisah. Dan bahwa
masing-masing kalimat itu adalah sebuah paragraf
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 :
<!DOCTYPE html>
<html>
<head>
<title>selamat datang di websiteku</title>
</head>
<body>
<p>ini adalah hobby saya</p>
<p> hobby saya adalah membaca</p>
</body>
 </html>

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 (<br>)
Cara lain untuk memisahkan kedua paragraf adalah dengan menggunakan tag <br> (br
singkatan dari break).
Contoh penggunaan tag <br>:

<!DOCTYPE html>
<html>
<head>
<title>selamat datang  di websiteku</title>
</head>
<body>
ini adalah  hobby saya
<br />
hobby saya adalah membaca
</body>
</html>

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>.
Perhatikan penulisan tag <br>, tag break adalah salah satu dari beberapa tag yang tidak memiliki tag
penutup, dan bisa ditulis sebagai<br > atau <br />. Penulisan <br /> merupakan bawaan dari xHTML
yang dianggap lebih rapi. Namun dalam standar HTML5, penulisan <br> maupun <br /> tetap
dianggap valid.
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>:
<!DOCTYPE html>
<html>
<head>
<title>selamat datang di websiteku</title>
</head>
<body>
<p>ini adalah hobby <em>saya</em>,
hobby saya adalah <strong>membaca</strong></p>
</body>
</html>


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.
Kita juga akan menemukan bahwa HTML memiliki tag <i> (italic) untuk memiringkan huruf,
dan <b> (bold) untuk menebalkan huruf. Pakar HTML yang mendukung pemisahan konten dengan
tampilan tidak menyarankan menggunakan tag <i> dan <b>, karena kedua tag ini akan mempengaruhi
tampilan dari HTML.
Tampilan halaman web seharusnya di tangani oleh CSS, bukan di dalam kode HTML.
Pada xHTML, tag <i> dan <b> sudah dianggap usang dan tidak akan dipakai lagi, namun
dalam spesifikasi HTML5, tag <i> dan <b> kembali dianggap relevan.

Sekian pembahasan mengenai pembuatan paragraf di HTML, lengkap dan jelas bukan ?, ya pasti orang di lengkapi dengan gambar,, hee :p :p
Selamat mencoba dan semoga bermanfaat :)

0 Response to "membuat paragraf di HTML"

Posting Komentar

Berkomentarlah dengan baik dan Sopan. Merupakan suatu keindahan bisa saling berbagi ilmu dengan sesama. Tinggalkan link blog mu biar mudah saya kunjungi balik. Terimakasih

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel