CSS
fungsi utama css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog juga website). dan isi dari halaman website adalah tag-tag html, logikanya css itu dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik.
cara kerja css itu sangatlah mudah, kita hanya perlu menulis stylenya(selector id dan class tersesuaikan) maka secara otomatis akan bekerja pada document html.
HTML
HTML biasanya menggunakan tag-tag tertentu yang berada dalam tanda kurung <>. Sebagian besar tag pada HTML adalah tag yang berpasangan, contoh : jika kita menggunakan <head> harus ditutup dengan </head>, atau jika kita menggunakan <p> harus ditutup dengan </p>. Tapi ada juga beberapa tag yang tidak berpasangan, contohnya adalah <img>.
Dokumen HTML mirip dengan dokumen tulisan biasa. Akan tetapi, dalam dokumen HTML, sebuah tulisan dapat memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Contohnya, jika ingin membuat tulisan ditampilkan menjadi tebal, seperti TULISAN TEBAL, penulisan dalam dokumen HTML dilakukan dengan cara TULISAN TEBAL. Tanda dipakai untuk mengaktifkan instruksi cetak tebal, kemudian diikuti tulisan yang ingin ditebalkan. Setelah itu, diakhiri dengan tanda untuk menonaktifkan cetak tebal tersebut.
CONTOH SCRIPT HTML:
!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="bagus.css">
</head>
<body>
<div id="image">
</div>
<div id="header">
<ul>
<li><a href="nav.html">Home</a></li>
<li><a href="nav.html">News</a></li>
<li><a href="nav.html">Contact</a></li>
<li><a href="nav.html">About</a></li>
</ul>
</div>
<div id="nav">
<ul>
<li><a href ="nav.html">Menu 1</a></li>
<li><a href ="nav.html">Menu 2</a></li>
<li><a href ="nav.html">Menu 3</a></li>
<li><a href ="nav.html">Menu 4</a></li>
</ul>
</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 are of over 13 million in habitants.
</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>
</div>
<div id="footer">
<marquee >@BAGUS TRI HARIANTO.com</marquee>
</div>
</body>
</html>
CONTOH SCRIPT CSS:
#image
{
background-image:url("London.jpg");
padding-left:100px;
height:187px;
}
#header{
background-color:#7B68EE;
color:red;
text-align:center;
padding:2px;
padding-left:400px;
}
#nav{
line-height:40px;
background-color:#7B68EE;
height:230px;
width:130px;
float:left;
padding:5px;
}
#section{
width:350px;
float:left;
padding:10px;
}
#footer{
background-color:#7B68EE;
color:gold;
clear:both;
text-align:center;
padding:5px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
li {
float: left;
}
a:link, a:visited {
display: block;
width: 125px;
font-weight: bold;
color: gold;
background-color:#9400DE ;
text-align: center;
padding: 5px;
text-decoration: none;
text-transform: uppercase;
}
a:hover, a:active {
background-color: black;
}
HASILNYA:
Tidak ada komentar:
Posting Komentar