HTML

HTML (Hypertext Markup Language)

Merupakan bahasa yang digunakan untuk membuat website. Menggunakan tag untuk mendeklarasikan sesuatu dan tag tersebut tidak ditampilkan tetapi tag tersebut memberi tahu browser bagaimana cara menampilkan dokumen website. Serta dapat saling berhubungan dengan dokumen HTML lain yang dikenal dengan istilah link.

Suatu halaman website sebenarnya hanya sebuah halaman teks, jika anda menggunakan browser internet explorer dan anda mengklik view - source, maka anda dapat melihat teks dari web tersebut. Tetapi teks tersebut diterjemahkan oleh browser menjadi halaman website yang enak dilihat. Teks merupakan bahasa universal bagi komputer, yang berarti setiap dokumen teks (termasuk website) yang anda buat melalui Windows dapat dibaca di sistem perasi lain seperti Mac OS, Linux, Unix dan lainnya.

Editor Website

Adobe Dreamweaver merupakan program penyunting halaman web keluaran Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang menarik dan kemudahan penggunaannya. Macromedia meluncurkan versi terakhir Macromedia Dreamweaver yaitu versi 8.

Microsoft Expression Web, yang selama proses pengembagannya disebut dengan Quartz, adalah sebuah program penyunting bahasa HTML dan pendesain situs web yang bersifat WYSIWYG yang dikeluarkan oleh Microsoft Corporation. Program ini merupakan penerus program Microsoft FrontPage yang telah dihentikan pengembangannya. Program ini juga merupakan bagian dari Microsoft Expression Studio.

Expression Web menawarkan dukungan terhadap format eXtensible Markup Language (XML), Cascading Style Sheet (CSS) 2.1, ASP.NET 2.0, eXtensible HyperText Markup Language (XHTML), XSLT, JavaScript, dan beberapa teknologi standar situs web untuk diintegrasikan ke dalam situs web. Agar dapat berjalan dengan semua kemampuannya, Microsoft .NET Framework 2.0 harus diinstalasikan.

Tidak seperti Microsoft FrontPage yang menggunakan mesin pengolah (rendering engine) halaman Web milik Microsoft Internet Explorer (Trident), Microsoft Expression Web menggunakan mesin pengolah lainnya.^[1] Microsoft mengklaim bahwa apa yang dimiliki oleh Microsoft Expression Web menawarkan pengolahan halaman Web yang paling akurat yang ada di pasaran^[2], khususnya ketika dihadapkan pada pengolahan CSS.

Microsoft FrontPage (atau Microsoft Office FrontPage) merupakan sebuah program aplikasi editor HTML yang berbasis WYSIWYG dan juga bertindak sebagai alat bantu administrasi situs web yang dikembangkan oleh Microsoft untuk jajaran sistem operasi Windows. Aplikasi ini merupakan bagian dari Microsoft Office dari tahun 1997 hingga 2003. Versi Macintosh-nya pun pernah dimunculkan pada tahun 1998, tapi tidak dikembangkan lagi. FrontPage sekarang telah usang, dan digantikan oleh Microsoft Expression Web dan Microsoft SharePoint Designer, yang dirilis pada bulan Desember 2006.

Salah satu fitur yang terkenal dari FrontPage adalah dukungannya terhadap template Web yang otomatis yang terintegrasi. Perbedaan utama antara template Web dengan template HTML yang dibuat oleh produk lainnya adalah bahwa template yang dibuat oleh FrontPage mencakup sistem navigasi otomatis yang mampu menciptakan tombol-tombol yang dianimasikan untuk beberapa halaman yang telah ditambahkan oleh pengguna. FrontPage juga dapat membuat navigasi multi-level secara langsung dengan menggunakan tombol dan juga struktur situs Web yang sedang disunting.

Kumpulan Tag HTML

<!-- -->	Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href>	Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name>	Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet>	Sebagai awal dari Java applets
<area>	Mendefinisikan daerah yang dapat diklik (link) pada image map
<b>	Membuat teks tebal
<basefont>	Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound>	Memberi (suara latar) background sound pada halaman web
<big>	Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>	Membuat teks berkedip
<body>	Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br>	Pindah baris
<caption>	Membuat caption pada tabel
<center>	Untuk perataan tengah terhadap teks atau gambar
<comment>	Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd>	Indents teks
<div>	Represents different sections of text.
<embed>	Menambahkan sound or file avi ke halaman web
<fn>	Seperti tag <a name>
<font>	Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form>	Mendefinisikan input form
<frame>	Mendefinisikan frame
<frameset>	Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> ... <h6>	Ukuran font
<head>	Mendefinisikan head document.
<hr>	Membuat garis horizontal
<html>	Bararti dokumen html
<i>	Membuat teks miring
<img>	Image, imagemap atau an animation
<input>	Mendefinisikan input field pada form
<li>	Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map>	Mendefinisikan client-side map
<marquee>	Membuat scrolling teks (teks berjalan) - hanya pada MS IE
<nobr>	Mencegah ganti baris pada teks atau images
<noframes>	Jika browser user tidak mendukung frame
<ol>	Mendefinisikan awal dan akhir list
<p>	Ganti paragraf
<pre>	Membuat teks dengan ukuran huruf yg sama
<script>	Mendefinisikan awal script
<table>	Membuat tabel
<td>	Kolom pada tabel
<title>	Mendefinisikan title
<tr>	Baris pada tabel
<u>	Membuat teks bergaris bawah

Struktur Dasar HTML

1. Gunakanlah teks editor (Notepad), tuliskan kode dibawah ini :

<HTML>
<HEAD>
<TITLE> Web Sederhana </TITLE>
</HEAD>
<BODY>
Ini halaman web pertama saya
</BODY>
</HTML>

2. Simpan dengan nama coba.htm di folder anda, pada bagian save as type ubah
   menjadi all files.
3. Buka Internet Explorer (IE), klik File > Open > browse (cari file coba.htm) >
   Open.