HTML

06 April 2013 12:23:04 Dibaca : 125 Kategori : 911412008_Tugas HTML

1. PENGERTIAN HTML

Pengertian HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen.

HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke browser (Internet Explorer, Netscape Navigator, NeoPlanet, dll). Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web..

2. SRUKTUR HTML

Setiap halaman website atau dokumen HTML yang baik pada umumnya memiliki struktur tertentu. Secara umum dokumen HTML memiliki struktur yang dibagi menjadi 3 yaitu : HTML, HEAD, BODY. Secara struktur HTML akan terdiri dari dua bagian utama yaitu HEAD dan BODY. Memang dianalogikan seperti manusia yang memiliki kepala dan badan.

Gambar Struktur HTML

Setiap dokumen HTML diawali dengan tag pembuka dan diakhiri tag penutup. Kemudian di dalam HTML terdiri dari dua bagian seperti dijelaskan diatas yaitu HEAD dan BODY. Bagian HEAD diawali dengan tag pembuka dan diakhiri dengan tag penutup. Bagian BODY diawali dengan tag pembukadan diakhiri tag penutup.

Bagian HEAD atau kita sebut header biasanya mengantung tag-tag seperti tag TITLE, META dan lain-lain. Tag TITLE digunakan untuk menampilkan judul halaman HTML pada title di browser. Tag META digunakan untuk mengisikan informasi seperti author, keyword dan lain-lain. Bagian BODY merupakan bagian yang digunakan untuk menampilkan isi dokumen/halaman HTML. Isi yang ditampilkan informasi yang dapat berupa teks, gambar, link dan lain sebagainya.

Jadi untuk pemula atau yang baru belajar HTML, kita akan lebih banyak belajar pada bagian BODY seperti tag-tag untuk heading, paragraf, tabel, link, images, form, list dan lain sebagainya.

3. CONTOH HTML

Software yang digunakan untuk membuat atau mendesain halaman web seperti Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya.

Contoh-contoh script HTML

HTML Dasar terdiri dari

  • Dokumen HTML sederhana
  • HTML Paragraf
  • HTML Paragraf 2
  • HTML Headings
  • HTML Horizontal Line
  • HTML Komentar
  • HTML Multi komentar
  • HTML Format
  • HTML List
  • HTML Nested List / List dalam List
  • HTML Definition List

HTML Menengah terdiri dari

  • HTML Links
  • HTML Links 2
  • HTML Image / Gambar
  • HTML Image / Gambar
  • HTML Links pada Gambar
  • HTML Tabel
  • HTML Tabel 2
  • HTML Tabel 3
  • HTML Tabel 4
  • HTML CSS (Inline CSS)
  • HTML CSS (Internal CSS)
  • HTML Warna
  • HTML Background
  • HTML Background dengan inline CSS
  • HTML Background dengan gambar
  • HTML Background dengan gambar (Inline CSS)
  • HTML Form : Text Field
  • HTML Form : Text Password
  • HTML Form : Radio Button
  • HTML Form : Check Box
  • HTML Block : Elemen Div
  • HTML Block : Elemen Span
  • HTML iFrame
  • HTML Embed
  • HTML Youtube : Dengan iFrame
  • HTML Youtube : Dengan Embed
  • HTML Marquee

HTML Mahir terdiri dari:

  • HTML Layout dengan tabel
  • HTML Layout dengan div

Sumber:

  1. http://kuliah.imadewira.com/belajar-html-dasar-struktur-html/
  2. http://www.codingku.com/html/html_contoh-contoh.html
  3. http://zona-cyber-man.blogspot.com/2013/02/pengertian-html-hypertext-markup.html