Membuat Halaman Web Statis Sederhana Menggunakan HTML dan CSS

Web Statis adalah website dimana informasi yang terkandung didalamnya tidak bisa diupdate melalui aplikasi website tersebut melainkan harus merubah script yang ada didalamnya. Oke sobat T1kus90tBlog sekalian, kali ini saya akan memberitahukan cara membuat web statis sederhana menggunakan HTML dan CSS. Untuk tampilan hasilnya kalian bisa lihat gambar dibawah ini.


Membuat Judul Halaman


Langkah pertama adalah membuat judul dari halaman web statis yang akan kita buat menggunakan tag <title></title>.

Membuat Struktur Table dan Keseluruhan isi Laman


Karena disini saya menggunakan tag <table></table> maka saya membuat struktur tablenya terlebih dahulu untuk menempatkan header, menu, content, dan footer. Tag <th></th> disini berfungsi sebagai table heading, sedangkan tag <td></td> berfungsi sebagai table data. Terlihat jelas disitu saya menggunakan colspan, colspan disini berfungsi untuk menggabungkan beberapa kolom atau row menjadi satu, sehingga satu unit kolom atau row ini menjadi lebar. Untuk judul artikel saya menggunakan tag <h1></h1> tag ini berfungsi sebagai heading, urutan tag heading ini mencapai 6 tag. Sedangkan untuk membuat list saya menggunakan tag <ul></ul> dan tag <ol></ol>, tag <ul> berfungsi untuk membuat unordered list sedangkan tag <ol> berfungsi untuk membuat ordered list.

Postingan terkait:

Belum ada tanggapan untuk "Membuat Halaman Web Statis Sederhana Menggunakan HTML dan CSS"

Post a Comment