Copyright © Web Design
Design by Dzignine


Sabtu, 23 April 2011

Apa itu HTML


Alhamdulillah setelah akhirnya bergelut di bangku kuliah, terus makan bangku kuliah di manajemen informatika (MIF), akhirnya terwujud juga ingin buat blog tutorial tentang web desain.
pasti banyak para sahabat yang mencari tutorial tentang web dan mendapat kesulitan unuk menemukan link yang baik untuk belajar tentang web desain kan.

Baiklah ini saatnya memulai. sebelum memulai alangkah lebih baiknya apabila kita belajar memulai dari HTML :D


Apa Itu HTML ???


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

 yang ini hanya perkenalan yang membosankan :),, sekarang saatnya kita masuk ke praktek tutorialnya yah Ok siap !!!


Author: Fahrizal Teri Triasto Label:

1 komentar:

Rss: Top