Tutorial Belajar HTML Dasar (Tahap Akhir)
Tutorial Belajar HTML Dasar (Tahap Akhir)
Dibawah ini adalah gabungan kode program sebuah halaman HTML. Ketikkan kode dibawah ini dan simpan dengan nama finish.html
Gabungan dari tag dasar HTML sebagai berikut :
<!DOCTYPE html>
<html>
<head>
<title> Tutorial HTML Finish </title>
</head>
<body>
<h1>Hasil Akhir Tutorial HTML Untuk Pemula</h1>
<font face=Arial>Arial </font><br>
<font face=Tahoma>Tahoma </font><br>
<font face=Courier New>Courier </font><br>
<hr size='1px' width='100%' align='left' color='red' >
<b> Ini tulisan tebal </b><br>
<i> Ini tulisan miring </i><br>
<u> Tulisan ini bergaris bawah </u><br>
<hr size='1px' width='100%' align='left' color='red' >
<ol type="I">
<li>Urutan 1</li>
<li>Urutan 2</li>
<li>Urutan 3</li>
</ol>
<ol type="A">
<li>Urutan 1</li>
<li>Urutan 2</li>
<li>Urutan 3</li>
</ol>
<hr size='1px' width='100%' align='left' color='red' >
<img src="IronMan.jpeg" align="center" alt="Gambar IronMan" width="403" height="216"><br>
<a href="Finish.html"> Halaman Tutorial HTML Finish </a><br>
Saya menuju ke<a href="http://zikriteknologi.id"> zikri teknologi </a>
<hr size='1px' width='100%' align='left' color='red' >
<table border="5">
<tr height="30">
<td width="100" align="left" valign="top">Kereta</td>
<td width="150" align="center" valign="middle">Motor</td>
</tr>
<tr height="40">
<td width="100" align="right" valign="bottom">Pesawat</td>
<td width="150" align="center" valign="bottom">Helikopter</td>
</tr>
</tabel>
</body>
</html>
<html>
<head>
<title> Tutorial HTML Finish </title>
</head>
<body>
<h1>Hasil Akhir Tutorial HTML Untuk Pemula</h1>
<font face=Arial>Arial </font><br>
<font face=Tahoma>Tahoma </font><br>
<font face=Courier New>Courier </font><br>
<hr size='1px' width='100%' align='left' color='red' >
<b> Ini tulisan tebal </b><br>
<i> Ini tulisan miring </i><br>
<u> Tulisan ini bergaris bawah </u><br>
<hr size='1px' width='100%' align='left' color='red' >
<ol type="I">
<li>Urutan 1</li>
<li>Urutan 2</li>
<li>Urutan 3</li>
</ol>
<ol type="A">
<li>Urutan 1</li>
<li>Urutan 2</li>
<li>Urutan 3</li>
</ol>
<hr size='1px' width='100%' align='left' color='red' >
<img src="IronMan.jpeg" align="center" alt="Gambar IronMan" width="403" height="216"><br>
<a href="Finish.html"> Halaman Tutorial HTML Finish </a><br>
Saya menuju ke<a href="http://zikriteknologi.id"> zikri teknologi </a>
<hr size='1px' width='100%' align='left' color='red' >
<table border="5">
<tr height="30">
<td width="100" align="left" valign="top">Kereta</td>
<td width="150" align="center" valign="middle">Motor</td>
</tr>
<tr height="40">
<td width="100" align="right" valign="bottom">Pesawat</td>
<td width="150" align="center" valign="bottom">Helikopter</td>
</tr>
</tabel>
</body>
</html>
Hasilnya sebagai berikut :
Contoh diatas hanyalah contoh sederhananya saja. Jika sobat lebih kreatif lagi mengotak ngatik kode dari Tutorial belajar HTML dasar yang telah sobat pelajari sebelumnya. Maka hasilnya pasti akan terlihat bagus dan menarik.
Terima kasih telah membaca beberapa artikel Tutorial HTML dasar untuk pemula yang saya sajikan, mudah mudahan artikel yang saya buat memiliki banyak manfaat untuk pengembangan pengetahuan sobat tentang bahasa pemrograman HTML ini.
Jika sobat sudah mengerti tutorial html dasar ini, selanjutnya silahkan mempelajari artikel yang membahas tentang Tutorial HTML tingkan lanjut.
0 Response to "Tutorial Belajar HTML Dasar (Tahap Akhir)"
Post a Comment