25 Nov 2008

HTML (Hyper Text Markup Language)

5:43 PM by Suwiasa ZhuDevilNo comments
HTML (Hyper Text Markup Language)
adalah kumpulan kode-kode yang ditampilkan dalam format tag untuk
kemudian dirangkai menjadi sebuah halaman web. HTML biasanya dibuat
dalam sebuah editor text, seperti notepad. HTML dapat digunakan untuk
menciptakan sebuah halaman web dengan menarik dan berdasarkan kreasi
kita sendiri. Apabila kita telah menguasai bahasa HTML ini maka dalam
proses memodifikasi halaman web kita akan lebih mudah karena sebagian
besar dan hampir semua web menggunakan bahasa HTML. Jadi, untuk
membuat sebuah halaman web anda setidaknya harus menguasai bahasa
HTML itu sendiri. Dalam pembuatan sebuah dokumen HTML tentunya kita
membutuhkan software text editor. Beberapa contoh editor diantaranya


  1. Notepad
  2. Wordpad
  3. Macromedia Dreamweaver
  4. dll
Dalam sistem operasi windows biasanya telah disediakan text editor yang memang dimiliki oleh Windows, yaitu Notepad. Bagian-bagian atau tag awal dalam pembuatan dokumen HTML adalah:

<html>






<head>










</head>
<body>








</body>








</html>


Sebuah dokumen HTML bisa kita ibaratkan sebagai sebuah tubuh manusia tag <html> diumpamakan sebagai ujung rambutnya sedangkan tag </html> merupakan ujung kakinya. Dalam tubuh manusia tentu saja ada kepala serta badan, dalam bahasa HTML juga seperti itu tag <head> sampai </head> diumpamakan sebagai kepala sedangkan <body> sampai </body> sebagai badan. Perlu diingat juga bahwa bahasa HTML tidak membedakan huruf kapital dengan huruf biasa. Jadi, <html> akan sama dengan <HTML>. Dalam tag-tag tersebut dapat ditambahkan lagi beberapa tag serta atribut sebagai elemen tambahan diantaranya:
  • Tag head




Tag


Fungsi


<title>....</title>


Memberi judul pada sebuah Homepage


<base>....</base>


Lokasi URL lengkap dari dokumen ini


<link>....</link>


Link(taut) dokumen itu dengan dokumen lain


<meta>....</meta>


Deskripsi mengenai dokumen itu sendiri


dll

  • Tag
    body

Atribut


Fungsi


Background


Membuat background berupa gambar


Bgcolor


Membuat background warna


Bgproperties


Menentukan property background


dll

Contoh: Buatlah dokumen dibawah ini pada notepad: Cara membuka Notepad:
  1. Klik Start
  2. Klik Program atau All Program
  3. Klik Accessoris
  4. Klik Notepad

<html>






<head>


<title> Siteku
</title>






</head>
<body bgcolor=”green”>


hai, ini site pertamaku




</body>








</html>


Jika sudah simpanlah dokumen tersebut dengan cara:
  1. Klik File
  2. Save
  3. Beri nama file tersebut dengan
    “namaFile”.html (kata dalam tanda petik dapat
    diganti)
  4. Dan yag paling penting adalah
    mengubah Save as type menjadi All files

  5. Klik Save


Kemudian buka kembali file tersebut maka hasilnya adalah seperti ini: Kalian pasti heran, kenapa file tersebut malah terbuka di Internet Explore. Itu terjadi karena browser-lah yang dapat menerjemahkan kode-kode tersebut menjadi apa yang kita inginkan. Jadi, browser merupakan sebuah aplikasi yang digunakan untuk menterjemahkan sebuah file HTML. Beberapa cotoh browser diantaranya:
  1. Internet
    Explorer
  2. Mozilla
    Firefox
  3. Netscape
    Navigator
  4. Opera
  5. Google
    chrome
  6. dll
Sumber : Mahir dan Terampil Berkomputer kelas XI jilid 2.penerbit:Grafindo (dengan pengubahan)

Tagged:

0 Coments:

Posting Komentar

Langganan: Posting Komentar (Atom)
Suwiasa Corp. © 2013 | Powered by Blogger | Blogger Template by DesignCart.org