Rabu, 30 September 2015

HTML



Sejarah HTML

Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Language, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.
Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML (Standard Generalized Markup Language). ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi di luar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML saat ini adalah HTML5.

Pengertian HTML
HTML atau Hypertext Markup Language adalah sebuah protokol yang digunakan untuk membuat format suatu dokumen web yang mampu dibaca dalam browser dari berbagai platform komputer manapun. Sifat dari bahasa HTML ini adalah client script dimana dokumen tersebut dapat dibuka di dalam komputer stand alone yang tidak membutuhkan server untuk dapat menampilkannya di dalam browser. Atau 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. 

 Kegunaan HTML
Dokumen HTML mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b> TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web.

Adapun aturan penulisan HTML tersebut adalah :
a. Dalam penulisannya, tag HTML diapit dengan dua karakter kurung siku (angle bracket) “<” dan “>”
b. Tag HTML secara normal selalu berpasangan, contoh : <div> dan </div>
c. Tag HTML pertama dalam suatu pasangan adalah tag awal, dan tag kedua merupakan tag akhir, contoh : <index> akan diakhiri dengan </index>.
d. Tag HTML tidak case sensitive dimana tag dengan huruf kecil sama dengan tag dengan huruf besar, contoh : <b> sama dengan <B>
e. Jika dalam suatu tag terdapat tag lagi, maka penulisan tag akhir tidak boleh bersilang dan harus berurutan. Contoh : <b><i> huruf tebal dan miring </i></b>
f. Penulisan script HTML selalu diawali dengan <html> dan diakhiri dengan </html> 

Secara teknis web browser akan melakukan penerjemahan dokumen untuk ditampilkan dalam bentuk html jika dokumen tersebut terdapat diantara tag <html> dan </html>. Ada baiknya dalam penulisan HTML menggunakan huruf kecil untuk menghadapi HTML generasi berikutnya (rekomendasi dari W3C untuk HTML 4.0 dan XHTML)

Dalam HTML struktur dibagi menjadi dua bagian yaitu :

a. Bagian Kepala (head)
Bagian ini memuat informasi mengenai kepala dokumen

b. Bagian Badan (body)
Bagian ini memuat informasi mengenai badan dokumen

Adapun struktur utama penulisan dalam HTML adalah :
<html>
<head>
<!—- Bagian Head --!>
</head>
<body>
<!—- Bagian Body --!>
</body>
</html>

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



1 komentar:

  1. Casino City, New York, USA - Mapyro
    Compare reviews 서산 출장샵 and 수원 출장마사지 find the best Casino 경상북도 출장샵 City, New York, USA. Mapyro is a travel and travel 부천 출장샵 site that provides travel 파주 출장샵 info and reviews on

    BalasHapus