Membuat website sederhana tidaklah sulit. Jika Anda menguasai dasar-dasar HTML dan CSS, Anda dapat dengan mudah membangun situs web Anda sendiri – tanpa pengetahuan pemrograman profesional apa pun. HTML (HyperText Markup Language) digunakan untuk membuat struktur halaman web, sedangkan CSS (Cascading Style Sheets) bertanggung jawab atas desain dan tata letak.
Apa yang Anda Butuhkan
Untuk memulai, Anda hanya memerlukan dua hal:
Editor teks seperti Notepad (Windows), TextEdit (Mac), atau program seperti VS Code, Sublime Text atau Atom.
Peramban web seperti Google Chrome, Mozilla Firefox atau Microsoft Edge untuk menampilkan hasilnya.
Mulailah dengan HTML
Buat file baru dan simpan dengan nama indeks.html. Kemudian tulis kode HTML berikut :
<!DOCTYPEhtml>
<html>
<kepala>
<meta charset=”UTF-8″>
<title>Situs web pertama saya</title>
<link rel=”stylesheet” href=”style.css”>
</kepala>
<tubuh>
<h1>Selamat datang di situs web saya</h1>
<p>Ini paragraf pertama saya.</p>
</tubuh>
</html>
Penjelasan singkat:
<!DOCTYPEhtml> menunjukkan bahwa ini adalah dokumen HTML5.
Itu <kepala>-Area berisi informasi meta, judul halaman dan link ke file CSS.
Itu <tubuh>-Area berisi konten halaman sebenarnya seperti judul dan teks.
Tambahkan Desain dengan CSS
Buat file baru dengan nama gaya.css di folder yang sama dan tulis kode CSS di dalamnya.
Kode CSS ini memberikan tampilan yang lebih menarik pada situs web Anda: latar belakang abu-abu terang, font yang mudah dibaca, dan judul biru.
Simpan dan Lihat
Setelah Anda memiliki kedua file (indeks.html Dan gaya.css) disimpan, terbuka indeks.html dengan mengklik dua kali. Situs web Anda akan muncul di browser.
Berkembang
Setelah Anda memahami dasar-dasarnya, Anda dapat menambahkan elemen tambahan seperti gambar, link, daftar, tabel, atau formulir.
Pastikan file gambar berada di folder yang sama dengan file HTML – atau gunakan link gambar langsung.
Kesimpulan
Hanya dengan HTML dan CSS Anda dapat membuat situs web yang sederhana namun fungsional. Langkah dasarnya adalah membangun struktur dengan HTML, mendesain tema dengan CSS, dan menguji halaman di browser. Jika ingin mempelajari lebih lanjut, Anda dapat menggunakan JavaScript untuk interaktivitas atau bekerja dengan kerangka kerja seperti Bootstrap. Saat ini siapa pun dapat membuat situs web – dengan mudah dan cepat!
