Web Design Mahir
web-expertDescription: Web Design Mahir Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Web Design Mahir
Web Design Expert
Panduan Blog UMY
Download tutorial di bawah ini
Tutorial Blog UMY 2011Description: Panduan Blog UMY
Rating: 4.5
Reviewer: seputarwisata.com -
ItemReviewed: Panduan Blog UMY
Membuat Mockup Website dengan Photoshop
Materi Selanjutnya kali ini adalah membaut mockup website dengan Photoshop.
Undh file di bawah ini.
Create Simple HTML Layout Using Tag
Setelah semua dasar-dasar tag HTML kita pelajari pada pertemuan yang lalu, saatnya kita merangkai semua pengetahuan tersebut menjadi satu kesatuan halaman HTML yang enak dilihat. Kali ini kita akan membuat dasar layout halaman html menggunakan tag <div>. Perhatikan hasil gambar di bawah. Berikut ini adalah hasil akhir layout halaman yang akan kita buat.
Latihan 1
Tulislah tag html di bawah ini kemudian simpan dengan nama file index.html
HTML Layout
Header
Latihan 2
Tulis kode css di bawah ini kemudian simpan dengan nama file style.css.
Description: Create Simple HTML Layout Using Tag Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Create Simple HTML Layout Using Tag
body {background:#666666;}
#container {background:green;}
#header{background:blue;}
#navigation{background:yellow;}
#content{background:#6633cc;}
#sidebar{background:#ff66cc;}
#footer{background:#3399ff;}
Div (Division)
Definition and Usage
The <div> tag defines a division or a section in an HTML document.
The <div> tag is used to group block-elements to format them with styles
This is a header
This is a paragraph.
This is a header
This is a paragraph.
This is a header
This is a paragraph.
Sample:
This is a header
This is a paragraph.
This is a header
This is a paragraph.
Description: Div (Division) Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Div (Division)