Assalammu'alaikum wr. wb.
Ika Novita Fatmawati - Kali ini saya akan berbagi tentang ilmu menghubungkan html dan css. Langsung saja disimak bersama......
Oke, sekarang sudah sampai di tutorial menghubungkan html dengan css. Tutor ini merupakan tutorial html yang bisa di bilang termasuk ke dalam salah satu tutorial html yang paling terpenting. Karena jika kita tidak mengetahui cara menghubungkan html dengan css secara otomatis pasti kita tidak mengetahui bagimana cara untuk mendesign halaman website yang kita buat karena file html tidak terhubung dengan css.
Cara Menghubungkan HTML dan CSS
Cara menghubungkan html dan css caranya sangat mudah. Gunakan tag <link> untuk menghubungkan html dengan css. Tag <link> di letakkan pada bagian element head pada struktur html. Baiklah perhatikan contoh menghubungkan html dengan css berikut ini.
Buat sebuah file html atau php terserah anda, karena ini merupakan tutorial html maka saya menggunakan file html untuk menghubungkan dengan css. Di sini saya membuat file html dengan html.html, kemudian buat file css lagi dengan nama style.css. Jadi, ada dua file yang saya buat yaitu file html.html. dan file style.css
Maksud dan tujuan :
Agar maksud dan tahu bagaimana caranya menghubungkan html dengan css.
Alat dan bahan :
1. Pc/laptop
2. Koneksi internet
3. Sublime text
Langkah-langkah :
1. Buka sublime text. Buat file html beri nama html.html, lalu ketikan text seperti gambar di bawah ini dan jangan lupa disave.
2. Buat file css beri nama style.css, lalu ketikan text seperti gambar dibawah ini dan save.
3. Dan jadinya akan seperti ini.
File html berhasil di hubungkan dengan css terbukti dengan berhasilnya syntax css yang kita buat untuk mengatur element heading 1 html di atas. Syntax color pada css di atas merupakan perintah untuk menetapkan warna font/text, font-family untuk mengatur font yang digunakan dan text-align untuk mengatur rat text.
Referensi :
Sekian dari saya, terima kasih.
Wassalammu'alaikum wr. wb.
Hai, selamat datang di blog saya. Di blog ini saya berbagi tentang materi apa pun, misalnya : tentang instalasi cms open source. Semoga dalam isi blog ku ini bisa membantu kalian semua yang telah mengunjungi blog saya ini. Terima Kasih sudah mengunjungi blog saya.
0 komentar:
Posting Komentar