Tag <div> tidak membutuhkan tag <br> untuk berpindah baris (enter), karena apa yang di bawahnya otomatis tidak akan sejajar dengannya. Berbeda dengan teks biasa, Anda butuh tag br untuk membuat baris baru.
Contoh: div.html
<!DOCTYPE HTMl>
<html>
<head>
<title>Tag div HTML</title>
</head>
<body>
<div>
<p>Wiki tipspengetahuan merupakan kanal artikel dari tipspengetahuan
yang menyajikan artikel wiki, siapapun dapat menulis dan mengeditnya
untuk menjadi artikel sempurna.
</p>
</div>
<div>
Tipspengetahuan.com 2012-2014
</div>
</body>
</html>
Output:
Untuk pemformatan gunakan css, seperti mengatur nama font, ukuran font, line height (spasi vertikal teks) dan atribut css umum lainnya. Anda dapat mendeklarasikan class atau id di css yang nantinya di panggil di tag div. Ingat, jika menggunakan id(#) nama id hanya bisa sekali dipanggil di satu halaman, tetapi class(.) boleh berulang kali.
Contoh: div2.html
<!DOCTYPE HTMl>
<html>
<head>
<title>Tag div HTML</title>
<style type="text/css">
.content{
font-family:Tahoma;
font-size:13px;
line-height:17px;
}
#footer{
font family: Georgia;
font-size:11px;
font-style:italic;
}
</style>
</head>
<body>
<div class="content">
<p>Wiki tipspengetahuan merupakan kanal artikel dari tipspengetahuan
yang menyajikan artikel wiki, siapapun dapat menulis dan mengeditnya
untuk menjadi artikel sempurna.
</p>
</div>
<div id="footer">
Tipspengetahuan.com 2012-2014
</div>
</body>
</html>
Output:
^Baca juga: Tag <embed> untuk menanamkan file dan resource interaktif.
Referensi tulisan:
- <div>; ditulis oleh: Kontributor MDN (Mozilla Developer Network), developer.mozilla.org, diakses 18 Oktober 2014.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
No comments:
Post a Comment