ada Embedded, Inline, dan Linked. Apa'an itu?....yup, ketiganya adalah jenis style yang direkomendasikan CSS.
- Embedde : prooperti style diletakkan di dalam satu blok di dokumen HTML
- Inline : prooperti style diterapkan secara langsung per baris atau per elemen HTML
- Linked : properti style diletakkan di file berekstensi css dan dikaitkan dengan dokumen HTML
Scripting untuk contoh diatas
Terlebih dahulu Kita buat file CSSnya (disimpan dengan NamaFile tugas1.css):
#wrapper { margin: auto; width: 750px; border: 2px solid red; }
#header { height: 80px; border: 1px solid blue; }
#inner { float: left; margin: 5px 0; border: 1px solid black; }
#sidebar { float: left; margin-right: 20px; width: 180px; height: 441px; border: 1px solid red; }
#Top{float: top; margin-left: 200px; width: 544px; height: 439px; border: 2px solid green; }
#inner2{ float: buttom; margin: 124px 0; border: 1px solid black; }
#content { float: left; width: 343px; height: 284px; border: 1px solid magenta; }
#Right{ float: Right; width: 180px; height: 200px; border: 1px solid red; }
#footer { clear: both; height: 50px; border: 1px solid purple; }
Trus, buat file HTMLnya (disimpan dengan nama file tugas1.html):
0 Comment:
Posting Komentar