Dasar-Dasar HTML

1. Pengertian HTML

HTML adalah suatu bahasa yang dipergunakan untuk mendeskripsikan halaman web.

• HTML merupakan singkatan dari Hyper Text Markup Language.
• HTML bukan merupakan bahasa pemrograman, HTML adalah suatu markup language (bahasa markah).
• Suatu markup language berupa serangkaian markup tags.
• HTML menggunakan markup tags untuk mendeskripsikan halaman web.

HTML Tags

HTML markup tags biasa disebut HTML tags.

• HTML tags berupa keywords atau kata kunci yang diapit oleh tanda kurung seperti .
• HTML tags biasanya dipakai berpasangan seperti dan .
• Tag pertama dalam pasangan html tags adalah start tag atau tag awal, sedang tag kedua adalah end tag atau tag akhir.
• Start tags dan end tags biasa juga disebut opening tags dan closing tags.
  
  

HTML Documents = Web Pages

• HTML documents atau dokumen HTML mendeskripsikan suatu web pages atau halaman web.
• HTML documents berisi HTML tags dan plain text atau text biasa.
• HTML documents atau dokumen HTML juga biasa disebut web pages atau halaman web.

Tujuan dari sebuah web browser (seperti Internet Explorer, Firefox, Opera, Safari atau Google Chrome) adalah untuk membaca HTML documents kemudian menampilkannya sebagai halaman web. Browser tidak menampilkan HTML tags, tetapi menggunakan tag tersebut untuk menterjemahkan isi dari halaman web.

1 2 3 4 5 6 7 8 9

Judul Pertama   Paragraf pertama

Coba contoh HTML diatas dengan HTML Editor.

Penjelasan Contoh

• Teks di antara dan mendeskripsikan web page.
• Teks di antara dan adalah konten halaman web yang akan tertampil.
• Teks di antara

  dan

  digunakan untuk menampilkan judul.
• Teks di antara dan
  digunakan untuk menampilkan paragraf.

Tag Dasar HTML

Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:

     Disini adalah konten yang tampil di browser  

Preview

Tag pertama pada dokumen HTML diatas adalah: " " tag ini merupakan awal dari suatu dokumen HTML, dan tag " " merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag ….

Kemudian tag " …" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.

Tag berikutnya adalah " " merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".

Tag "…" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia).

2. Format HTML

Format Font HTML

Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:

   Untuk membuat jenis font (face): 



Judul dengan font Verdana
Konten dengan font Times

 Untuk membuat ukuran (size): 



Judul dengan size 5
Konten dengan size 3

 Untuk membuat warna font (color): 



Judul dengan warna biru
Konten dengan warna merah

 Contoh komplit untuk membuat jenis font (face),size dan color: 



Judulnya Tentang Font
Ini adalah contoh tulisan dengan pengaturan font yang menggunakan
 tag HTML elemen font dengan atribut face, size dan color...

  

Preview

Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:

Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"

Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag tidak dipergunakan lagi, sebagai gantinya dibuat tag