HTML Tutorial – Intro

HTML-Tutorial-Banner

Hai kawan Betta! Betta Dev Indonesia ingin berbagi blog series yang membahas tentang langkah demi langkah untuk membuat website dengan mudah, dan yang akan kita pelajari bersama-sama adalah langkah pertama (HTML Tutorial – Intro) menuju masa depan yaitu dengan belajar HTML.

HTML adalah bahasa markup standar untuk membuat halaman Web.

w3school

Apa itu HTML?

  • HTML adalah singkatan dari Hyper Text Markup Language
  • HTML adalah bahasa markup standar untuk membuat halaman Website
  • HTML menggambarkan/mendeskripsikan struktur halaman Web
  • HTML terdiri dari serangkaian elemen
  • Elemen pada HTML memberi tahu browser cara menampilkan konten

Contoh dokumen HTML

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>

<h1>Judul Artikel</h1>
<p>Isi artikel</p>

</body>
</html>

Penjelasan

  1. Deklarasi <!DOCTYPE html> mendefinisikan bahwa dokumen ini adalah dokumen HTML5
  2. Elemen <html> adalah root elemen dari halaman HTML
  3. Elemen <head> berisi informasi meta tentang halaman HTML
  4. Elemen <title> menentukan judul untuk halaman HTML (yang ditampilkan di bilah judul browser atau di tab halaman)
  5. Elemen <body> mendefinisikan tubuh dari dokumen, dan merupakan wadah untuk semua konten yang terlihat, seperti judul, paragraf, gambar, hyperlink, tabel, daftar, dll.
  6. Elemen <h1> mendefinisikan heading paling besar
  7. Elemen <p> mendefinisikan paragraf

Apa itu HTML Element?

HTML Element atau tag HTML (biasa disebutnya) adalah definisi dari markup dokumen yang merepresentasikan konten apa yang akan ditampilkan dan tag HTML identik dengan tag awal dan tag akhir yang diantaranya disisipkan sebuah konten, sebagai contoh:

<tagname>isi konten</tagname>
Loading...

dan hampir semua tag HTML dengan tag awalan dan tag akhiran.

Start tagElement contentEnd tag
<h1>Judul Artikel</h1>
<p>Isi artikel</p>
<br>nonenone
Contoh skema markup HTML

Catatan: Beberapa elemen HTML tidak memiliki konten (seperti elemen <br>). Elemen-elemen ini disebut elemen kosong. Elemen kosong tidak memiliki tag akhir!

[the_ad id=”2111″]

Leave a Reply

Your email address will not be published. Required fields are marked *

#TanyaDulu

Boleh loh kalau mau tanya-tanya dulu sebelum menentukan proyek yang kamu mau.