30 November 2009

STYLE SHEET INLINE

Style Sheet Inline tidak didefinisikan terpisah seperti Style Sheet Internal dan Style Sheet External. Style Sheet Inline langsung didefinisikan pada tag body. Penggunaan style sheet inline akan mengakibatkan semakin besarnya penggunaan byte. Sintaksnya adalah sebagai berikut :

<html>
<head>

.... Isi Head ....
</head>

<body>

<p style="atribut">
.... isi text ....
</p>
</body>

</html>


Contoh Style Sheet Inline Dalam Dokumen HTML

<html>
<head>
<title>

Contoh Penggunaan Style Sheet Inline
</title>
</head>


<body>
<p style="font-family: Microsoft Sans Serif;

font size: 16 pt;

color: #006600;

text-align:center">

Contoh Penggunaan Style Sheet Inline
</p>

<hr>

<p style="font-family: Comic Sans MS;

font size: 12 pt;

color: #000088;

text-align:justify">

Style Sheet Inline tidak didefinisikan terpisah seperti Style Sheet Internal dan Style Sheet External. Style Sheet Inline langsung didefinisikan pada tag body. Penggunaan style sheet inline akan mengakibatkan semakin besarnya penggunaan byte.
</p>
</body>

</html>


Simpan dengan nama Contoh 5.44.htm, lalu jalankan pada browser seperti pada gambar berikut :


26 November 2009

STYLE SHEET EXTERNAL

Style Sheet External adalah style sheet yang didefinisikan secara terpisah di dalam file tersendiri. Pendifinisian halaman style sheet external yang terpisah harus diberikan extention css atau "nama_file.css" dan tidak perlu didefinisikan melalui tag html. Sedangkan untuk dokumen HTML yang digunakan melaui link.

Halaman Style Sheet External

h1 {font-family:Microsoft Sans serif;
font-size" 16pt;
font-weight:bold
color: #006600
text-align: center}

p { font-family:Comic Sans MS;
font-size" 12pt;
font-weight:bold
color: #006600
text-align: justify;}

Simpan dengan nama StyleExl.css

<html>
<head>
<title>
Contoh Style sheet External
</title>
<link rel="stylesheet" type="text/css" href="StyleExl.css">
</head>
<body>
<h1>
Contoh Penggunaan Style Sheet External
</h1>
<hr>

<p>
Style Sheet External tidak didefinisikan secara utuh, namun harus dipisahkan atau berbeda halaman atau berbeda file. Cara penggunaannya dibangkitkan melalui link
</p>
</body>
</html>

Simpan dengan nama Contoh 5.43.htm, lalu lajankan pada browser seperti pada gambar berikut :
DOANCO © 2008 Template by:
SkinCorner