Pemrogaman WEB dengan HTML, Style HTML, Style dalam HTML, Link yang Tidak Digaris bawahi, Link ke Style Sheet
Dengan HTML 4.0 seluruh pemformatan dikeluarkan dari dokumen HTML dan dipisahkan kedalam suatu style sheet (file terpisah).
Style dalam HTML
Contoh ini mendemonstrasikan bagaimana memformat sebuah dokumen HTML dengan informasi style yang ditambahkan pada bagian (section) <head>.
<!—coba_style.htmlà
<html>
<head>
<style>
H1 {color= red}
H3 {color= blue}
<style>
</head>
<body>
<h1>This is header 1</h1>
<h3>This is header 3</h3>
</body>
</html>
Link yang Tidak Digaris bawahi
Contoh ini mendemonstrasikan bagaiamana membuat suatu link yang tidak digaris bawahi dengan menggunakan atribut style.
<!—coba_stylegarislink.htmlà
<html>
<body>
<a href=”cnetprog.blogspot.com” style=”text-decoration:none:”>THIS IS A LINK</a>
</body>
</html>
Link ke Style Sheet
Contoh ini memdemonstrasikan bagaimana menggunakan tag <link> untuk melakukan link ke suatu style sheet external.
<!—coba_stylelinksheet.htmlà
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
</head>
<body>
<h1>I am formatted with a linkedstyle sheet</h1>
<p>Me too!</p>
</body>
</html>
Berikut ini sintaks dari style.css yang ditempatkan pada direktori yang sama dengan coba_stylelinksheet.html.
H1 {color:silver}
H2 {color:green}
H3 {color:blue}
P {color:red}
Tag-tag Style
Tag Awal
|
NN
|
IE
|
W3
|
Kegunaan
|
<style>
|
4.0
|
3.0
|
3.2
|
Definisi suatu style dalam sebuah dokumen
|
<link>
|
4.0
|
3.0
|
3.2
|
Definisi relasi antara dua dokumen yang terhubung (linked)
|
<div>
|
3.0
|
3.0
|
3.2
|
Definisi suatu difisi/bagian dalam suatu dokumen
|
<span>
|
3.0
|
4.0
|
Definisi suatu section dalam sebuah dokumen
| |
<font>
|
Depreceted. Use style instead
| |||
<basefont>
|
Depreceted. Use style instead
| |||
<center>
|
Depreceted. Use style instead
|
