Cara membuat Layout Website sederhana html css responsive - Hi friends, I hope you are all in good health update sa pilipinas, In the article you are reading this time with the title Cara membuat Layout Website sederhana html css responsive, We have prepared this article well for you to read and take information in it. hopefully the contents of the post Article Tutorial, what we write you can understand. ok, happy reading.

Title : Cara membuat Layout Website sederhana html css responsive
link : Cara membuat Layout Website sederhana html css responsive

Cara membuat Layout Website sederhana html css responsive

 Layout / susunan kerangka sebuah website adalah salah satu unsur dalam pembuatan website. kali ini kita akan menggunakan css eksternal yang menjadi sebuah file tersendiri , kita akan membuat sebuah layout website dengan html dan css responive yang otomatis menyesuaikan tampilanya untuk pengguna smartphone.

Source Code  Download

1. Buatlah File dengan nama " Index.html " , lalu buatlah folder Css dan Gambar . jadikan semua dalam satu folder seperti gambar dibawah ini

2. Nantinya , Folder " Css " Berisi Script kode css. maka buatlah file css sebagai contoh saya menggunakan nama " Style.css ".

3. Bila Pada Folder " Gambar ", berisi gambar-gambar pendukung dalam konten website.

4. Lalu Pada File " Index.html " kita ketikan Script Kode berikut ini 

untuk pemanggilan file gambar diatas sudah kita gunakan script kode nya <img>

<img src="nama file" alt="Teks alternatifnya">

5. Berikut ini Script File Css [ Style.css]

6. Lalu Buka file "Index.html" pada browser, akan muncul tampilan seperti ini pada browser

Demikian Postingan Kali ini Semoga Bermanfat ^^

 

 

 

 

 

 

 

 

 

 

 

 

That's the article: Cara membuat Layout Website sederhana html css responsive

Thank you for visiting my blog, hopefully it can be useful for all of you. Don't forget to share this article with your friends so they also know the interesting info, see you in other article posts.

You are now reading the article Cara membuat Layout Website sederhana html css responsive with link address https://updatesapilipinas.blogspot.com/2020/12/cara-membuat-layout-website-sederhana.html