Sabtu, 15 Januari 2011

Kode HTML Dasar

Pengenalan HTML (sumber: http://idrhies.co.cc/)

HTML (Hypertext Markup Languange) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.

HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).

HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997.

HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
Ada beberapa editor yang dapat digunakan untuk membuat halaman html yaitu :
  1. Notepad
  2. Notepad++
  3. Adobe Dreamweaver
  4. Microsoft Frontpage
  5. NVU
Namun bagi pemula, anda dapat menggunakan aplikasi bawaan Windows yaitu Notepad.
Berikut adalah contoh Tag HTML
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h1>Ini adalah halaman HTML</h1>
</body>
</html>
Contoh Tampilan

Kode HTML Dasar

Big Text
<big>Reiza Zulkarnaen</big>
Reiza Zulkarnaen

Small Text
<small>Reiza Zulkarnaen</small>
Reiza Zulkarnaen

Italic Text
<i>Reiza Zulkarnaen</i>
Reiza Zulkarnaen

Bold Text
<b>Reiza Zulkarnaen</b>
Reiza Zulkarnaen

Underline Text
<u>Reiza Zulkarnaen</u>
Reiza Zulkarnaen

Blink Text
<blink>Reiza Zulkarnaen</blink>
Reiza Zulkarnaen

Color Text
<font color="blue">Reiza Zulkarnaen</font>
Reiza Zulkarnaen

Link Text
<a href="http://reizazulkarnaen.blogspot.com/">Reiza Zulkarnaen</a>
Reiza Zulkarnaen

Image
<img src="http://1.bp.blogspot.com/_brgFJQcgMvQ/TMsGB4wG6mI/AAAAAAAAAUk/eytUSbUkLd4/s1600/r.jpg" alt="Reiza Zulkarnaen"/>
Reiza Zulkarnaen

Image Link
<a href="http://reizazulkarnaen.blogspot.com/"><img src="http://1.bp.blogspot.com/_brgFJQcgMvQ/TMsGB4wG6mI/AAAAAAAAAUk/eytUSbUkLd4/s1600/r.jpg" alt="Reiza Zulkarnaen"></a>
Reiza Zulkarnaen
Silahkan klik pada gambar!!!

Running Text
To Right:
<marquee bgcolor="blue" direction="right" loop="infinite">Reiza Zulkarnaen</marquee>
Reiza Zulkarnaen
To left:
<marquee bgcolor="red" direction="left" loop="50">Reiza Zulkarnaen</marquee>
Reiza Zulkarnaen
Alternate:
(with colored text)
<marquee bgcolor="yellow" behavior="alternate" loop="infinite"><font color="red">Reiza Zulkarnaen</font></marquee>
Reiza Zulkarnaen

LINES
<hr color="blue" size="1">


<hr color="red" size="3">




Combination of CODES
<blink><b><big><u><font color="#FF7F50">Reiza Zulkarnaen™</font></u></big></b></blink>
Reiza Zulkarnaen™

row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

A background color:

First Row
Second Row
<h1>A background color:</h1>
<table border="1"
bgcolor="red">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>


A background image:
First Row
Second Row
<h1>A background image:</h1>
<table border="1"
background="http://myckutzul.zat.su/upload/inima.gif">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table> 


Semoga bermanfaat!!! Bagi yang ingin menambahkan, silahkan tinggalkan komentar...Terimakasih ^_^

Jakarta, 15 Januari 2011

Back to Reiza Zulkarnaen™

0 comments:

Posting Komentar

Mohon memberikan komentar yang sesuai dengan topik artikel. Komentar Anda akan kami review dahulu sebelum ditampilkan !!!