2.Tutorial HTML Membuat Paragraf dan Format Text Pada HTML - Bewok Tekno

STAY HUNGRY STAY FOOLISH

Breaking

Home Top Ad

Sunday, May 1, 2016

2.Tutorial HTML Membuat Paragraf dan Format Text Pada HTML

Kali ini om adji akan membahas tutorial HTML mengenai pembuatan paragraf dan format text.
Ok langsung saja,

1. Dalam penulisan kalimat paragraf di HTML maka yang digunakan adalah tag paragraf <p> dan tag penutup paragraf </p>, Jadi untuk penulisan paragraf harus berada diantara tag pembuka paragraf dan tag penutup paragraf.
Contoh penulisannya sebagai berikut :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Latihan Menulis Paragraf  di HTML</title>
</head>
<body>
<p>Ini adalah paragraf pertama pada latihan penulisan paragraf di HTML</p><br/>
<p>Ini adalah paragraf kedua pada latihan penulisan paragraf di HTML</p>
</body>
</html>
DEMO <p></p>

2. Untuk memberikan garis baru atau break kalimat dalam satu paragraf maka digunakan tag <br /> pada kalimat yang ingin di buat di garis baru, kalimat nya bikin bingung ya ? sama kok om adji juga bingung, nah om kasih contoh yaaa :)#mukaGenit
Misalnya :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Latihan Menulis Paragraf  di HTML</title>
</head>
<body>
<p>Ini adalah paragraf pertama<br/> pada latihan penulisan paragraf di HTML</p>
<p>Ini adalah<br/> paragraf kedua pada latihan penulisan paragraf di HTML</p>
</body>
</html>
DEMO <br/>

3. Untuk format text misalnya huruf dicetak tebal atau Bold maka digunakan tag <strong></strong> INGAT INGAT THINK#JAJAMIHARJA, kalimat atau kata yang ingin dicetak tebal harus berada diantara tag pembuka dan tag penutup.
Contoh
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Latihan Menulis Paragraf  di HTML</title>
</head>
<body>
<p>Ini adalah paragraf pertama<strong> pada latihan penulisan paragraf</strong> di HTML</p>
</body>
</html>
DEMO

Oh iya sebenernya ada satu lagi caranya sebenernya, menggunakan <b></b>, konsep nya sama aja kok malah lebih irit tulisan-nya, tapi sebenerny jarang sekali  seorang web develop atau web designer menggunakan bold melalui HTML, biasanya mereka menggunakan CSS, Tapi gapapa kita hanya memberikan sebuah informasi saja.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Latihan Menulis Paragraf  di HTML</title>
</head>
<body>
<p>Ini adalah paragraf pertama<b> pada latihan penulisan paragraf</b> di HTML</p>
</body>
</html>
DEMO

4.Untuk penulisan kata yang dicetak miring atau italic bisa menggunakan tag <i></i> atau tag <em></em>
penulisannya sebagai berikut
<p>pada kalimat ini akan dicetak huruf <i>miring</i> sebagai latihan format text</p>
atau
<p>pada kalimat ini akan dicetak huruf <em>miring</em> sebagai latihan format text</p>
Contoh nya om aji kasih dua - dua nya aja ya sekaligus.
Misalnya
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Latihan Menulis Paragraf  di HTML</title>
</head>
<body>
<p>Ini adalah paragraf pertama<i> pada latihan</i> penulisan <em>paragraf</em> di HTML</p>
</body>
</html>
DEMO
Sebenarnya pada penggunaan HTML5 dianjurkan untuk menggunakan tag <strong></strong> untuk mencetak huruf tebal dan menggunakan tag <em></em> untuk mencetak huruf miring. namun penggunaan tag <b></b> dan <i></i> yang merupakan standar penulisan HTML versi sebelumnya masih bisa digunakan pada HTML5. Itu saja tutorial yang om aji buat, semoga kita ketemu lagi di tutorial selanjut nya. 

No comments:

Post a Comment