Coding CSS disimpan dengan nama ekternal.css
body
{
background-color:lightblue
}
h1
{
font-size:36pt; color: white
}
h2
{
color:blue
}
p
{
margin-left:50px
}
Coding html untuk penggunaan css diatas
<html>
<head>
<link rel="stylesheet" type="text/css" href="external.css">
</head>
<body>
<h1>Header ini ukuran nya 36pt</h1>
<h2>Header ini warnanya biru</h2>
<p>pragaf ini letaknya sebelah kiri dengan jarak 50px</p>
</body>
</html>
<head>
<link rel="stylesheet" type="text/css" href="external.css">
</head>
<body>
<h1>Header ini ukuran nya 36pt</h1>
<h2>Header ini warnanya biru</h2>
<p>pragaf ini letaknya sebelah kiri dengan jarak 50px</p>
</body>
</html>
Maka hasil tampilan akan tampak seperti dibawah ini.
Tidak ada komentar:
Posting Komentar