Contoh dokumen HTML sederhana
Contoh 1.
<!DOCTYPE html>
<html>
<head bgcolor=black text=white>
<title>'''Selamat Datang''' HTML</title>
</head>
<body>
<p>Nama saya Adrianus!</p>
</body>
</html>
Contoh 2.
<html>
<head>
<title>latihan-1</title>
</head>
<body>
<table
align="center"border="5"bgcolor="darkgreen"cellpadding="10"cellspacing="5">
<caption
align="top"><b>Tabel 1.1</b></caption>
<tr
align="center" bgcolor="pink">
<th
colspan="5">Data Siswa</th>
</tr>
<tr
bgcolor="black">
<th><font
color="white">No.</font></th>
<th><font
color="white">Nama</font></th>
<th><font
color="white">Nim</font></th>
<th><font
color="white">prog</font></th>
<th><font
color="white">kelas</font></th>
</tr>
<tr
bgcolor="yellow">
<td align="center">1.</td>
<td>Rani yuliawati</td>
<td>C1257201034</td>
<td>SI</td>
<td>A</td>
</tr>
<tr
bgcolor="red">
<td
align="center">2</td>
<td>Novia</td>
<td>C1257201048</td>
<td>SI</td>
<td>A</td>
</tr>
<tr
bgcolor="blue">
<td align="center">3</td>
<td>ema</td>
<td>C1257201038</td>
<td>SI</td>
<td>A</td>
</tr>
<tr
bgcolor="green">
<td
align="center">4</td>
<td>Reno</td>
<td>C1257201045</td>
<td>SI</td>
<td>A</td>
</tr>
<tr
bgcolor="brown">
<td
align="center">5</td>
<td>priyogo</td>
<td>C1257201023</td>
<td>SI</td>
<td>A</td>
</tr>
</table>
</body>
</html>
Contoh 3.
<html>
<head>
<title>Latihan
2-1</title>
<head/>
<body>
Belajar
bahasa pemograman web. dengan materi dasar HTML.dan JSP<br>
<br>belajar
bahasa pemograman web.<br>
dengan
materi dasar HTML.<br>
dan
JSP.
</body>
</html>
Contoh 4
<html>
<head>
<title>latihan
2-4</title>
</head>
<p><h1
align="center"><b>akuu</i></h1></p>
<p><h2
align="center"><u>SAaaaaaaaayaang</i></h2></p>
<p><h3
align="center"><b>maaaaaaamaaaaahhhhhhhh</i></h3></p>
<p><h4
align="center"><u>selaluuuuu</i></h4></p>
<p><h5
align="center"><b>uuuuuuuuuuuu</i></h5></p>
<p><h6
align="center"><u>Maaaaaamahhhh</b></h6></p>
</bpdy>
</html>
Contoh 5.
<html>
<head>
<title>Latihan
1-2</title>
</head>
<body
bgcolor="pink" text="black"><marquee>
Hello !! belajar bahasa pemograman web
ternyata mudah juga :)</marquee>
</body>
</html>
Contoh
6.
<html>
<head>
<title>latihan4-1</title>
</head>
<body>
<table
align="center" border="2" bgcolor="cyan"
cellpadding="5"
cellpacing="0">
<caption
align="top"><b>table 1.1</b></caption>
<tr>
<th>no.</th>
<th>Nama</th>
</tr>
<tr>
<td>1.</td>
<td>Rina Hastuti</td>
</tr>
<tr>
<td>2.</td>
<td>All Amran</td>
</tr>
<tr>
<td>3.</td>
<td>Rahmat</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>latihan4-1</title>
</head>
<body>
<table
align="center" border="2" bgcolor="cyan"
cellpadding="5"
cellpacing="0">
<caption
align="top"><b>table 1.1</b></caption>
<tr
bgcolor="green">
<th>no.</th>
<th>Nama</th>
</tr>
<tr bgcolor="yellow">
<td>1.</td>
<td>Rina Hastuti</td>
</tr>
<tr bgcolor="blue">
<td>2.</td>
<td>All Amran</td>
</tr>
<tr bgcolor="red">
<td>3.</td>
<td>Rahmat</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>latihan4-1</title>
</head>
<body>
<table
align="center" border="2" bgcolor="cyan"
cellpadding="5"
cellpacing="0">
<caption
align="top"><b>table 1.1</b></caption>
<tr
colspan="2">Data Siswa</th>
</tr>
<th type="#00000">
<th
type="color#fffff">No</th>
<th
type="color#fffff">Nama</th>
</tr>
<tr
bgcolor="yellow">
<td>1.</td>
<td>Rina Hastuti</td>
</tr>
<tr bgcolor="blue">
<td>2.</td>
<td>All Amran</td>
</tr>
<tr bgcolor="red">
<td>3.</td>
<td>Rahmat</td>
</tr>
</table>
</body>
</html>
Contoh
7.
<html>
<head>
<title>latihan
2-4</title>
</head>
<p><h1
align="center">ini heading-1</h1></p>
<p><h2
align="center">ini heading-2</h2></p>
<p><h3
align="center">ini heading-3</h3></p>
<p><h4
align="center">ini heading-4</h4></p>
<p><h5
align="center">ini heading-5</h5></p>
<p><h6
align="center">ini heading-6</h6></p>
</bpdy>
</html>
Naaaah
Teman-teman Coding HTML yang lainnya silahkan di coba ya..
Silahkan
ikutin petunjuknya seperti yang di atas..
Ayooooeee
semangat, Kamuu pasti bisaa..
Semangaaaaaaaaatttttttttttt... :) :)
Tidak ada komentar:
Posting Komentar