news-card-video
6 Ramadhan 1446 HKamis, 06 Maret 2025
Jakarta
chevron-down
imsak04:10
subuh04:25
terbit05:30
dzuhur11:30
ashar14:45
maghrib17:30
isya18:45
Konten dari Pengguna

Cara Membuat Website dengan HTML secara Cepat dan Mudah

Tips dan Trik
Memproduksi artikel seputar tutorial dan tips.
10 Oktober 2023 15:02 WIB
·
waktu baca 2 menit
comment
0
sosmed-whatsapp-white
copy-link-circle
more-vertical
Tulisan dari Tips dan Trik tidak mewakili pandangan dari redaksi kumparan
 Ilustrasi Cara Membuat Website dengan HTML, Foto Unsplash/Sergey Zolkin
zoom-in-whitePerbesar
Ilustrasi Cara Membuat Website dengan HTML, Foto Unsplash/Sergey Zolkin
ADVERTISEMENT
Cara membuat website dengan HTML dapat dilakukan secara mudah. Kini, membuat sebuah website bukan lagi sebuah hal yang sulit dan tidak selalu memerlukan keterampilan coding yang hebat.
ADVERTISEMENT
Berdasarkan buku 7 Materi Pemrograman Wen untuk Pemula 1: HTML, CSS, dn MariaDB, Rohi Abdulloh, (2022:10), HTML merupakan singkatan dari hypertext markup language. HTML adalah bahasa standar web yang dikelola penggunaannya oleh W3C (world wide web consortium).

Cara Membuat Website dengan HTML

Ilustrasi Cara Membuat Website dengan HTML, Foto Unsplash/John Schnobrich
Bagi pemula yang sedang mencari tutorial membuat website, berikut merupakan cara membuat website dengan html secara cepat dan mudah untuk pemula.

1. Membuat Struktur Project Web

Buatlah folder penyimpanan proyek website portfolio dan bukalah folder tersebut pada VS Code. Lalu buatlah dua file baru bernama index.html dan style.css web portfolio tersebut.
Index.html merupakan inti dari halaman website yang dibuat, dapat ditambahkan konten website pada file ini. Sedangkan file style.css merupakan file pelengkap HTML yang digunakan untuk mengubah dan mempercantik tampilan website.
ADVERTISEMENT

2. Menambahkan Kode pada File Index.html

File HTML berisi kode utama untuk membangun struktur website. Pada dasarnya, struktur setiap halaman HTML adalah tersusun atas 4 bagian utama, yaitu :

3. Menambahkan Kode pada File style.css

Selanjutnya yaitu membuat website dengan CSS supaya tampilannya lebih rapi dan menarik. Tanpa CSS, tampilan website hanya sebatas text saja.
Apabila dianalogikan seperti mobil , CSS di website seperti cat mobil yang bisa diganti dan disesuaikan untuk membuat tampilan mobil terlihat lebih keren. Meskipun rangka atau strukturnya sama, tetapi dapat mengubah style tampilan sesuai selera.
ADVERTISEMENT

4. Mengakses Website di Web Browser

Untuk membuat website dengan HTML lebih efektif yaitu dengan membuka teks editor dan browser secara bersamaan.
Dengan membukanya secara bersamaan, setiap perubahan yang dilakukan pada file HTML maupun CSS bisa terlihat secara langsung pada browser. Sehingga proses pengembangan website akan berlangsung lebih cepat dan mudah dimodifikasi.
Itulah cara membuat website dengan HTML. Pastikan koneksi internet yang digunakan stabil agar proses pembuatan website dapat berjalan lancar. (Eln)