Halo teman-teman. pada kesempatan kali ini saya akan membahas tentang dasar HTML. Mulai dari pengenalan, cara menulis HTML, dan cara membuat website sederhana dengan HTML. Makanya stay tuned ya!

Pengenalan HTML

HTML (HyperText Markup Language) adalah bahasa markup yang digunakan dalam pembuatan website. perlu diketahui disini bahwa HTML merupakan Bahasa Markup bukan bahasa pemrograman!. ciri bahasa markup adalah penulisannya diawali dengan tag pembuka dan diakhiri dengan tag penutup

HTML dibuat oleh Tim Berners Lee pada tahun 1991. Sekarang HTML dikembangkan oleh W3 dan sudah ada versi HTML5 yang mana menjadi versi akhir dari HTML

Oke sekarang kita akan mulai menulis kode HTML. Tapi sebelumnya kita harus menginstall tools yang akan kita gunakan dalam menulis kode HTML. Tools yang diperlukan adalah

  1. Langkah pertama kita akan membuka visual code. lalu klik new file
tampilan visual studio code

2. lalu kita pilih text file

pilih yang text file yagesya

3. Lalu pilih select language dan pilih HTML

4. Nah jika sudah, mari kita masukkan kode awalan HTML dengan Mengetikkan HTML:5 lalu pencet enter. maka akan tampil seperti ini

code awal html

disini akan saya jelaskan tentang kode diatas. tag <!DOCTYPE html> merupakan penanda bahwa document ini berformat HTML. lalu tag <html> </html> merupakan tempat dimana kita akan menuliskan kode html kita. dan tag <head> </head> adalah tempat menuliskan kode yang tidak terlihat dalam halaman website kita seperti judul website. sedangkan tag <body> </body> adalah tempat menuliskan kode yang akan ditampilkan ke halaman website kita

Sekarang coba kita ganti title menjadi <title>Belajar HTML</title>  lalu save dengan nama index.html.

klik dua kali pada file untuk melihat hasil

Nah judul pada tab akan berubah menjadi berubah HTML . itu adalah fungsi tag title. oke, sekarang kita coba untuk mengisi content pada halaman web kita ya. Kalian bisa tulis seperti ini.

tambahkan seperti ini ya

jika kita buka website kita, maka akan tampil seperti ini

tag <h1> berfungsi untuk membuat heading atau tulisan besar. untuk heading pada html ada 6 yaitu :  <h1>,  <h2>, <h3>, <h4>, <h5>, <h6>
semakin besar angka heading maka semakin kecil tulisannya. coba kita

coba kita tambahkan beberapa heading untuk mengetahui perbedaannya

kita tambahkan <h1> sampai <h6> untuk melihat perbedaan pada setiap heading. jika kita buka website kita, maka akan tampil seperti ini

heading pada html

nah seperti itulah heading pada html. untuk belajar lebih lanjut tag tag html, kalian bisa kunjungi https://www.w3schools.com/html/default.asp. untuk versi bahasa indonesia kalian bisa kunjungi https://badoystudio.com/tag-html/

Terima kasih, semoga bermanfaat.