Pengertian HTML dan Contohnya
HTML merupakan singkatan dari Hypertext Markup Language. HTML digunakan untuk membangun halaman
web. HTML digunakan untuk melakukan mark-up
(penandaan) terhadap sebuah dokumen teks. Tanda tersebut digunakan
untukmenentukan format atau style dari teks yang ditandai halaman web dibangun
oleh kode-kode HTML. HTML adalah bahasa markup yang umum digunakan.
Kepopuleran HTML disebakan karena HTML ini mudah digunakan.
Struktur umum HTML
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Propertis global
● Size=value=digunakan untuk menentukan ukuran;baik font,border dan
komponen form.
Color=value=digunakan untuk menentukan warna bak background color,line
dll.
Spasi=<br> adalah spasi single
Contoh penggunaan:
Kalimat pertama <br>
Kalimat kedua <p>
untuk spasi double
Contoh penggunaan : <p>kalmat pertama</p>
Kalimat kedua
● Font
Untuk size font.Contoh : <font size = 7> teks dengan ukuran
7</font>
Untuk color font.Contoh : <font color =”blue”>teks dengan warna
biru</font>
Untuk jenis font.Contoh : <font face =“verdana”>teks dengan type
huruf verdana</font>
● Propertis bentuk font
# Bold.Contoh : <b>bold...</b>
# Italic.Contoh : <i>italic....<i>
# Underline.Contoh:<u>underline...</u>
● Background
# Background warna.contoh : <body bgcolor
=”black”>
# Background gambar.Contoh : <body background =
“logo.jpg”>
● IMAGE.Contoh : <img src = “nama dan file”>
</img>
● Table
<table> untuk deklarasi
table induk
<tr>
untuk deklarasi baris
<td>
untuk deklarasi kolom
</tr>
deklarasi menutup baris
</table> deklarasi menutup table
● Select yaitu untuk dropdown menu
Contoh : <select name =
“ a ”> <option> isi </option> </select>
● Text area yaitu area untuk menyimpan kalimat atau teks
Contoh : <text area cols
= 20 rows = 3> isi teks area </text area>
● Radio button
Contoh : <input type = “radio” name=”nama_radio”
value=”isi”>latihan
● Checkbox
Contoh : <input type="checkbox" />Olahraga
● list. Contoh : <li>
latihan </li>
● Link.
Contoh : <a href =
“alamat_url_yang_dituju.html” target = “blank”> judul </a>
● Frame.
Contoh : <frameset rows
= ”20% , 80%”>
<frame name = “nama_frame” src =
“alamat_url”> </frameset>
● Variabel. Contoh pendeklarasian : A = 100;
Var
A;
Var
A, B, C ;
● Type Data
a.Numerik. Contoh : var A =
1234
b.String. Contoh : var A =
’Ini string’
var A = ’Ini string’
Contoh:
Home.html
Source code:
<html>
<head><title>Home </title>
</head>
<body bgcolor= "lightblue">
<img src="a.jpg" width="100%"
height="120" /> //gambar bebas
<hr size= 5 width=100% color="black">
<br><img src="logo stimata.jpg"style="float:left
;width=150 height=215"></img>
<i><font size = 5 color = green> STIMATA singkatan dari
STMIK PPKIA Pradnya
Paramitha yang berfokus dengan teknologi informasi.
</font></i>
<br><br><u><font size = 5 > STIMATA menyediakan
berbagai program jurusan seperti S-1 Tehnik
Informatika, S-1 Sistem Informasi dan D-III Manajemen
Informatika.</font></u>
<br> <br>
<b><font size = 5> STIMATA terletak di Jl.Laksda Adi Sucipto
No. 249-A Malang 65141.</font></b>
</body>
</html> hasilnya
Sampai ketemu lagi di artikel berikutnya.
Bila berkenan mohon donasinya dengan tekan iklan yang ada di sebelah kanan atau sebelah atas/bawah artikel. terima kasih.
