Sabtu, Oktober 19, 2019

Memanggil file CSS dan menggunakannya

Akan dilakukan pengaplikasian aturan-aturan style yang telah dibuat pada latihan 43 dan latihan 44. Aturan-aturan style tersebut akan diaplikasikan pada file "latihan38.html". Oleh karena itu, pada file "latihan38.html" akan ditambahkan kode untuk memanggil file CSS. Tag <link> dapat digunakan untuk pemanggilan file CSS yang akan digunakan. Tag <link> diletakkan antara Tag <head> dan </HEAD>.

satu, Jalankan Notepad.

dua, Buka file "latihan38.html" yang telah dikerjakan pada materi latihan sebelumnya. Setelah itu, ketik kode program berikut ini.


tiga, Simpan dengan nama "latihan45A.html".

empat, Jalankan file latihan45A.html dengan hasil seperti diperlihatkan pada gambar 1.

gambar 1

Pada latihan45A.html, bagian kode file html tidak dilakukan perubahan baik penambahan ataupun pengurangan kode program. Yang perlu dilakukan hanya memanggil file CSS dengan nama file "latihan43.css" dengan menggunakan tag <link>. Hal ini dapat terjadi karena nama selector yang digunakan pada file latihan45A.html sudah berupa nama tag.

Selanjutnya akan dicoba memanggil dan menggunakan file latihan44.css, dengan nama selector yang dideklarasikan pada file latihan44.css adalah bebas.

satu, Jalankan Notepad.

dua, Buka file "latihan38.html" yang telah dikerjakan pada materi latihan sebelumnya. Setelah itu, ketik kode program berikut ini.


tiga, Simpan dengan nama "latihan45B.html".

empat, Jalankan file latihan45B.html dengan hasil seperti diperlihatkan pada gambar 2.

gambar 2

penugasan
...

Related Posts

Memanggil file CSS dan menggunakannya
Oleh

"semoga yang memberikan komentar diberikan berkah kebaikan dari Allah, dijauhkan dari kejahatan, dan diberikan pahala ilmu dan amal jariyah dari sepenggal kata yang ia tinggalkan amiin :) "