HTML adalah singkatan dari ” Hypertext Markup Language “
Hypertext Markup Language (HTML) adalah suatu sistem untuk menambahkan dokumen dengan tabel yang menandakan bagaimana teks di dokumen harus disajikan dan bagaimana dokumen dihubungkan bersama-sama.
Di dalam skema tambahan HTML terdapat kekuatan untuk membuat aplikasi-aplikasi client-server, multimedia, form, interaktif. HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada satu sistem operasi tertentu. Secara teknis, HTML didefinisikan sebagai Standard Generalized Markup Language (SGML). Sebuah dokumen HTML dapat dikatakan contoh sebuah dokumen SGML.
SGML berasal dari GML (General Markup Language) pada IBM di akhir 1960-an sebagai suatu upaya untuk memecahkan beberapa problem menyangkut dokumen-dokumen pada sistem komputer berbeda.
Simbol penandaan (mark up) yang digunakan oleh HTML ditandai dengan tanda kecil (<) dan tanda lebih besar (>) dan disebut dengan Tag
code :
<font color=”green”><b>Struktur Kode HTML</font></b>
penulisan kode HTML di awali dengan :
<html>
dan di tutup dengan :
</html>
penulisan kode html harus menggunakan tanda kurung batman seperti ini ” < > ”
dan penutupan kode html menggunakan “/” ( garis miring )
Namun ada beberapa tag yang tidak perlu di tutup ditutup dengan garis miring “/“
contohnya adalah :
<br>
HTML Code :
<html>
<head>
<title>tulisan ini ini bakal tampil di atas kiri broser</title>
</head>
<body>
ini html lho….
</body>
</html>
Berikut ini adalah perintah-perintah umum yang biasa di pakai dakam penulisan kode HTML :
1. <TITLE> : Judul halaman Web
Struktur : <TITLE>Judul</TITLE>
2. <HEAD> : Header halaman
Struktur : <HEAD>“Deskripsi Halaman”</HEAD>
3. <BODY> : Isi halaman
Struktur : <BODY>“Isi Halaman”</BODY>
4. <!– : Komentar
Struktur : <!–Komentar–>
5. <A- : Link/hubungan
Struktur : <a href=”http://www.gampangsukses.co.cc/”>Our Site</A>
6. <B> : Huruf tebal/Bold
Struktur : <B>Huruf Tebal</B>
7. <I> : Huruf Miring/Italic
Struktur : <I>Huruf Miring</I>
8. <U> : Garis Bawah/Underline
Struktur : <U>Garis Bawah</U>
9. <P> : Paragraf Baru
Struktur : <P>GampangSukses</P>
10. <BR> : Baris Baru
Struktur : Baris 1<BR>Baris 2
11.<CENTER> : Rata Tengah
Struktur : <CENTER>Palembang Cindo</CENTER>
12. <FONT> : Penggunaan huruf
Struktur : <FONT FACE=”Arial” SIZE=”4″ COLOR=”RED”>Palembang Cindo</FONT>
13. <IMG> : Menampilkan gambar
Struktur : <IMG SCR=”Gambar.gif” WIDTH=”41″ HEIGHT=”41″ BORDER=”0″ ALT=”Klik Disini untuk melihat gambar“>
14. <EMBED> : Meletakkan objek
Struktur : <EMBED scr=”Lagu.mid” width=”100%” height=”60″ align=”center”>
15. <FORM> : Menggunakan form
Struktur : <FORM name=”form_1″ action=”home.html” method=”post”></FORM>
<font color=”green”><b>Komponen HTML</font></b>
HTML menyediakan komponen pendukung dalam menciptakan Web yang lebih kompleks :
1. TextField : <INPUT type=”text” name=”text1″ size=”10″ maxlength=”30″>
2. Pasword : <INPUT type=”password” name=”pwd1″ size=”12″ maxlength=”12″>
3. TextArea : <TEXTAREA wrap=”virtual” name=”Tereal1″ rows=3 cols=20 maxlength=100></TEXTAREA>
4. Select List : <SELECT name=”Combo”><OPTION>option1<OPTION>option2<OPTION >option3<OPTION>option4<OPTION><optoin5</SELECT>
5. CheckBox : <INPUT type=”checkbox” name=”cek1″>Pilihan1
RadioButton : <INPUT type=”radio” name=”radio1″>Pilihan1
6. Table : <TABLE BORDER=”3″ BORDERCOLOR=”GRAY” SIZE=”25%”><TR><TD>kolom1</TD><TD>kolom2</TD></TR><TR><TD>kolom3</TD><TD>kolom4</TD></TR></TABLE>
7. Button : <INPUT type=”Button” name=”tombol1″ VALUE=”Tombol”>
8. Submit : <INPUT type=”Submit” name”submit1″ VALUE=”Submit”>
9. Reset : <INPUT type=”Reset” name=”reset1″ VALUE=”Reset”>
Powered by Qumana
oke
BalasHapus