HTML
(HYPERTEXT MARKUP LANGUAGE)
Pengenalan HTML
Hypertext
Markup Language merupkan standard bahasa yang di gunakan untuk menampilkan
document
web, yang bisa anda lakukan dengan HTML yaitu:
􀂾
Mengontrol tampilan dari web page dan
contentnya.
􀂾
Mempublikasikan document secara online
sehingga bisa di akses dari seluruh dunia.
􀂾
Membuat online form yang bisa di
gunakan untuk menangani pendaftaran, transaksi
secara
online.
􀂾
Menambahkan object-object seperti
image, audi, video dan juga java applet dalam
document
HTML
CONTOH
.1. Penggunaan syntak HTML, bagian-bagian HTML, penggunaan komentar dan tag <BR> untuk
ganti baris<!--more-->
<HTML>
<HEAD>
<TITLE>Latihan HTML</TITLE>
</HEAD>
<!-- Ini merupakan suatu komentar -->
<BODY>
Selamat Belajar HTML<BR>
Semoga Sukses !
</BODY>
</HTML>
2.
Menggunakan tag <P> untuk membuat paragraph; tag judul <H1> s/d
<H6> untuk pembesaran huruf
<HTML>
<HEAD>
<TITLE>Contoh Pengaturan Judul</TITLE>
</HEAD>
<BODY>
<H1 ALIGN = “CENTER”> UNIVERSITAS BINADARMA
</H1><P>
Fakultas Ilmu Komputer<BR>
Sistem Informasi<BR>
SI1C
</BODY>
</HTML>
3.Membuat garis horizontal <HR>
<HTML>
<HEAD>
<TITLE>Atribut NOSHADE pada Tag
HR</TITLE>
</HEAD>
<BODY>
<H1>KEBUN PESONA</H1>
<HR SIZE = "10" NOSHADE>
Jl. Solo Km 14<BR>
Surabaya <BR>
Indonesia<BR>
</BODY>
</HTML>
4.
Menggunakan tag <DIV> untuk mengelompokkan sejumlah baris teks yang
memiliki karakteristik yang sama
<HTML>
<HEAD>
<TITLE>Tag DIV</TITLE>
</HEAD>
<BODY>
<DIV ALIGN = "RIGHT">
<H1><U>PENS ITS</U></H1>
<H2>Jl. Raya ITS</H2>
<H2>Surabaya</H2>
</DIV>
<HR>
</BODY>
</HTML>
5. Pengaturan warna background : BGCOLOR
<HTML>
<HEAD>
<TITLE>Warna - Bagian 2</TITLE>
</HEAD>
<BODY BGCOLOR = "black" TEXT =
"gray">
Normal<BR>
<FONT COLOR = "blue">Warna
Biru</FONT><BR>
<FONT COLOR = "green">Warna
Hijau</FONT><BR>
<FONT COLOR = "red">Warna
Merah</FONT><BR>
<FONT COLOR = "yellow">Warna
kuning</FONT><BR>
</BODY>
</HTML>
6.penggunaan tipe checkbox
<HTML>
<HEAD>
<TITLE>Contoh Penggunaan
Formulir</TITLE>
</HEAD>
<BODY>
<FORM>
Buah yang Anda sukai:<BR>
<INPUT TYPE = "CHECKBOX" NAME =
"anggur" CHECKED>Anggur<BR>
<INPUT TYPE = "CHECKBOX" NAME =
"jeruk">Jeruk<BR>
<INPUT TYPE = "CHECKBOX" NAME =
"melon">Melon<BR>
</FORM>
</BODY>
</HTML>