Mendengar kata Html pastinya anda akan bertanya-tanya dengan kata ini apabila anda bukan anak RPL atau anak IT wajar sih, Disini saya akan sedikit membahas apa itu html dan fungsi - fungsinya secara singkat. Mengapa secara singkat? karena kalau kepanjangan nanti bosen membacanya. Kembali lagi ke topik yang pertama kita akan bahas pengertian html dlu kemudian contoh-contohnya. Mari simak penjelasanya di bawah ini.
Pengertian Html
Html ( Hyper Text Markup Language) adalah bahasa komputer yang di gunakan untuk membuat kerangka atau struktur untuk web page (halaman website) di internet.
Fungsi Html
Fungsi Html adalah sebagai "kerangka" dari sebuah website.
Bagaimana Html Bekerja di Web Broswer?
Web browser seperti Chrome, Firefox, Edge, Safari, atau Opera akan membaca dokumen Html. Dokumen Html yang berisi tag-tag Html akan memberitahu browser bagaimana cara menampilkan sebuah konten.
Tag dalam Html
Pada umumnya, ada 2 tipe Html tag yaitu: Opening tag ( tag pembuka )- contohnya adalah <p>. Lalu ada Closing tag ( tag penutup)- contohnya adalah </p>.
Tag
<p> digunakan untuk menampilkan paragraf.
Berikut adalah format penulisan Opening tag dan Closing tag:
Struktur tag
Struktur Dokumen Html
Secara garis besar, struktur dokumen Html dapat digambarkan sebagai berikut.
Html Structure
Dokumen Html memiliki 3 tag utama, yaitu <html>, <head>, dan <body>. Ketiga tag tersebut harus diketik persis seperti contoh di bawah ini:
<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
...
</body>
</html>
...
...
Penjelasan dari contoh di atas:
<!DOCTYE> syntax mendefinisikan veris dari Html yang di gunakan dan harus di dideklarasikan sebelum tag<html>. <!DOCTYE html> mendefinisikan bahwa dokumen ini adalah Html5.
<html></html> adalah root
element dari halaman HTML. Semua HTML tag lainnya harus dibungkus dengan tag
ini.
<head> pada umumnya berisi
<meta>, <title>, konten css/js internal maupun link ke file css/js
eksternal.
<body> berisi konten website yang
ingin ditampilkan pada browser.
Tag <meta> digunakan untuk
menulis info tentang suatu dokumen HTML seperti deskripsi, nama pengarang,
keywords, dan tanggal terakhir dokumen diperbaharui. Tag <meta> tidak
akan tampil di halaman HTML.
Dibawah ini adalah contoh sederhana file Html yang sudah memiliki title dan konten :
<!DOCTYPE html>
<html>
<head>
<title>Website
Pertamaku</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
Maka hasilnya akan seperti ini:
Element <title>Website
Pertamaku</title> akan menghasilkan tulisan "Website Pertamaku"
pada judul tab halaman browser
Element <h1>Hello
World!</h1> menghasilkan tulisan "Hello World!" sebagai konten
pada file HTML kita.
Tag <h1> adalah salah satu
tag dari tag HTML heading yang berfungsi untuk menampilkan teks. Topik ini akan
kita pelajari di bagian selanjutnya.
Selamat anda telah memlajari dasar dari Html.
Sekian artikel ini mengenai Html. See You.
Belum ada Komentar untuk "Pengertian Html dan contohnya"
Posting Komentar