Setelah menyelesaikan bab ini,anda diharapkan dapat Memahami konstruksi dasar halaman web. Mengerti tentang WWW Mengerti tag-tag dasar
HTML Membuat halaman web dengan HTML sederhana.
Bentuk
umum penulisan tampilan html adalah:
<ELEMENT
ATTRIBUTE = value>
Dimana:
•
Element
-
nama tentang apa
•
Attribute
-
atribut dari tag apa
•
Value
-
nilai dari atribut.
Contoh Struktur
HTML document
Contoh Menampilkan Body Mengunakan HTML
<html>
<head>
</head>
<body>
</body>
</html>
Contoh header
Bagian header dari document HTML di apdet oleh tag <head></head>.
Contoh
Menampilkan Judul Title Halaman Web
<head>
<title>Welcome
to eepis-its</title>
</head>
Contoh Body
Tag
<body> di gunakan untuk menampilkan text, image link dan semua yang akan
di tampilkan pada web page.
<html>
<head>
<title>Welcome
to eepis-its</title>
</head>
<body bgcolor="lavender">
<p>Document
HTML yang Pertama</p>
</body>
</html>
Tampilan Elemen dasar –
Paragraph
Menampilkan
teks dalam bentuk paragraph
<body>
<h3>Salam Kenal</h3>
<p>
Contoh Saya dari jurusan sistem informasi.
Siapa
ya yang mau kenalan dengan saya silahkan saja.
</p>
<body>
Tampilan Elemen dasar
Unordered
list <ul>: List item tidak berurutan (bullet)
<P>Menu</P>
<ul>
<li>Kesehatan</li>
<li>Politik</li>
<li>informsai</li>
</ul>
</body>
<body>
Contoh Pembuatan Tabel
Untuk
membuat tabel : <tabble>
Cell-nya dengan tag <td>
</html>
<html>
<head>
<title>Using Table</title>
</head>
<body>
<table border="1">
<td>cell 1</td>
<td>cell 2</td>
<td>cell 3</td>
<td>cell 4</td>
</table>
</body>
</html>
<body>
Contoh Pembuatan Tabel – Cont. 1
Untuk
membuat baris cell : <tr>
Untuk
title tabel : <caption>
<body>
<table border="1">
<caption>Creating Table</caption>
<tr> <td>cell
1a</td>
<td>cell
1b</td>
</tr>
<tr> <td>cell
2a</td>
<td>cell
2b</td>
</tr>
</table>
</body>
Contoh Pemformatan Tabel – Cont. 1
<body>
<table border=1 cellspacing=5 cellpading=10>
<tr align="left" valign="top">
<td width="25%" bgcolor=red>cell 1a</td>
<td width="25%" bgcolor=yellow>cell 1b</td>
</tr>
<tr align="center" valign="baseline">
<td>cell 2a</td>
<td>cell 2b</td>
</tr>
</table>
</body>
Semoga
contoh HTML yang di atas ini semoga ada manfaatnya dan terimakasih sudah berkunjung ke blog saya
Post a Comment