Belajar Dasar HTML
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
Menulis Kode 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
- Visual Studio Code (klik untuk download)
- Web Browser (Chrome)
- Langkah pertama kita akan membuka visual code. lalu klik new file
2. lalu kita pilih text file
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
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.
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
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.