Pada dasarnya pada html masing-masing tag memiliki fungsi dan tujuan. Seperti pada tag
- <a> digunakan untuk membuat sebuah link
- <img> untuk memasukkan sebuah gambar
- <font> digunakan untuk mengatur sebuah tampilan font serta ukuran maupun warnanya.
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;
}
#kalimat{
font-weight: bold;
}
.miring{
font-style: italic;
}
</style>
font-style: italic;
}
</style>
<head>
<title> Belajar Div dan Span</title>
</head>
<title> Belajar Div dan Span</title>
</head>
<body>
<p>
<strong> AQIEM Group</strong <em>Blog</em>
</p>
<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>
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>.
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