Penempatan CSS
CSS dapat ditempatkan dalam bergahai cara dalam sebuah web. Diantaranya menggunakan cara Internal Style dan External Style.
Internal Styale
Pada cara ini CSS akan diletakkan dalam web itu sendiri. Jadi Selector dan Declaration berada pada halaman yang sama, contoh
<html>
<head>
<title>Internal Style</title>
<style type="text/css">
.int{font-family:arial;font-size:30px;background-color:blue;font-color:white;}
</style>
</head>
<body>
<table>
<tr>
<td class="int">Penempatan CSS secara Internal</td>
</tr>
</table>
</body>
</html>
Jenis CSS ini hanya dapat memformat tampilan dari sebuah halaman web. dan adapun jenis lain dari Internal Style adalah InLine CSS. model CSS ini langsung diletakkan pada tag yang akan dirubah.contoh
<html>
<head>
<title>InLine Style</title>
</head>
<body>
<font style="Times New Roman;font-family:times new roman;font-size:30px;background-color:blue">Penerapan InLine CSS</font>
</body>
</html>
External Style
CSS jenis ini penempatan file CSS nya terpisah dari halaman web, cont0
<html>
<head>
<title>External Style</title>
<style>
@import url (http://ilkomputek.blogspot.com/css/model.css);
</style>
</head>
<body>
<div id="type">formatted tag</div>
</body>
</html>
contoh diatas file CSS akan diambil dari http://ilkomputek.blogspot.com/css/model.css. Dan dibawah ini ada cara lain menggunakan External CSS
<html>
<head>
<title>Cara lain External CSS</title>
<link href="Path menuju css/model.css" rel="stylesheet" style="text/css" />
</head>
<body>
<div id="type">formatted tag</div>
</body>
</html>
PAda contoh tersebut file css akan diambil dari folder sesuai deng path yang dicantumkan.
Internal Styale
Pada cara ini CSS akan diletakkan dalam web itu sendiri. Jadi Selector dan Declaration berada pada halaman yang sama, contoh
<html>
<head>
<title>Internal Style</title>
<style type="text/css">
.int{font-family:arial;font-size:30px;background-color:blue;font-color:white;}
</style>
</head>
<body>
<table>
<tr>
<td class="int">Penempatan CSS secara Internal</td>
</tr>
</table>
</body>
</html>
Jenis CSS ini hanya dapat memformat tampilan dari sebuah halaman web. dan adapun jenis lain dari Internal Style adalah InLine CSS. model CSS ini langsung diletakkan pada tag yang akan dirubah.contoh
<html>
<head>
<title>InLine Style</title>
</head>
<body>
<font style="Times New Roman;font-family:times new roman;font-size:30px;background-color:blue">Penerapan InLine CSS</font>
</body>
</html>
External Style
CSS jenis ini penempatan file CSS nya terpisah dari halaman web, cont0
<html>
<head>
<title>External Style</title>
<style>
@import url (http://ilkomputek.blogspot.com/css/model.css);
</style>
</head>
<body>
<div id="type">formatted tag</div>
</body>
</html>
contoh diatas file CSS akan diambil dari http://ilkomputek.blogspot.com/css/model.css. Dan dibawah ini ada cara lain menggunakan External CSS
<html>
<head>
<title>Cara lain External CSS</title>
<link href="Path menuju css/model.css" rel="stylesheet" style="text/css" />
</head>
<body>
<div id="type">formatted tag</div>
</body>
</html>
PAda contoh tersebut file css akan diambil dari folder sesuai deng path yang dicantumkan.
Komentar
Posting Komentar