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

0

Tulisan dari Tips dan Trik tidak mewakili pandangan dari redaksi kumparan

Ilustrasi Cara Membuat Website dengan HTML, Foto Unsplash/Sergey Zolkin

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.

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.

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 :

Tag DTD/Doctype : Document Type Declaration (DTD) harus ditulis pada awal dokumen. Tag ini berfungsi untuk mendeklarasikan tipe dokumen dan versi HTML yang digunakan untuk diproses pada web browser.
Tag HTML : Merupakan wadah dari semua elemen html.
Tag Head : Berisi informasi website yang tidak tampil di halaman web browser.
Tag Body : Berisi semua elemen yang tampil di halaman web browser.

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.

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)