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:
Membuat website tampaknya sulit dan menyita waktu, tetapi sebenarnya tidak harus begitu. Dengan pemahaman dasar tentang HTML dan CSS, kamu bisa membuat website sederhana dalam waktu kurang dari satu jam. Yuk, kita coba!
Sebelum kita mulai, pastikan kamu telah menginstal editor teks. Ada berbagai macam editor teks yang bisa kamu gunakan, seperti Sublime Text, Atom, atau Visual Studio Code. Kamu juga perlu menginstal browser seperti Chrome atau Firefox untuk melihat hasilnya.
Pertama, buatlah dokumen baru di editor teks kamu dengan ekstensi .html. Misalnya, kamu bisa menamainya index.html. Di dalam dokumen ini, tulislah struktur dasar HTML seperti berikut:
<!DOCTYPE html>
<html>
<head>
<title>Judul Website Kamu</title>
</head>
<body>
</body>
</html>Struktur ini adalah kerangka dasar dari sebuah halaman web. Di antara tag <body> adalah tempat kita akan menuliskan konten dari website.
Di dalam tag <body>, kita bisa menambahkan berbagai elemen HTML. Misalkan saja kita buat header, paragraph, dan link.
<body>
<h1>Website Sederhana</h1>
<p>Ini adalah contoh website sederhana yang dibuat menggunakan HTML dan CSS.</p>
<a href="https://www.google.com">Kunjungi Google</a>
</body>Di sini, kita telah membuat judul dengan tag <h1>, paragraf dengan tag <p>, dan link ke Google menggunakan tag <a>.
Sekarang, kita bisa mulai menambahkan gaya ke website kita dengan CSS. CSS dapat kita tulis di dalam tag <style> yang berada di dalam tag <head>. Sebagai contoh, mari kita berikan gaya untuk judul <h1>.
<head>
<title>Website Sederhana</title>
<style>
h1 {
color: blue;
text-align: center;
}
</style>
</head>Di atas, kita telah memberikan warna biru pada judul dan mengubah posisinya menjadi tengah.
Itulah cara membuat website sederhana dengan HTML dan CSS! Kamu bisa eksplor lebih lanjut untuk menambahkan elemen dan gaya lainnya. Selamat mencoba!
Link terkait: