Cara menautkan file css ke html

Saat Anda bekerja dengan HTML, gaya, dan skrip dan Anda sedang mengerjakan proyek besar, saya sangat menyarankan untuk memisahkan file di folder yang berbeda. Miliki semua file CSS Anda di satu folder dan semua file JavaScript Anda di folder lain. Lakukan hal yang sama untuk file HTML Anda

Untuk menautkan file CSS dengan file HTML Anda, Anda harus menulis skrip berikutnya pada file HTML Anda di dalam tag head

<link rel=¨stylesheet¨ type=¨text/css¨ href=¨..\[folder_name]\[file_name].css¨>

Jika Anda memiliki file CSS di folder yang sama dengan file HTML Anda, Anda hanya perlu menulis nama file CSS Anda, seperti ini (saya sarankan file di folder berbeda dikaitkan dengan jenisnya)

<link rel=¨stylesheet¨ type=¨text/css¨ href=¨[file_name].css¨>_

Jika Anda menggunakan tema bootstrap, Anda dapat menambahkan tautan file

<link rel=¨stylesheet¨ type=¨text/css¨ href=¨[url_bootstrap_theme]¨>

Untuk menautkan file Js dengan HTML Anda, Anda hanya perlu menambahkan sumber skrip di dalam tag body atau di luar;

<script src="..\[folder_name]\[file_name].js"></script>

Jika Anda memiliki file Js di folder yang sama dengan file HTML Anda, Anda hanya perlu menulis nama file Js Anda, seperti ini (saya sarankan file di folder berbeda dikaitkan dengan jenisnya)

Dalam HTML, kita dapat dengan mudah menautkan style sheet ke dokumen Html dalam tiga metode berbeda berikut

1. Menggunakan Gaya Inline
2. Menggunakan Gaya Tersemat atau Gaya Internal
3. Menggunakan gaya Eksternal

Menggunakan Gaya Inline

Ini adalah metode termudah untuk menambahkan gaya CSS ke dokumen atau kode Html kita. Tetapi kita tidak dapat menggunakan kembali metode ini, jadi penggunaan kembali adalah kelemahan dari metode ini. Jika kita ingin menambahkan CSS menggunakan gaya sebaris ke dokumen Html kita maka kita harus mengikuti langkah-langkah yang diberikan di bawah ini

Langkah 1. Pertama, kita harus mengetikkan kode Html di editor teks apa pun atau membuka file Html yang ada di editor teks tempat kita ingin menautkan CSS menggunakan internal style sheet

Cascading Style Sheets, atau CSS (seperti yang biasa disebut), adalah bahasa desain sederhana yang dimaksudkan untuk menyederhanakan proses pembuatan halaman web yang rapi. Ini adalah alat yang ampuh bagi perancang web untuk mengubah desain dan kontrol atas halaman web. Ini memengaruhi dan mengubah cara mereka ditampilkan.  

Itu didukung oleh semua browser dan dirancang terutama untuk memisahkan konten dokumen dari presentasi dokumen. Pada artikel ini, fokus utama kami adalah bagaimana menautkan file CSS ke file HTML

Bagaimana cara membuat file CSS?

Lembar gaya eksternal dapat dibuat di editor teks apa pun. Itu harus disimpan dengan a. ekstensi css, dan file CSS tidak boleh berisi tag HTML apa pun. File HTML dan CSS harus berada di folder yang sama

Mari lanjutkan dan mulai membuat file CSS pertama Anda. Anda dapat menamainya 'gaya. css’

Kursus Pengembang Web Stack Penuh

Untuk menjadi ahli dalam MEAN Stack Lihat Kursus

Bagaimana Cara Menautkan File CSS ke File HTML?

To link the CSS to an HTML file, we use the tag inside the HTML section.

File CSS Anda akan terlihat seperti gambar yang ditampilkan di bawah ini

Ini akan menghasilkan hasil berikut.  

Mari kita lihat contoh lain di mana Anda menambahkan gambar menggunakan CSS

Catatan. Pastikan file gambar berada di folder yang sama dengan file CSS dan HTML

Ini akan menghasilkan hasil berikut

Temukan Bootcamp Online Pengembang Java Stack Lengkap kami di kota-kota teratas

tentang Penulis

Simplilearn adalah salah satu penyedia pelatihan online terkemuka di dunia untuk Pemasaran Digital, Komputasi Awan, Manajemen Proyek, Ilmu Data, TI, Pengembangan Perangkat Lunak, dan banyak teknologi baru lainnya

Bagaimana Anda menautkan file gaya CSS?

Mengapa CSS saya tidak tertaut ke HTML?

Bisakah file CSS ditautkan ke halaman Web?

Bagaimana cara menautkan file CSS ke HTML menggunakan Notepad?