Pengenalan HTML

HTML (Hypertext Markup Language) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu Platform tertentu (Platform Independent). Dukumen HTML adalah suatu teks biasa dan disebut sebagai Markup Language karena mengandung tanda-tanda (tag) tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Pada dokumen HTML yang termasuk system hypertext, kita tidak harus membaca dokumen tersebut secara urut dari atas ke bawah atau sebaliknya tetapi kita dapat menuju pada topik tertentu secara langsung dengan menggunakan teks penghubung yang akan membawa anda ke suatu topik dan dokumen lain secara langsung.

HTML (Hypertext Markup Language) adalah bahasa yang digunakan untuk menulis halaman web, ciri utama dokumen HTML adalah adanya tag dan elemen. Elemen dalam dokumen HTML dikategorikan menjadi dua yaitu elemen <HEAD> yang berfungsi memberikan informasi tentang dokumen tersebut dan elemen <BODY> yang menentukan bagaimana isi suatu dokumen ditampilkan di dalam bowser. Sedangkan tag dinyatakan dengan tanda lebih kecil “<“ (tag awal) dan lebih besar “>” (tag akhir). Dalam penggunaannya sebagai kode HTML tersebut harus terletak di antara tag container yaitu diawali dengan <nametag> dan diakhiri dengan </nametag> (terdapat tanda “/”). Untuk membuat dokumen diperlukan program penyunting teks (Notepad, Wordpad, Ms Word dll) dan satu program browser (Netscape, Internet Explorer, Mozilla Firefox).

Dokumen HTML terbagi 3 tag utama yang membentuk struktur dokumen  HTML, HEAD dan BODY.  HTML berfungsi untuk menyatakan suatu dokumen HTML, tag HEAD berfungsi untuk memberikan informasi tentang dokumen HTML dan tag BODY berfungsi untuk menyimpan informasi data yang akan ditampilkan dalam dokumen HTML.

Struktur HTML,

<html> —>sebagai tanda awal dokumen HTML

<head>

******Bagian HEAD******,

sebagai informasi page header untuk tag informasi : title, base, isindex, link, script, style dan meta.

***********************

</head>

<body>

******Bagian BODY******

Berisi berbagai page atribut seperti background, warna teks, warna link, warna visited link, warna active link dan lain-lain.

</body>

</html>

HTML Tag

Tag

Keterangan

<a>…</a> Menyisipkan hyperlink
<b>…</b> Menebalkan teks
<big>…</big> Membesarkan teks
<blockquote>…</blockquote> Menandai sebagai kutipan
<body>…</body> Pasangan tag bagian badan dokumen
<br>…</br> Menyisipkan pemenggal baris
<center>…</center> Menengahkan teks
<cite>…</cite> Memformat teks
<em>…</em> Menampilkan teks dengan penekanan
<font>…</font> Menentukan atribut font
<head>…</head> Pasangan teks untuk bagian kepala
<html>…</html> Pasangan untuk seluruh dokumen
<i>…</i> Teks miring
<small>…</small> Teks kecil
<strike>…</strike> Membuat garis mendatar
<strong>…</strong> Menampilkan teks dengan penekanan yang kuat
<sub>…</sub> Teks subscript
<sup>…</sup> Teks superscript
<title>…</title> Judul dokumen
<h1>…</h1> Headline
<hr>…</hr> Garis horizontal
<p>…</p> Paragraph
<form>…</form> Form input
<input> Menyisipkan file input
<option>…</option> Mendefinisikan untuk object input SELECT
<select>…</select> Menu pop up
<textarea>…</textarea> Menyisipkan field input
<img>…</img> Menyisipkan gambar
<dd>…</dd> Menyisipkan keterangan deskripsi dalam daftar definisi
<dt>…</dt> Judul definisi
<li>…</li> Item daftar
<ol>…</ol> Daftar terurut
<ul>…</ul> Daftar tidak terurut
<caption>…</caption> Judul untuk table
<table>…</table> Membuat table
<td>…</td> Menyisipkan data sel
<th>…</th> Menyisipkan sel judul table
<tr>…<tr> Mendefinisikan baris tabel

Daftar HTML Tag

About Reiza

Banyak ilmu yang gratis kenapa harus malas?

Posted on 30/Oct/2011, in Web Programming and tagged , . Bookmark the permalink. 1 Comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: