Skodev
Belajar coding dalam bahasa Indonesia
DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
Saat membangun dan merancang situs web, kamu mungkin sering menggunakan HTML, CSS, dan JavaScript. HTML digunakan untuk struktur dasar situs web, CSS digunakan untuk styling, dan JavaScript digunakan untuk menambah interaktivitas. Di artikel ini, kita akan membahas cara menggabungkan ketiganya.
Pertama-tama, kamu perlu membuat dokumen HTML. Ini adalah langkah paling dasar dan penting pertama dalam menggabungkan HTML, CSS, dan JavaScript.
Berikut adalah contoh struktur dasar dari dokumen HTML:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Bagian isi halaman
</body>
</html>Setelah membuat dokumen HTML, langkah selanjutnya adalah menambahkan CSS. Ada beberapa cara untuk melakukan ini, tetapi cara yang paling umum adalah dengan menambahkan elemen <style> di bagian <head> dokumen HTML.
Berikut adalah contoh cara menambahkan CSS:
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
</style>
</head>Bisa juga menggunakan link eksternal dengan elemen <link> seperti berikut:
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>Setelah menambahkan CSS, selanjutnya adalah menambahkan JavaScript. Ada beberapa cara untuk melakukannya, tetapi dua yang paling umum adalah dengan menambahkan elemen <script> di bagian <head> atau <body> dokumen HTML.
Berikut adalah contoh cara menambahkan JavaScript:
<body>
<script>
alert("Halo Dunia!");
</script>
</body>Tapi, jika kamu memiliki file JavaScript eksternal, kamu bisa menambahkannya menggunakan elemen <script> juga, seperti berikut:
<body>
<script src="app.js"></script>
</body>Ikuti langkah-langkah diatas untuk menggabungkan HTML, CSS, dan JavaScript kamu. Jika dilakukan dengan benar, kamu akan memiliki situs dapat berfungsi dengan baik dan terlihat menarik. Semoga berhasil!
Link terkait: