Membuat tampilan layout WEB sederhana HTML dan CSS

Membuat tampilan layout WEB sederhana HTML dan CSS

Dalam artikel ini akan membuat tutorial sederhana bagaimana cara membuat tampilan layout WEB menggunakan HTML dan CSS. Layout yang akan dibuat adalah sebagai berikut :

Membuat tampilan layout WEB sederhana HTML dan CSS

Oke langsung aja ke langkah yang pertama yaitu buat folder baru di Laptop atau PC dengan nama layoutWEB.

Membuat file index

  • Buat file baru dengan nama index.html kemudian simpan di dalam folder layoutWEB
  • Isikan source code berikut dalam file index.html 

Membuat file CSS

  • Buat file baru dengan nama style.css kemudian simpan di dalam folder layoutWEB
  • Isikan source code berikut dalam file style.css 

Untuk Melihat hasilnya yaitu dengan cara buka file index.html di browser seperti Mozilla Firefox,Google Chrome dan lain sebagainya.

Berikut adalah tampilan file index.html di browser

Membuat tampilan layout WEB sederhana HTML dan CSS

Untuk mendapatkan source code diatas bisa di download disini.

Itulah tutorial cara membuat tampilan layout WEB sederhana HTML dan CSS semoga bermanfaat.

LEAVE A REPLY

Please enter your comment!
Please enter your name here