DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
Saat ini, banyak pengembang web yang menggunakan PHP dan CSS untuk membuat web mereka menjadi lebih interaktif dan menarik. PHP dikenal karena kemampuannya untuk membuat website yang dinamis, sementara CSS digunakan untuk mempercantik web tersebut. Di artikel ini, kita akan membahas tentang cara menghubungkan CSS ke PHP.
Bagi sebagian besar pengembang, penggunaan keduanya cukup esensial. Namun, tidak semua orang tahu bagaimana cara menghubungkannya. Bagi kamu yang baru belajar, berikut adalah cara menghubungkan file CSS ke dalam file PHP:
Sebelum kamu mulai menghubungkan CSS ke PHP, ada baiknya kamu mempersiapkan terlebih dahulu file PHP dan CSS yang akan dipakai. Buatlah satu file PHP dan satu file CSS.
Pada file PHP, kamu bisa membuat struktur HTML seperti biasa. Sedangkan pada file CSS, kamu bisa menuliskan kode-kode CSS yang nantinya akan digunakan untuk mengatur tampilan web.
Setelah file PHP dan CSS siap, langkah selanjutnya adalah menghubungkannya. Untuk menghubungkan file CSS ke PHP, kamu bisa memanfaatkan tag <link>
yang berada di dalam tag <head>
pada file HTML.
<link>
Berikut ini adalah contoh dari cara penulisan tag <link>
untuk menghubungkan file CSS:
<head>
<link rel="stylesheet" href="nama_file.css">
</head>
Ganti “nama_file.css” dengan nama file CSS yang ingin kamu hubungkan. Pastikan juga bahwa file PHP dan CSS berada dalam satu folder yang sama.
echo
Selain menggunakan tag <link>
, kamu juga bisa menggunakan fungsi PHP echo
untuk memanggil file CSS. Berikut adalah contohnya:
<?php
echo "<link rel='stylesheet' type='text/css' href='nama_file.css'>";
?>
Sama seperti sebelumnya, ganti “nama_file.css” dengan nama file CSS yang ingin kamu hubungkan.
Menghubungkan CSS ke PHP cukuplah mudah. Kamu hanya perlu memanfaatkan tag <link>
atau fungsi echo
di PHP. Dengan begitu, tampilan web yang kamu buat bisa lebih menarik dan dinamis dengan adanya kombinasi antara PHP dan CSS.
Link terkait: