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 s...


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.

COMMENTS

Nama

Apple,6,Artikel,126,ASUS Rog Zephyrus g14,1,Backlink,1,Bahasa Indonesia,1,Bulu Tangkis,1,Console,14,Cyberpunk 2077,1,Dlc 2,1,fotografi,3,Game,14,guest post,1,History,4,html,3,Jenis Laptop,1,Masa Depan,2,NFC,1,Pc,3,pes 2013,3,pes 2020,3,pes 2021,4,Rekomendasi,1,Samsung,2,SepakBola,2,smartphone,3,soal rpl,3,soal tkj,19,Soal TKJ Kelas XI,1,Soal TKJ Kelas XII,1,Software Android,7,Software Pc,30,Steam,1,Teknik Informatika,1,Template,6,Ti,2,Tips,5,Tutorial,1,Xiaomi,1,
ltr
item
TECH PEDIA 04: Pengertian Html dan contohnya
Pengertian Html dan contohnya
https://1.bp.blogspot.com/-MyxXbJIkQ8M/XvFRN7Xx8wI/AAAAAAAABoA/74p0XTJHAIcSwzAIhwyjvH_B3Qp157jvgCK4BGAsYHg/s320/htmlll.png
https://1.bp.blogspot.com/-MyxXbJIkQ8M/XvFRN7Xx8wI/AAAAAAAABoA/74p0XTJHAIcSwzAIhwyjvH_B3Qp157jvgCK4BGAsYHg/s72-c/htmlll.png
TECH PEDIA 04
https://www.techpedia04.my.id/2020/06/pengertian-html-dan-contohnya.html
https://www.techpedia04.my.id/
https://www.techpedia04.my.id/
https://www.techpedia04.my.id/2020/06/pengertian-html-dan-contohnya.html
true
3352910743458521246
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content