Setelah menggetahui tentang struktur CSS, berikut ini adalah contoh design web sederhana dengan menggunakan CSS:
Perintah CSS didalam HTML
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<div id="header">
<img src="images/city gallery.jpg" width="1050" height="150">
</div>
<div id="nav">
<p>
<img src="images/london.jpg" width="300" height="300">
</P>
<p>
<img src="images/paris.jpg" width="300" height="300">
</p>
<p>
<img src="images/tokyo.jpg" width="300" height="300">
</P>
</div>
<div id="section">
<h1>London</h1>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
</p>
<h1>Paris</h1>
<p>
Paris is the capital and most-populous city of France.
Situated on the Seine River, in the north of the country, it is in the centre of the France region
also known as the region parisienne, "Paris Region".
</p>
<h1>Tokyo</h1>
<p>
Tokyo is the center of the Japanese government. The Imperial Palace is in Tokyo.
Tokyo is the center of business, trade, and industry of Japan and also of Asia.
The city is the center of the largest metropolitan area in the world. It faces Tokyo Bay.
<p>
<img src="images/art.jpg" width="600" height="200">
</p>
</div>
<div id="footer">
</div>
</body>
</html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<div id="header">
<img src="images/city gallery.jpg" width="1050" height="150">
</div>
<div id="nav">
<p>
<img src="images/london.jpg" width="300" height="300">
</P>
<p>
<img src="images/paris.jpg" width="300" height="300">
</p>
<p>
<img src="images/tokyo.jpg" width="300" height="300">
</P>
</div>
<div id="section">
<h1>London</h1>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
</p>
<h1>Paris</h1>
<p>
Paris is the capital and most-populous city of France.
Situated on the Seine River, in the north of the country, it is in the centre of the France region
also known as the region parisienne, "Paris Region".
</p>
<h1>Tokyo</h1>
<p>
Tokyo is the center of the Japanese government. The Imperial Palace is in Tokyo.
Tokyo is the center of business, trade, and industry of Japan and also of Asia.
The city is the center of the largest metropolitan area in the world. It faces Tokyo Bay.
<p>
<img src="images/art.jpg" width="600" height="200">
</p>
</div>
<div id="footer">
</div>
</body>
</html>
Sintax CSS
Hasil tampilan Web Sederhana
0 comments:
Post a Comment