#2: Introduction to HTML

Written by: Inez Amandha



APA ITU HTML?


HTML (Hypertext Markup Language) adalah bahasa markup yang standar yang biasa digunakan untuk menampilkan sesuatu di web browser.

Web browser akan menangkap HTML Document dari sebuah server website dan akan mengembalikan dokumen tersebut menjadi halaman website yang berisi berbagai macam tipe media (mulai dari image, tulisan, video, dan lain-lain).



STARTER TEMPLATE FOR HTML DOCUMENT



PENJELASAN:


<!DOCTYPE html>

  • Tag <!DOCTYPE html> tersebut berfungsi untuk mendeklarasikan dokumen sebagai HTML5. HTML5 adalah latest version dari HTML dan yang stabil dari versi HTML.

  • Bagaimana bila tidak dimasukkan bagian ini? Sebenarnya tidak akan terjadi apa-apa, namun jika tidak dimasukkan, kemungkinan di beberapa browser ada yang tidak support atau tidak mengerti dokumen apa ini.


<html>

  • Elemen <html> adalah root-element dari dokumen HTML5,


<head>

  • Elemen <head> berisi metadata (informasi / data tentang data) dari dokumen. Terletak di antara <html> dan <body>. <head> ini berisi <title> dan juga <link>


<title>

  • Elemen <title> mendeklarasikan judul dari web page dan diperlukan di semua dokumen HTML.

  • Ada di mana hasil dari tulisan <title>? Di bagian tab browser.



  • Bagaimana bila tidak memasukkan <title>? Tulisan di tab browser menjadi nama dari file yang sedang dibuka.


<body>

  • Elemen <body> mendeklarasikan konten dari dokumen atau isi dari website.


<h1>

  • Elemen <h1> adalah elemen konten yang mendeklarasikan heading terbesar.


<p>

  • Elemen <p> mendeklarasikan paragraf.

NOTE:

  • Ini adalah starter template. Kita bisa menambahkan sesuatu seperti gambar, list, teks, dan lain-lainnya yang akan dibahas nantinya.

  • Jika ingin menambahkan tag lainnya, bisa dimasukkan di dalam tag <body>.

  • <!DOCTYPE html>,<html>, <head>, <title>, dan <body> hanya boleh ditulis 1x dalam 1 file dan urutannya sesuai dengan starter template tersebut.


HTML ELEMENTS/TAGS


Untuk elemen atau tag HTML selalu mempunyai opening tag dan closing tag, yang didalamnya berisikan konten yang ingin ditulis atau dimasukkan.


NOTE:

  • Tulisan tagname bisa diubah sesuai HTML Tag yang ada, seperti <h1>, <p>, dll.

  • Tulisan Content goes here juga bisa diubah sesuai konten yang ingin ditulis.



WEB BROWSERS


Ada berbagai macam Web Browsers yang bisa digunakan untuk membuka file HTML, antara lain Chrome, Edge, Firefox, Safari, dll. Fungsi dari Web Browsers adalah untuk membaca dan menampilkan dokumen HTML yang telah dibuat. Browser tidak membaca tag HTMLnya, namun akan dikonversikan menjadi tampilan website.


Dari contoh Starter Template for HTML Document, browser akan menampilkan seperti gambar di bawah ini:



HTML PAGE STRUCTURE


Dari contoh Starter Template for HTML Document dapat diilustrasikan struktur halamannya seperti gambar di bawah ini:

NOTE:

Bagian yang diberi warna putih (yang berada di dalam tag body) adalah bagian yang akan ditampilkan pada web browser.



References:

https://www.w3schools.com/html/html_intro.asp

29 views0 comments

Recent Posts

See All