Pengenalan Awal HTML

HTML merupakan sebuah format markup untuk memanipulasi teks dan grafik ( gambar / video ) yang nantinya akan ditampilkan menjadi halaman web. HTML sendiri merupakan singkatan dari Hypertext Markup Languange. Markup ini menjadi format standar dalam membuat sebuah halaman web.

Awal mulainya markah teks ini pada tahun 1980an yang menjadi sejarah munculnya, kemudian pada tahun 1995 muncul dalam versi 2.0 dan versi terkini dari markah ini adalah HMTL5 yang diluncurkan pada tahun 2012.

Markah ini berjalan baik di sebuah peramban internet dan mampu kolaborasi dengan bahasa lain untuk performa web yang lebih baik, seperti kolaborasi dengan bahasa Javascript, CSS atapun dynamic language seperti PHP.

Butuh Buku Belajar Web Dasar ?

Yuk Manfaatkan Buku ini

#1 Sintaksis

Penulisan markah ini menggunakan simbol "<" dan ">" dan disebut dengan tag ( baca : tag HTML ). Tag-tag yang dimiliki oleh HTML dari waktu ke waktu mengalami perkembangan dan saat ini ( 2024 ) sudah berkisar 140an. Ada beberapa tag yang memang mengalami perubahan baik secara fungsi maupun dihapus keberadaanya karena dianggap sudah tidak relevan dengan perkembangan modernitas web.

Dengan jumlah yang lumayan banyak. Setidaknya, tag dalam HTML ini menurut penulis bisa dibagi kedalam beberapa jenis seperti :

Sedang bila menggunakan AI ( baca : Gemini ), markah atau tag HTML dibagi kedalam 5 golongan. Apa saja ? Yaitu :

Tag Dasar
Tag Formatting
Tag List
Tag Div
Tag Section

#2 Markah HTML

Dasar markah HTML ada 11, yaitu :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

Seperti yang sudah disampaikan, penulisan markah atau tag dalam HTML menggunakan simbol <>. Isi dari simbol ini menyesuaikan dengan tampilan yang di inginkan, dalam contoh dasar markah HTML diatas terdapat tag / markah :

!DOCTYPE html

html
head
meta charset="UTF-8"
meta name="viewport" content="width=device-width, initial-scale=1.0"
title

Masing-masing dari markah ini memiliki fungsi dan setelah menuliskan salah satu markah / tag, maka wajib ditutup dengan markah yang sama namun disertai simbol "/". Seperti terlihat ada markah <title>, maka wajib ditutup dengan perintah </title>.

Tulisan dasar HTML diatas juga bisa kita sederhanakan lagi dengan :

<html>
<head>
    <title>Document</title>
</head>
    <body>
    
    </body>
</html>

Dari segi hasil tidak ada perbedaan sama sekali di peramban internet ( browser ).

#3 Keterangan Markah Dasar

<html> merupakan penanda awal dan memberitahukan kepada peramban bahwa dokumen yang ditulis merupakan dokumen HTML.
<head> bagian yang menerangkan bahwa ini merupakan bagian awal ( kepala ) dan akan di eksekusi pertama kali saat dokumen dipanggil atau dijalankan dengan peramban internet ( browser ).
<title> adalah bagian markah yang nantinya akan menjadi judul di peramban internet.
<body> merupakan bagian inti yang akan ditampilkan sebagai isi dari halaman web. Di bagian inilah konten-konten seperti teks, gambar, audio, video atau tabel diletakkan. Berada di antara pembuka <body> dan penutupnya </body>.

Markah atau tag yang ada simbol "/" merupakan penutup dari markah.

Cari Langkah Mudah Belajar Web Dasar ? Tersedia di Gramedia

Yuk pesan sekarang juga!