My Memory











{April 11, 2011}   About HTML | Oleh Septiani Kenyo Anggun

Pengertian HTML

Hypertext Markup Language (HTML) adalah bahasa markup yang umum digunakan untuk membuat halaman web. Sebenarnya HTML bukanlah sebuah bahasa pemrograman. Apabila di tinjau dari namanya, HTML merupakan bahasa mark-up atau penandaan terhadap sebuah dokumen teks. Tanda tersebut di gunakan untuk menentukan format atau style dari teks yang di tandai.

 

Pada dasarnya elemen HTML ada 2 kategori:

  1. Elemen <head> berfungsi untuk memberikan informasi atau mendeklarasikan dokumen tersebut.
  2. Elemen <body> berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada browser.

Sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu di awali dengan <namatag> dan di akhiri dengan </namatag>.

 

 

Berikut adalah contoh HTML:

<html>
<head>
<title>Contoh HTML</title>
</head>
<body>inilah contoh kode HTML
</body>
</html>

 

 

Beberapa Versi HTML

Apabila kita mendalami tentang web design atau desain web, sepertinya untuk versi-versi HTML ini sudah tidak asing lagi bagi anda. Namun bagi anda yang belum tahu tentang versi HTML dan juga bagi anda yang ingin memperdalam pengetahuan anda seputar HTML, tentunya tidak cukup hanya mengetahui tentang pengertian HTML saja bukan? Hal ini juga merupakan pengetahuan sejarah proses berkembangnya HTML.

 

Berikut Versi HTML Hingga saat artikel ini saya posting :

 

1. HTML 2.0
Dikembangkan oleh Internet Engineering Task Force HTML Working Group pada tahun 1996. HTML 2.0 adalah versi HTML yang sudah kadaluarsa. Jadi bagi para pengembang Web sudah tidak lagi menggunakan versi HTML 2.0 standar.

 

2. HTML 3.2
HTML 3.2 menjadi Rekomendasi W3C 14. Januari 1997. HTML 3.2 berisi fitur baru seperti font, tabel, applet, superscripts, subscript dan banyak lagi, dengan standar HTML 2.0 yang ada.

Salah satu unsur yang ditambahkan ke standar HTML 3.2, adalah <tag> . Tag ini diperkenalkan kompleksitas yang tidak perlu untuk tugas penting dari memisahkan konten HTML (teks) dari presentasi (style).

 

3. HTML 4.0
HTML 4.0 menjadi Rekomendasi W3C 18. Desember 1997. Rilis kedua dikeluarkan pada tanggal 24. April 1998 dengan hanya beberapa koreksi editorial. Fitur yang paling penting dari HTML 4.0 adalah pengenalan style sheet (CSS).

 

4. HTML 4.01
HTML 4.01 menjadi Rekomendasi W3C 24. Desember 1999. HTML 4.01 adalah minor update-koreksi dan perbaikan bug dari HTML 4.0.

 

5. XHTML 1.0
XHTML 1.0 merumuskan HTML 4.01 dalam XML. XHTML 1.0 menjadi Rekomendasi W3C 20. Januari 2000.

 

6. HTML 5
Pada tanggal 22 Januari 2008, W3C menerbitkan rancangan kerja untuk HTML 5. HTML 5 meningkatkan interoperabilitas, dan mengurangi biaya pengembangan, dengan membuat aturan yang tepat tentang bagaimana untuk menangani semua elemen HTML, dan bagaimana memulihkan dari kesalahan.

Beberapa fitur baru dalam HTML 5 adalah fungsi untuk audio embedding, video, grafik, sisi penyimpanan data klien, dan dokumen interaktif. HTML 5 juga mengandung unsur-unsur baru seperti <nav>, <header> <footer>, dan <figure>. Yang termasuk dalam kelompok kerja HTML 5 diantaranya AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, dan banyak lagi vendor lainnya.
Diatas adalah versi-versi HTML hinngga pada saat artikel ini di posting. Versi HTML 5 inilah yang sedang marak dikembangkan di Indonesia. Dan saya pribadi pun masih belum paham betul mengenai HTML 5. hehe… Semoga saya bisa cepat paham dalam mempelajari HTML 5 agar supaya bisa dibagikan kepada teman-teman semua dan yang paling penting tidak ketinggalan tentunya.😀

 

 

Berikut adalah tag HTML dasar berdasarkan kategori penempatannya:

 

1. Document Outline

  • <!DOCTYPE> (Versi dari (X)HTML)
  • <html> (HTML document)
  • <head> (Page information)
  • <!– Comment Text –> (Berfungsi sebagai penanda dan tidak akan tampil pada browser)

2. Page Information

  • <meta> (Meta Data)
  • <title> (Title)
  • <style> (Style resource)
  • <script> (Sript resource)

3. Document Structure

  • <h[1-6]> (Heading)
  • <div> (Page section)
  • <span> (Inline section)
  • <p> (Paragraph)
  • <br /> (Line Break)
  • <hr /> (Horisontal rule)

4. Links

  • <a href=””> (Page link)
  • <a href=”mailto:”> (Email link)
  • <a name=”name”> (Anchor)
  • <a href=”#name”> (Link to anchor)

5. Text Markup

  • <strong> (Strong emphasis)
  • <em> (Emphasis)
  • <blockquote> (Long quotation)
  • <q> (Short quotation)

6. List

  • <ol> (Ordered list)
  • <ul> (Unordered list)
  • <li> (List item)

7. Form

  • <form> (Form)
  • <fieldset> (Collection of field)
  • <label> (Input label)
  • <input /> (Form input)
  • <select> (Drop-down box)
  • <option> (Drop-down option)
  • <textarea> (Large text input)
  • <button> (Button)

8. Tables

  • <table> (Table)
  • <caption> (Caption)
  • <tr> (Table row)
  • <th> (Header cell)
  • <td> (Table cell)

9. Image & Image Map

  • <img> (Image)
  • <map> (Image Map)

<area> (Area of Image Map)

 

Sumber :

http://www.enyho04.com



Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

et cetera
%d blogger menyukai ini: