HTML
HTML digunakan
untuk membangun suatu
halaman web. Sekalipun
banyak orang menyebutnya sebagai suatu
bahasa pemrograman, HTML
sama sekali bukan
bahasa pemrograman, tapi merupakan bahasa markup (penandaan),
terhadap sebuah dokumen teks.
Simbol markup
yang digunakan oleh HTML ditandai dengan
tanda lebih kecil ( < ) dan tanda
lebih besar ( > ) , dan disebut tag.
1. Menggunakan gambar
<body
background=“nama_file_gambar”> . . . </body>
Script: tampilan:
<html>
<head>
<title> Penggunaan Latar Belakang
Gambar </title>
</head>
<body
background="../gambar/picture01.jpg">
Kami sedang mulai belajar
Pemrograman Basis Data Berbasis Web
</body>
</html>
2. Memuat gambar ke dalam
halaman Web
<img src=”URL”|”name” height=”n” width=”n”
align=”top”|”center”|”bottom”] />
Script: Tampilan:
<html>
<head>
<title> Insert Gambar
</title>
</head>
<body>
<b>
Aloooo ... </b>
<img
src="./TFR2A.gif" >
</body>
</html>
3.
Member Identitas
<address>. . . .</address>
Script: Tampilan:
<HTML> 
<HEAD>
<TITLE> Penggunaan Address
</TITLE>
</HEAD>
<BODY>
Selamat datang di web
<ADDRESS>
Dokumen ini di rancang oleh Ch Yonan
<BR>
Pada tanggal 21 Sept 2012
</ADDRESS>
</BODY>
</HTML>
4.
UL (Unordered)
Script: Tampilan:
<HTML>
<HEAD>
<TITLE> Unordered</TITLE>
</HEAD>
<BODY>
Nama nama calon juara
<UL>
<LI> Christian Yonanda
<LI> Abdul Qodir
<LI> Ucok Winto Daniel
<LI> Sangrilap Sormin
</UL>
</BODY>
</HTML>
5.
OL (Ordered List)
Script: Tampilan:
<HTML>
<HEAD>
<TITLE>Order
List</TITLE>
</HEAD>
<BODY>
Nama nama calon juara
<OL>
<LI> Christian Yonanda
<LI> Abdul Qodir
<LI> Ucok Winto Daniel
<LI> Sangrilap Sormin
</OL>
</BODY>
</HTML>
6.
<ACRONYM>, untuk memberi keterangan atau screen tips
Script: Tampilan:
<html>
<head>
<title>Singkatan</title>
</head>
<body>
<acronymtitle="word wide
web">
www
</acronym>
<p>Bila kita meletakkan kursor di atas
kata www
maka muncul kata word wide web pada
screentips</p>
</body>
</html>
7.
<STRIKE>, untuk menampilkan garis horizontal pada
bagian tengah huruf.
Script: Tampilan:
<HTML>
<HEAD>
<TITLE> garis pada teks
</TITLE>
</HEAD>
<BODY>
<STRIKE> kalimat ini akan bergaris
tengah </STRIKE>
</BODY>
</HTML>
8.
<BIG>, untuk menampilkan ukuran huruf yang lebih
besar.
Script: Tampilan:
<HTML>
<HEAD>
<TITLE>big </TITLE>
</HEAD>
<BODY>
<big> kalimat ini akan lebih besar
</big>
</BODY>
</HTML>
9.
<SMALL>, untuk menampilkan ukuran huruf yang lebih
kecil.
Script: Tampilan:
HTML>
<HEAD>
<TITLE>big </TITLE>
</HEAD>
<BODY>
<small> kalimat ini akan lebih kecil
</small>
</BODY>
</HTML>
10.
<TT>, untuk menampilkan huruf seperti huruf mesin
ketik.
Script: Tampilan:
<HTML>
<HEAD>
<TITLE>tt </TITLE>
</HEAD>
<BODY>
<tt> kalimat ini seperti huruf pada
mesin ketik </tt>
</BODY>
</HTML>
11.
<A>, Link
Script: Tampilan:
<HTML>
<HEAD>
<TITLE>url </TITLE>
</HEAD>
<BODY>
<A HREF="[destination
url]">www.chyonanda.blogspot.com</A>
</BODY>
</HTML>
12.
<IMG SRC >
Script: Tampilan:
<HTML>
<HEAD>
<TITLE>image </TITLE>
</HEAD>
<BODY>
<IMG SRC="http://sheldonbrown.com/images/scb_eagle_contact.jpeg">
</BODY>
</HTML>
13.
<Tabel>, untuk membuat table
Script: Tampilan:
<html>
<head>
<title> tabel
</title>
</head>
<body >
<table border=1>
<tr><td>No</td><td>Nama</td></tr>
<tr><td>1</td><td>nanda</td></tr>
<tr><td>2</td><td>Qodir</td></tr>
<tr><td>3</td><td>Daniel</td></tr>
<tr><td>4</td><td>Andre</td></tr>
</table>
</body>
</html>
