Rabu, 03 April 2013

dasar - dasar HTML

Artikel ini merupakan artikel pendahuluan sehubungan dengan tutorial HTML dasar bagi para pengguna internet yang ingin membuat homepage pribadi sendiri.  Karena itu, yang dibahas kali ini hanya pengenalan singkat tentang HTML dan beberapa perangkat lunak.  Pada artikel yang mendatang akan dibahas elemen HTML lainnya.  Semoga artikel ini berguna bagi para pengguna internet.
Definisi HTML
HTML merupakan singkatan dari HyperText Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW), dan semua nama file dokumen HTML mempunyai ekstensi html atau htm. 
Dalam sebuah dokumen HTML anda akan melihat tags. Tags adalah penempatan atau nilai format teks yang memerintahkan browser untuk menampilkan sebuah dokumen html. 
Contoh sebuah dokumen HTML sederhana adalah sebagai berikut:
<HTML>
<BODY>
Hello ... nama saya Bagong</BODY>
</HTML>
Hasilnya adalah seperti ini.
Browser
Browser adalah program yang dipakai untuk membaca dokumen HTML pada WWW. Contoh browser ini antara lain: Netscape Navigator, Internet Explorer, Opera, Mozilla, Conqueror, NCSA Mosaic, Cello, Lynx, SlipKnot, dan sebagainya.

Pengertian HTML Tag
Tag dipakai untuk mendeskripsikan sesuatu tentang dokumen HTML.
Tag diletakkan dalam kurung, <seperti ini>.
dipakai untuk mendeskripsikan sesuatu tentang dokumen HTML.
Tag diletakkan dalam kurung, <seperti ini>.

Tag ada 2 macam; tag tunggal dan tag berpasangan. Perbedaannya, kalau tag tunggal munculnya sendiri, sedangkan tag yang berpasangan harus ada bagian yang mengawali dan mengakhiri.  Bagian yang mengakhiri sama dengan yang mengawali, tapi diawali dengan garis miring (/).
 
Contoh tag tunggal:
  • <P> menandai akhir dari sebuah paragraf
  • <BR> menandai akhir sebuah baris.
  • <HR> membuat sebuah garis horisontal.
Contoh tag berpasangan:
  • <BODY> dan </BODY> menandai awal dan akhir dari tubuh dokumen.
  • <B> dan </B> untuk membuat karakter cetak tebal.
  • <I> dan </I> untuk membuat karakter cetak miring.
HTML Editor
Dokumen HTML bisa dibuat dengan menggunakan text editor biasa ataupun dengan editor khusus.
Contoh-contoh HTML Editor :
  • Microsoft Frontpage 
  • Macromedia Dreamweaver
  • Netscape Navigator Gold
  • Netscape Composer
  • HotDog
  • CU-HTML, dll
URLs
URL merupakan singkatan dari Uniform Resource Locator. Menginformasikan lokasi sebuah file pada WWW dan juga mengidentifikasi layanan internet, seperti FTP, WWW, yang menghandle file tsb. Istilah ini juga dipakai untuk menunjukkan suatu tempat yang berisikan informasi di Internet spt di bawah :

http
Keterangan : 
Protocol
adalah metode transfer data dari satu komputer ke komputer lain. Antara komputer client dan komputer server.
 
  • HTTP; HyperText Transfer Protocol
  • Gopher
  • FTP
  • news
Network location adalah mesin tempat data tersebut berada.
path - dokumen - menunjukkan di direktori mana dokumen tersebut berada.
File name adalah nama file html yang berada dalam direktori web server.

Struktur Dokumen HTML
Format dasar dari dokumen HTML adalah sebagai berikut:
<HTML>
<HEAD>
<TITLE>
Judul berada di sini</TITLE>
</HEAD>

<BODY>
   dokumen utama
</BODY>
</HTML>

Hasilnya kalau dilihat dengan MS Internet Explorer 4.01 adalah seperti ini.
atau
<html>(-- always start your document with this tag
<head>
(-- recommend having the <head> and </head> tags
<title>Give a title for your HTML document</title>   
           (-- always have a title for your document
(-- to allow search engines to search and find your page correctly
<meta name="description" content="good description of your page">
<meta name="keywords" content="keywords separated by commas">
</head>

<body>
The HTML document proper. Here will be the actual HTML document with the hypertext links, images and formating tags. Put this part within the body tags.
</body>

</html>
(-- always end your HTML document with this tag

Related Post:

0 komentar

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q: :r: :s: :t: :u: :v: :w: :x: :y: :z:

Posting Komentar

 
Copyright © 2011 Komputer Minumanku | Powered by Blogger
Design by christian tatelu | download this template here!