Menerapkan CSS Di HTML
dokumen CSS yang telah dbuat dapat langsung digunakan pada halaman web dengan cara membuat link ataupun menyisipkan langsung beberapa style CSS dan tag HTML.
dokumen CSS yang akan di-link ke halaman web biasanya disebut sebagai external style sheet. pemanggilan dalam HTML dlakukan dengan tag berikut.
<link rtel="stylesheet" type="text/css" href="nama_file_css.css">
penjelasan dari tag tersebut adalah :
- <link> adalah tag pembuka untuk pemanggilan dokumen CSS,
- rel menjelaskan bahwah halaman akan dkenai efek stylr sheet,
- type menjelaskan bahwa file yang digunakan adalah fle CSS,
- href digunakan untuk menulis alamat dan nama file yang akan dipanggil.
- bukalah halaman web yang akan diberi style CSS
- halaman web yang belum diberi style CSS biasanya masih dalam format standar, dimana jenis font yang dgunakan adalah Times New Roman.
- untuk menyisipkan file CSS dalam halaman web, pada panel CSS styles.anda juga bisa melalui Property Inspector, klik teks HTML. pada Class, tekan tanda anak panah kebawah dan pilih Attach Style Sheet.
- tampil kotak dialog Attach External Style Sheet, klik tombol Browser untuk mencari letak file CSS.
- ,aka kotak dialog Select Style Sheet File. pilih file CSS yang akan diterapkan dalam halaman web dan tekan tombol OK.
- anda dapat kembali kejendela Attach External Style Sheet. pada bagian ADD AS, anda dapat memilih link atau inport misalnya pilih link lalu tekan tombol OK.
- untuk memilih style tertentu (misal class style1) yang akan diterapkan pada suatu teks pada halaman web maka terlebih dahulu anda letakkan kursor pada teks yang diberi style.
- pada property inspector tekan teks HTML pada class pilih style1.
- tampilan teks atau halaman web akan berubah sesuai style yang ada di CSS tersebut. anda dapat melihat hasilnya melalui barowser sengan menekan tombol F12 pada keyboard.
0 Response to "Menerapkan CSS Di HTML"
Post a Comment