Now Reading:

Full Stack Web Developer Bagian 1 – HTML

Full Stack Web Developer Bagian 1 – HTML

Tutorial ini adalah bagian awal buat kamu yang ingin menjadi Full Stack Web Developer. Sebelum mempelajari bahasa pemrograman server side lebih disarankan mempelajari HTML terlebih dahulu.

Apa itu HTML?

HTML (Hypertext Markup Language) adalah sebuah bahasa markah untuk membuat suatu halaman web statis. Menurut MDN (Mozila Developer Network) HTML adalah “bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah deskripsi, secara mendasar, menggunakan HTML. Lebih tepatnya, HTML adalah bahasa yang menggambarkan struktur dan isi semantik dari sebuah dokumen Web. Konten dalam halaman Web  ditandai dengan elemet HTML seperti  <img><title><p><div>, dan sebagainya.”

Baiklah untuk mempersingkat pemahaman kamu mengenai HTML kita lansgung mencobanya pada tutorial di bawah ini.

Capaian yang diharapkan setelah mengikuti tutorial ini adalah:

  1. Mengetahui struktur dasar HTML
  2. Dapat berlatih tag HTML secara live dengan JSbin (text editor online)
  3. Dapat membuat halaman web statis dengan HTML di PC/laptop pribadi.

Struktur dasar HTML

Kode diatas adalah sintaks dasar untuk membuat suatu halaman HTML. Penjelasan dari sintaks tersebut adalah:

struktur dasar HTML

Mengetahui Tag HTML

Ketik kode diatas di dalam tag body pada text editor di bawah ini (sebelah kiri) dan lihat hasilnya pada output (sebelah kanan).

Website Statis on jsbin.com

Jika benar, hasilnya akan terlihat seperti gambar di bawah ini.

output-html

 

Selanjutnya kita akan belajar cara membuat form dan button di HTML.

Silahkan klik Next Step untuk belajar membuat form dan button.

Love coding dan antusias pada new technology

Share This Articles