Pengertian Html dan contohnya


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.

Dedy Priyanto Freelancer

Belum ada Komentar untuk "Pengertian Html dan contohnya"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel