File HTML/Website Pertama Kita

Salam rekan-rekan semua, semoga kita semua sedang dalam keadaan yang paling baik di hari ini. Untuk hari ini kita akan membuat file HTML pertama kita, yup masih ingat kan apa saja yang perlu dipersiapkan untuk membuat file HTML? Lupa? Atau emang gak mau nginget? Oke lah sedikit saya ingatkan lagi, yang perlu dipersiapkan untuk membuat file HTML diantaranya :

• Niat
• Ada Laptop/PC/HP ( hp yang support HTML dan ada text editornya )
• Sistem Operasi baik Linux, Windows, Mac dsb
• Text Editor yang berjalan di sistem operasi, bisa menggunakan Notepad, gEdit, Notepad++ dsb

Sekarang sudah ingat bukan? Oke, kita lanjut pembahasannya. File HTML yang akan kita buat kali ini akan menampilkan nama kita masing-masing dihalaman browser. Apa itu browser? Mozilla Firefox, Google Chrome, Chromium, Internet Explorer dan sebagainya adalah yang dimaksud browser.
Langkah pertama buat kerangka HTML-nya dulu :

Kedua, perhatikan bahwa kita akan membuat file yang berisi kata-kata perkenalan nama kita.
> Misal : Hello gan, nama saya Avianto
Kata-kata tersebut dimasukkan didalam markah/tag body, lihat dibawah ini
Ketiga, Simpan file tersebut dengan nama yang berformat html atau htm Misal : hello.html
Keempat dan terakhir, jalankan/double click file HTML tersebut secara otomatis browser default anda akan terbuka dan tampil kata-kata yang telah anda buat tadi
Perhatikan penjelasan singkatnya berikut ini :

• Tag HTML adalah yang menaungi semua elemen
• Didalam tag HTML terdapat tag HEAD, tag HEAD ini tidak akan ditampilkan didalam halaman browser
• Dilanjut kebawahnya ada tag BODY, tag BODY inilah yang akan ditampilkan dihalaman browser dan itulah alasan mengapa kata-kata kita tadi ditempatkan diantara tag BODY

Demikian file HTML pertama kita bisa kita buat dengan lancar, semoga sedikit unek-unek yang saya keluarkan dari pikiran awam saya ini bisa bermanfaat buat rekan-rekan semua. Apabila ada kesalahan dalam pembawaan saya pada materi ini mohon koreksinya agar bisa saya perbaiki.
Untuk materi selanjutnya semoga kita bisa membahas pemberian title pada header, agar tampilan file HTML kita semakin baik.

*Artikel ini pertama kali diterbitkan pada situs kelaskita.com - kelas HTML Dasar

Tweet

September 24, 2014

HTML