Pada dasarnya pada html masing-masing tag memiliki fungsi dan tujuan, seperti pada tag <a> digunakan untuk membuat sebuah link, tag <img> untuk memasukkan sebuah gambar dan tag <font> digunakan untuk mengatur sebuah tampilan font serta ukuran maupun warnanya. Namun ada 2 buah tag khusus yaitu tag div dan tag span yang memang jika digunakan tidak akan menampilkan apa-apa. Namun pada kenyataannya, 2 tag ini merupakan tag yang penting dan pasti digunakan oleh programmer web.
Kedua tag ini akan menampilkan sesuatu apabila diatur menggunakan CSS, dan biasanya digunakan atribut id atau class sebagai pembeda antara div yang satu dengan yang lain. Menurut W3School, tag div didefinisikan sebagai :
- The <div> tag defines a division or a section in an HTML document.
- The <div> tag is used to group block-elements to format them with CSS.
<!DOCTYPE html>
<html>
<style type="text/css">
#kalimat{
font-weight: bold;
}
.miring{
font-style: italic;
}
</style>
<head>
<title> Belajar Div dan Span</title>
</head>
<body>
<p>
<strong> AQIEM Group</strong <em>Blog</em>
</p>
<div id="kalimat">
Ini juga <span class="miring"> Sebuah Contoh</span> dari AQIEM Group Blog
</div>
</body>
</html>
Source code diatas akan menampilkan hasil seperti dibawah ini :
Kedua paragraf akan memiliki efek yang sama. Namun pada paragraf kedua kita hanya menggunakan tag div dan span. Efek penebalan dan garis miring berasal dari CSS yang kita buat diantara tag <html> dan <head>.
Semoga bermanfaat...
Tags:
CSS