everpro

Cara Membuat Website dengan HTML, Seperti Apa Caranya? 

\
cara membuat website dengan HTML

Cara membuat website dengan HTML ternyata banyak yang harus di pelajari terlebih dahulu!

Website saat ini terbilang menjadi kebutuhan untuk segala kegiatan. Mulai dari pendataan masyarakat, pemerintahan, ekonomi, pendidikan hingga berbisnis. 

Tentu saja website sudah menjadi kebutuhan primer. Namun dahulu membuat website di kenal cukup sulit dan membutuhkan keahlian khusus untuk membuatnya. 

Anda bisa mulai dengan dengan wordpress atau anda bisa juga pelajari terlebih dahulu cara membuat website dengan HTML .

Walau sekarang membuat website menjadi lebih mudah tapi tetap sebagai pemula membutuhkan beberapa sumber referensi terkait cara membuat website. 

Maka dari itu kita wajib mencari tahu terlebih dahulu definisi dari HTML sebelum cari tahu cara membuat website dengan HTML. berikut pembahasannya. 

Apa Itu HTML? 

membuat website dengan html
Sumber : Pexels.com

HTML atau Hypertext Markup Language adalah bahasa markup standar yang di gunakan untuk membuat halaman web atau aplikasi web. 

Sejarah HTML di mulai oleh seorang ahli fisika bernama Tim Berners-Lee dari lembaga penelitian CERN yang berlokasi di Swiss. 

Jika anda bekerja dengan bahasa markup ini, anda akan menggunakan struktur kode sederhana (tag and atribute) untuk halaman mark up halaman website anda . 

Everpro

Misalkan anda membuat sebuah kalimat dan di tempatkan di antara tag pembuka <p> dan tag penutup </p> . 

Seiring berjalannya waktu akhirnya HTML menjadi berkembang dan terdapat semantic baru seperti <artcile>, <header> dan <footer>

Bagaimana Cara Kerja HTML? 

membuat website HTML
Sumber : Pexels.com

Sebelum anda tahu cara membuat website dengan HTML, anda harus tahu bagaimana cara kerja HTML terlebih dahulu. 

Cara kerja HTML ibaratnya sekumpulan kode-kode sederhana yang akan berubah menjadi tampilan tertentu pada browser. Sehingga para pembaca bisa melihatnya. 

Lalu kode-kode tersebut tersusun hingga membentuk sebuah halaman website. Halaman website tersebut berbentuk layaknya tubuh manusia yaitu mulai dari kepala (header), badan (body) dan kaki (footer)

Dan setiap bagiannya tersebut terdiri dari tag (biasa juga disebut element). Jika di analogikan tag tersebut layaknya mata, hidung, mulu, telinga di bagian kepala (header). Tangan, dada (body) serta betis, tumit, di bagian kaki (footer). 

Lalu anda susun bagian-bagian tertentu secara berurutan mulai dari header hingga footer hingga akhirnya kumpulan kode tersebut di terjemahkan oleh browser menjadi tampilan yang bisa anda lihat dan berbentuk website. 

Contoh dari susunan HTML sebagai berikut :

Everpro
Sumber : Googel/bersosial
  • (<div></div>) adalah markup untuk bagian konten yang lebih besar. Biasanya ini di pakai untuk elemen teratas dan terbawah suatu bagian. 
  • Susunan yang terdiri dari heading (<h1></h1>), subheading (<h2></h2>) dua paragraf (<p></p>) dan satu gambar (<img>). 
  • Pada bagian paragraf kedua terdapat link (<a></a>) dengan langsung mengarah ke URL tujuan. 
  • Gambar terdapat dua tag yaitu src untuk path gambar dan alt untuk deskripsi gambar. 

Lalu jika anda sudah melakukannya, maka akan tampil seperti gambar ini : 

Everpro

Penjelasan lebih dalam nya bagian tag <head></head> menyimpan informasi meta, seperti judul dan charset halaman. Lalu tag <body></body> untuk melampirkan keseluruhan isi konten yang muncul pada satu halaman. 

Cara Membuat Website dengan HTML 

Hal pertama yang harus di perhatikan membuat website html adalah anda bisa memulai dengan menambah kode berikut pada file index.html anda : 

1. Anda buat pada bagian tag head terlebih dahulu. Bagian head terdiri dari meta tag charset, judul website, serta link atau path pada external sources (misal : CSS dan Javascript) yang di gunakan website. 

Everpro

2. Lalu cara membuat website html selanjutnya anda akan masuk ke tag body. Pada bagian ini terdapat tampilan welcome home yang terdiri dari navigation bar, text container, dan gambar. 

Everpro

Navigation bar adalah komponen utama navigasi website berupa menu yang terletak pada bagian header website. 

Sedangkan text container di kode ini adalah bagian di mana anda bisa menambahkan tulisan untuk tampilan awal website ketika di akses. 

Pada bagian body juga bagian yang paling panjang prosesnya dan anda bisa menambahkan beberapa informasi lain misalkan testimoni ataupun portofolio. 

3. Cara membuat website selanjutnya anda bisa tambahkan footer. Pada bagian ini anda bisa tambahkan kontak yang bisa di hubungi. 

Everpro

Maka website sederhana anda sudah jadi. Namun karena masih berupa html saja, maka bentuk websitenya masih sangat sederhana dan tidak begitu menarik. 

Maka setelah ini anda harus membuat website dengan CSS. 

CSS adalah sebuah kode untuk website yang di gunakan untuk “mempercantik” website tersebut. Ibaratnya jika manusia, CSS adalah bagian dari pakaian serta make up untuk seseorang. 

Jika di rasa agak sulit membuat website HTML maka anda bisa cari tahu cara membuat website yang mudah lewat media lain. 

Demikianlah artikel terkait tutorial cara membuat website HTML. semoga bermanfaat. Sebarkan artikel ini juga agar semakin bermanfaat. 

Nantikan dan jangan lewatkan artikel mengenai web design lainnya hanya ada di Everpro.

Facebook
Twitter
LinkedIn
Pinterest
Telegram
Artikel Terkait
Open chat
Halo,
Ada yang bisa kami bantu?