Cara Menciptakan File Html Layout Css
Membuat file HTML layout
Oke…sekarang anda buka notepad++ anda, atau jikalau anda sanggup menggunakan software yang biasa anda gunakan lalu ketikkan aba-aba HTML berikut ini:
<html>
<head>
<title>Membuar Layout Web</title>
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="container">
</div>
<div id="menu">
</div>
<div id="content">
</div>
<div id="right">
<!--Isi dengan konten/artikel-->
</div>
<div id="footer">
<!--Isi dengan konten/artikel-->
</div>
</div>
</body>
</html>
Keterangan dari aba-aba diatas:
- Kode diatas murni aba-aba HTML dan anda telah membuat tag DIV dengan masing-masing diberikan selector ID, anda masih ingat tentunya dengan selector ID yang dipisahkan dari header,menu navigasi,content, sajian kanan,footer. Jika lupa, silahkan and abaca lagi ebook saya yang pertama.
- Kode komentar dengan warna merah perlu anda isi dengan konten atau artikel, alasannya yaitu jikalau anda tidak mengisi dengan artikel maka karenanya tidak akan kelihatan (dalam file rujukan telah saya beri artikel).
- Kode yang saya tebalkan merupakan link untuk menggabungkan dari File HTML dengan File CSS.
Baca
Fungsi HTML dan CSS pada halaman Web
Apa yang menjadi keuntungan menggunakan CSS
Apa itu CSS ( Cascading Style Sheet )
Aturan penulisan CSS
Cara menggabungkan HTML dengan CSS
0 Response to "Cara Menciptakan File Html Layout Css"
Post a Comment