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:

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

Struktur dasar HTML

<html>
  <head>
   <title>judul</title>
  </head>
  <body>
        


  </body>
</html>

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

struktur dasar HTML

Mengetahui Tag HTML

<p>ini tag parapgraph.</p>  
<u>ini tag untuk membuat garis. </u>  
<b>ini tag untuk menebalkan huruf. </b>
<i>ini tag untuk garis miring. </i> 
<a href="https://kodingindonesia.com">ini tag hyperlink</a>

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