1. jenis yang pertama ada teknik internal css.
2. jenis yang kedua ada teknik ekternal css.
contoh teknik kira kira seperti ini:
ini contoh dari css internal
<html>
<head>
<title>implementasi css</title>
<style>
p{
text-align : center;
font-size : 16px;
}
.paragraf2{
font-family : tahoma;
font-size : 16px;
text-align : justify;
color : red;
}
#paragraf3{
font-family : times new roman;
font-wight : italic;
text-align : center;
background-color : green;
}
</style>
</head>
<body>
<p style="text-align:justify; color:red; font-size:16px; font-family:tahoma;">
ini adalah paragraf 1 menggunakan implementasi css ini adalah paragraf 1 menggunakan implementasi css
ini adalah paragraf 1 menggunakan implementasi css ini adalah paragraf 1 menggunakan implementasi css
ini adalah paragraf 1 menggunakan implementasi css ini adalah paragraf 1 menggunakan implementasi css
<p class="paragraf2">
ini adalah paragraf 2 menggunakan implementasi css ini adalah paragraf 2 menggunakan implementasi css
ini adalah paragraf 2 menggunakan implementasi css ini adalah paragraf 2 menggunakan implementasi css
ini adalah paragraf 2 menggunakan implementasi css ini adalah paragraf 2 menggunakan implementasi css
<p id="paragraf3">
ini adalah paragraf 1 menggunakan implementasi css ini adalah paragraf 1 menggunakan implementasi css
ini adalah paragraf 1 menggunakan implementasi css ini adalah paragraf 1 menggunakan implementasi css
ini adalah paragraf 1 menggunakan implementasi css ini adalah paragraf 1 menggunakan implementasi css
</p>
</body>
</html>
contoh dari css ekternal, jadi untuk membuat css ekternal kamu harus membuat dua file html dan css:
sourcode html:<html>
<head>
<title>Pra UTS Program web</title>
<link rel="stylesheet" href="ini_css.css">
</head>
<body>
<p style="text-align:justify; color:red; font-size:16px; font-family:tahoma;">
ini adalah paragraf 1 menggunakan implementasi css ini adalah paragraf 1 menggunakan implementasi css
ini adalah paragraf 1 menggunakan implementasi css ini adalah paragraf 1 menggunakan implementasi css
ini adalah paragraf 1 menggunakan implementasi css ini adalah paragraf 1 menggunakan implementasi css
<p class="paragraf2">
ini adalah paragraf 2 menggunakan implementasi css ini adalah paragraf 2 menggunakan implementasi css
ini adalah paragraf 2 menggunakan implementasi css ini adalah paragraf 2 menggunakan implementasi css
ini adalah paragraf 2 menggunakan implementasi css ini adalah paragraf 2 menggunakan implementasi css
<p id="paragraf3">
ini adalah paragraf 1 menggunakan implementasi css ini adalah paragraf 1 menggunakan implementasi css
ini adalah paragraf 1 menggunakan implementasi css ini adalah paragraf 1 menggunakan implementasi css
ini adalah paragraf 1 menggunakan implementasi css ini adalah paragraf 1 menggunakan implementasi css
</p>
</body>
</html>
sourcode css:p{
text-align : center;
font-size : 16px;
}
.paragraf2{
font-family : tahoma;
font-size : 16px;
text-align : justify;
color : red;
}
#paragraf3{
font-family : times new roman;
font-wight : italic;
text-align : center;
background-color : green;
}
WARNING:
bagi yang mau copas copy & paste untuk blog agan agan harap izin terlebih dahulu dan cantumkan linknya terlebih dahulu karena admin mengetiknya dengan sepenuh hati jiwa dan raga jadi harap hargai ketikan admin ok. untuk yang komen gunakan kata-kata anak terpelajar atau gunakan kata kata sopan karena di sini BUKAN POSTINGAN HEWAN harap di pahami dan apabila ada yang melanggar menggunakan komentar kasar admin tidak segan akan menghapus komentarnya tanpa seizin. apabila admin ada salah kata kata mohon di maafkan dan apabila postingan admin ada yang kurang harap di tambahkan dengan bahasa yang sopan karena admin juga manusia punya rasa punya hati, terimakasih.
ConversionConversion EmoticonEmoticon