Beranda TKJ Penggunaan Css pada HTML
Penggunaan Css pada HTML
Yoo kawan-kawan Otaku-It disini mimin mau membahas mengenai penggunaan css pada html. Css merupakan Cascading Style Sheet, css dibagi menjadi 3 yaitu:
1. Internal CSS
2. External CSS
3. Inline CSS
Internal CSS
Internal Css biasanya digunakan pada html yang biasanya penempatanya berada didalam head yang menggunakan perintah style untuk memasukkan perintah css nya, contoh seperti berikut:
<html>
<head>
<title>Otaku-It</title>
<style>
h1{
color: coral;
}
body{
background-color: aqua;
}
</style>
</head>
<body>
<body>
<h1>Otaku-It</h1>
<p>Lorem ipsum dolor sit amet</p>
</body>
</html>
</html>
External Css
Dari kata external berarti css ini berada diluar file html yang dibuat, yap external css merupakan css yang berada diluar html dengan pemanggilanya menggunakan perintah link dan penamaan pada cssnya menggunakan extensi .css seperti berikut:
<link rel="stylesheet" href="style.css" type="text/css">
style.css
#menu{
padding: 1%;
background-color: black;
}
.textmenu{
color: coral;
margin-left: 5%;
text-decoration: none;
font-size: 20px;
font-weight: bold;
}
Inline Css
Inline css merupakan css yang berada didalam sebuah element seperti contoh dibawah ini:
<p style="color:coral">Hello World</p>
Sekian peembahasan mengenai Css jika belum mengerti dapat berkomentar dibawah ini
selamat mencoba /('-')/\('-')\ admin@zee