Pembuatan desain web dengan HTML ada beberapa tahap. Untuk pemula, perlu untuk mengerti kode-kode yang biasanya dipakai dalam bahasa pemrograman HTML. Bahasa pemrograman dalam coding website sendiri ada banyak macamnya. Selain HTML, ada CSS, JavaScript, PHP, dan masih banyak lagi. Namun untuk dasarnya belajar membuat website dari nol lebih baik memahami coding HTML terlebih dahulu.

Sebelum melangkah ke tutorial pembuatan website dengan HTML, ada baiknya untuk mengetahui pengertian dari HTML itu sendiri. HTML adalah singkatan dari Hypertext Markup Language yang menjadi dasar dari halaman website di internet. Hypertext maksudnya text di dalamnya dapat berfungsi sebagai link. Memahami kode HTML adalah syarat mutlak dan awal untuk membuat website. Di bawah ini akan dijelaskan beberapa langkah dasar untuk membuat halaman web sederhana dengan HTML.

Tutorial Pembuatan Desain Web Sederhana dengan HTML

Memilih Aplikasi Editor HTML

Sebelum menulis coding HTML, langkah pertamanya adalah menyiapkan aplikasi atau tempat untuk menulis. Ada banyak aplikasi yang dapat diunduh secara gratis di internet. Pilih aplikasi yang sesuai dengan kebutuhan pemrograman. Untuk membuat sebuah halaman website sederhana, cukup menggunakan aplikasi yang ringan. Aplikasi notepad yang ada pada Windows sebenarnya bisa digunakan untuk pemula yang ingin belajar coding HTML. Untuk pemula, aplikasi lain direkomendasikan adalah Notepad++.

Tag dan Elemen dalam HTML

Tag adalah bahasa yang digunakan web untuk mengetahui fungsi dari sebuah text. Tag ini ditulis di antara dua kurung siku. Ada dua macam tag dalam menuliskan sintak web, yaitu:

  • Tag container, tag yang berisi text yang akan ditampilkan setelah tag ditutup,
  • Tag biasa, tag yang tidak perlu ditutup dengan tag lainnya.

Untuk tag container wajib menggunakan tag pembuka dan tag penutup. Antara tag pembuka dan penutup penulisannya dibedakan dengan tanda slash (/).

Elemen adalah text yang berada di antara tag pembuka dan tag penutup.

Cara Pembuatan Paragraf di HTML

Di HTML ada beberapa tag khusus, di antaranya: untuk membuat paragraf adalah dengan huruf p. Maka penulisan tag paragraf ini adalah <p>. Tag ini termasuk tag container jadi harus diakhiri dengan tag penutup. Lalu untuk memisahkan beberapa paragraf adalah dengan menggunakan tag <br>. Tag ini termasuk tag biasa.

Cara Membuat Judul (heading) di HTML

Judul dalam HTML biasa disebut dengan Heading. Heading ini merupakan judul dari paragraf karenanya penulisannya terpisah dari paragraf. Tag khusus untuk membuat judul adalah dengan huruf h. Dalam HTML, tag heading terdiri dari 6 tingkatan, yaitu <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6> dengan <h1> memiliki ukuran huruf terbesar.

Cara Membuat Form di HTML

Langkah selanjutnya dalam pembuatan desain web adalah dengan membuat form yang berisi data pada halaman website. Tag dasar yang digunakan untuk pembuatan form adalah <form> dan diakhiri dengan </form>

Pembuatan desain web dengan HTML cukup rumit. Namun di internet akan ditemukan langkah-langkah mendesain website yang dapat diikuti.

Categories: Desain Website