Hyper Text Markup Language (HTML)

Bahasa yang digunakan untuk menyusun struktur dasar dari sebuah website. HTML adalah singkatan dari Hyper Text Markup Language. HTML adalah bahasa markup yang digunakan untuk membuat struktur dasar dari sebuah website. HTML terdiri dari tag-tag yang digunakan untuk memberikan instruksi kepada browser tentang bagaimana sebuah website harus ditampilkan.

01. file extension

glosarium file extension

file html memiliki ekstensi .html

kurang lebih penamaan filnya akan seperti ini index.html, about.html, contact.html

index.html
about
- hallo-ini-blog-pertama.html

jika kamu membuka file index.html menggunakan browser (bukan text editor) maka akan menampilkan halaman website berdasarkan apa yang ada di dalam file tersebut.

02. Struktur Dasar HTML

<!doctype html>
<html>
  <head>
    <title>Judul Website</title>
  </head>
  <body>
    <h1>Heading 1</h1>
    <p>Paragraf pertama</p>
  </body>
</html>

<!doctype html>

Adalah deklarasi bahwa file ini adalah file HTML, dan versi html yang di gunakan, untuk sekarang kita memakai versi 5.

hampir semua tag html akan memiliki pembuka dan penutup tag, dan diantara keduanya adalah konten yang akan di render di browser.

contoh :

<div>

sebagai pembuka tag

</div>

sebagai penutup tag

<html></html>

Adalah tag pembuka dan penutup dari sebuah dokumen HTML. semua hal yang berhubungan websitemu akan di tempatkan di antara tag <html> dan </html>

<head> </head>

Adalah tag yang berisi informasi tentang dokumen HTML. tidak akan di tampikan di halaman browser, tetapi sebagai informasi tambahan untuk browser dan mesin pencari, apa yang ada di dalam website ini tanpa membuka website tersebut.

Mari kita lihat isian dari tag <head>:

<title>Judul Website</title>

Adalah tag yang berisi judul dari dokumen HTML, tidak akan ditampilkan dihalaman website, tetapi akan menjadi tulisan di tab browser.

<body></body>

Adalah tag yang berisi konten dari dokumen HTML, semua yang ada di dalam tag <body> akan ditampilkan di halaman website.

<h1>Heading 1</h1>

Adalah tag yang berisi heading 1, heading 1 adalah heading yang paling besar / judul utama.

Sekarang coba praktikkan dengan menulis semua kode dibawah ini di index.html, simpan, lalu buka filenya dengan menggunakan browser

<!doctype html>
<html>
  <head>
    <title>Judul Website</title>
  </head>
  <body>
    <h1>Judul 1</h1>
    <h2>Judul 2</h2>
    <h3>Judul 3</h3>
    <h4>Judul 4</h4>
    <h5>Judul 5</h5>
    <h6>Judul 6</h6>
    <p>Paragraf pertama</p>
  </body>
</html>

Lanjut >>

Persiapan 01.2. HTML (more)