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:

 atau jikalau anda sanggup menggunakan software yang biasa anda gunakan lalu ketikkan aba-aba  Cara Membuat file HTML layout CSS

<html>

Related

<head>
<title>Membuar Layout Web</title>
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="container">
<div id="header">
</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.
Lalu simpan dalam Membuat layout yang sudah anda buat, beri nama dengan index.html , jikalau anda jalankan dengan klik 2 kali maka penampilannya masih tidak karuan hanya tabrakan pena dari content saja karena anda belum membuat kode CSS yang bertujuan mendesain tampilan dan halaman layout web anda.

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

Related Posts

0 Response to "Cara Menciptakan File Html Layout Css"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel