Tutorial Html : Grouping Elemen

Tutorial Html : Grouping Elemen merupakan mode pembentukan sebuah pemformatan tulisan pada halaman HTML dengan menggunakan metode tag Div dan Span. Sahabat Pheyor jika anda bingung apa itu Tag Html silahkan anda baca dan pelajari Pengenalan Tag disini. Seperti yang selalu saya katakan bahwa setiap penulisan yang ingin di tampilkan pada sebuah halaman web Browser merupakan kode-kode html yang memliki aturan, oleh karena itu perlu benar-benar diperhatikan dalam menata sebuah halman tampilan HTML yang akan dibuat. kali ini akan diberikan cara menuliskan halaman HTML menggunakan Grouping Elemen.
Langsung saja Tag yang pertama yang digunakan adalah tag Div => <div> dan yang kedua adalah tag <span>. Span digunakan untuk mendefinisikan inline content sementara Div digunakan untuk Blocklevel content.
Perhatikan contoh script Grouping Elemen berikut ini :

"><html>
<head>
<title>Div dan Span</title>
</head>
<body>
<div>
Divisi 1
<p>
Div tag digunakan untuk mengelompokan group element biasanya untuk blocklevel element.
</p>
</div>
<div align=right>
divisi 2
<p>
Ini didalam divisi kedua. ditulis dengan aligment kanan.
</p>
<span style="font:Georgia;color:#66CC00;fontsize:30"> baris ini dalam span dengan warna hijau.
</span>
</body>
</html>

Jika Code diatas anda coba maka akan terlihat hasil tampilan seperti dibawah ini :
lihat Screnshot.
Bandingkan juga dengan code grouping Elemen dibawah ini

"><html>
<head>
<title>Pheyor Tutorial HTML</title>
</head>
<body>
<div align=right>
<h1 align=right>
<font color=#0000CC>Tutorial HTML Grouping Elemen</font><h1>
<h1 align=right>
<font color=#0066FF size=-1>
Pheyor beralamat di Jl. xxx143 A zzz Ngawi Jawa timur<br>
     Telp.0274 - 882174</font>
</h1>
<hr width=100%>
 </div>
</body>
</html>

Lihat screnshotnya.
Demikian sedikit Tutorial Html : Grouping Elemen yang bisa saya share semoga bisa menambah pengetahuan anda .

Tutorial Html : Grouping Elemen

0 Response to "Tutorial Html : Grouping Elemen"