Assalamualaikum wr. wb.
Pada kesempatan kali ini saya akan menjelaskan kegunaan dari Embedded Style Sheet pada CSS. Penulisan CSS didalam dokumen HTML dan menggunakan tag <style>….</style> yang ditempatkan pada bagian page header atau diantara tag <head>…</head>. Penggunaan embedded style sheet akan memberikan efek terhadap satu halaman saja.
Format Statement :
"HTML tag"{ "CSS Property":"Value" ; }
"HTML tag"{ "CSS Property1":"Value1"; "CSS Property2":"Value2"; ..}
"HTML tag"{ "CSS Property1":"Value1"; "CSS Property2":"Value2"; ..}
Contoh penggunaannya adalah sebagai berikut:
<html>
<head>
<title>css embedded style sheet</title>
<style type="text/css">
p{
font-family : verdana , arial , helvetica , sans-serif
}
td{
font-weight : bold
}
a{
font-size : 28px
}
</style>
</head>
<body>
<h3>css embedded style sheet</h3>
<hr>
<h3>Juventus</h3>
<p>
Juventus adalah tim terbaik Italia
</p>
<table>
<tr>
<td>Juventus berdiri pada tahun 1897
<tr>
<td>Juventus scudetto pertama pada tahun 1905
</table>
klik link berikut untuk melihat detail dari juventus<br>
<a href="23-html-latihan-gambar-hyperlink-dokumen-sama.html">
Juventus
</a>
</body>
</html>
<head>
<title>css embedded style sheet</title>
<style type="text/css">
p{
font-family : verdana , arial , helvetica , sans-serif
}
td{
font-weight : bold
}
a{
font-size : 28px
}
</style>
</head>
<body>
<h3>css embedded style sheet</h3>
<hr>
<h3>Juventus</h3>
<p>
Juventus adalah tim terbaik Italia
</p>
<table>
<tr>
<td>Juventus berdiri pada tahun 1897
<tr>
<td>Juventus scudetto pertama pada tahun 1905
</table>
klik link berikut untuk melihat detail dari juventus<br>
<a href="23-html-latihan-gambar-hyperlink-dokumen-sama.html">
Juventus
</a>
</body>
</html>
Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:
0 comments: