Anda mungkin seorang pembuat template website. Kadang kala pembuatan template hanya menggunakan HTML saja tanpa adanya CSS yang menjadi pelengkap dari pembuatan template website itu sendiri. CSS dapat membantu anda untuk meringkas code-code HTML yang begitu panjang menjadi begitu ringan dan singkas. Penulisan CSS pun mudah dan ringkas. Cukup menggunakan tag pertama dari tang HTML yaitu tang yang ada di dalam < dan > tanpa adanya / didalamnya.
Lihatlah kode berikut
<html>
<head>
<title>TOBEINFO
</title>
</head>
<body>
<h1><font face="arial" clolor="red">Hello World!</font></h1>
<h1><font face="arial" clolor="red">Hello World!</font></h1>
<h1><font face="arial" clolor="red">Hello World!</font></h1>
</body>
</html>
Diatas hanya menggunakan tag-tag HTML biasa tanpa menggunakan CSS. Seperti itu adalah contoh sederhana pembuatan HTML tapi dalam penempatan yang lebih bagus lagi adalah menggunakan tag-tag HTML ini dan itu yang begitu banyak. Tag-tag HTML ini dapat diringkas lagi menggunakan CSS
lihat kode dibawah ini;
<html>
<head>
<title>TOBEINFO
</title>
<style type="text/css">
h1 {
color: red;
font-family: "arial";
}
<style>
</head>
<body>
<h1>Hello World!</h1>
<h1>Hello World!</h1>
<h1>Hello World!</h1>
</body>
</html>
Lihatlah kode berikut
<html>
<head>
<title>TOBEINFO
</title>
</head>
<body>
<h1><font face="arial" clolor="red">Hello World!</font></h1>
<h1><font face="arial" clolor="red">Hello World!</font></h1>
<h1><font face="arial" clolor="red">Hello World!</font></h1>
</body>
</html>
Diatas hanya menggunakan tag-tag HTML biasa tanpa menggunakan CSS. Seperti itu adalah contoh sederhana pembuatan HTML tapi dalam penempatan yang lebih bagus lagi adalah menggunakan tag-tag HTML ini dan itu yang begitu banyak. Tag-tag HTML ini dapat diringkas lagi menggunakan CSS
lihat kode dibawah ini;
<html>
<head>
<title>TOBEINFO
</title>
<style type="text/css">
h1 {
color: red;
font-family: "arial";
}
<style>
</head>
<body>
<h1>Hello World!</h1>
<h1>Hello World!</h1>
<h1>Hello World!</h1>
</body>
</html>
Anda dapa telihat perbedaan tag yang ada di susunan kode awal dan susunan kode yang kedua. Pada susunan kode yang pertama begitu panjang dengan menggunakan banyak tag pada masing-masing perkataan yang mau dikasih format yang sama. Pada kode yang kedua anda cukup sekali memberikan format tag yang anda letakkan pada kode CSS. Code CSS yang ada akan merubah seluruh isi yang di jadikan indikasi dalam contoh ini tag yang ada di dalam <h1>dan </h1>. Ketika anda simpan dengan ekstensi .html anda akan melihat dengan tampil dan yang sama.
0 comments:
Post a Comment