Membuat File HTML

By bobbywa - February 24, 2019

Image from graycelltech.com
Dalam postingan ini, saya akan menjelaskan secara sederhana bagaimana membuat sebuah file HTML.




SOFTWARE PENDUKUNG

HTML dapat dibuat dengan beberapa software yang tersedia di internet, bahkan beberapa di antaranya bersifat open-source, seperti:
Silakan mengunduh salah satu dari software tersebut dan lakukan proses instalasi sesuai dengan petunjuk yang sudah diberikan.

MEMBUAT FILE HTML

Saya berikan contoh di bawah ini file html sederhana.
See the Pen bZboRp by Bobby Widya Ardianto (@bobbywa) on CodePen.
Dari contoh di atas, kita dapat melihat ada 2 bagian dalam struktur file, yaitu head dan body.

Bagian head dimulai dengan tag <!DOCTYPE html>. Arti dari tag tersebut adalah kita sedang mendefinisikan bahwa file yang kita buat merupakan file html. Kemudian di langkah kedua kita menambahkan tag <html> untuk memulai pembuatan file ini. Langkah berikutnya, kita mendefinisikan bagian head dengan membuat tag <head>. Di dalam head, kita membuat judul dari dokumen dengan membuat tag <title>. Judul dapat kita lihat di browser pada bagian tab.


Bagian body dimulai dengan tag <body>. Seperti yang sudah saya sampaikan di tulisan sebelumnya, bagian body berisi tentang konten-konten. Dalam contoh ini, kita membuat sebuah paragraf dengan isi kalimat, "Hello World!" Gunakan tag <p> untuk membuat paragraf.


Jika konten dalam body sudah selesai dibuat, jangan lupa untuk membuat closing tag dari bagian body dan html.


MENYIMPAN FILE HTML

Agar file HTML dapat dibuka di browser, kita harus menyimpan file tersebut dengan mengikuti beberapa aturan di bawah ini:
  • menggunakan huruf kecil,
  • simpan dalam folder,
  • folder dan file tidak boleh menggunakan spasi (atau bisa diganti dengan underscore " _ " ),
Jika sudah selesai, silakan membuka file explorer, buka file tersebut menggunakan browser seperti google chrome atau mozilla firefox.

Selanjutnya, saya akan menjelaskan tentang CSS. Silakan klik di sini.

  • Share:

You Might Also Like

0 comments