Pada bagian ini kita akan mengenal dasar-dasar HTML yang sering digunakan untuk membuat halaman web standar, Karena pemahaman HTML bagian dasar pastilah sangat penting bagi para pengembang web baik itu yang standar sampai yang sudah familiar.
Untuk penulisan
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
// Code yang ditampilkan di dalam dokumen HTML adalah di dalam element body !
<h3> Ini adalah heading 1. </h3>
<p> Ini adalah paragraph. </p>
</body>
</html>
Hasilnya :
Ini adalah heading 1.
Ini adalah paragraph.Untuk penulisan
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
<h1> Ini heading 1 </h1>
<h2> Ini heading 2 </h2>
<h3> Ini heading 3 </h3>
<h4> Ini heading 4 </h4>
<h5> Ini heading 5 </h5>
<h6> Ini heading 6 </h6>
</body>
</html>
Hasilnya :
Ini heading 1
Ini heading 2
Ini heading 3
Ini heading 4
Ini heading 5
Ini heading 6
Untuk penulisan
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
<p> Ini adalah paragraph 1. </p>
<p> Ini adalah paragraph 2. </p>
<p> Ini adalah paragraph 3. </p>
</body>
</html>
Hasilnya :
Ini adalah paragraph 1.
Ini adalah paragraph 2.
Ini adalah paragraph 3.
Ini adalah paragraph 2.
Ini adalah paragraph 3.
Untuk penulisan
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMaEP0O528GtT9HzEoaihxZzBApVh3akBroa55TWE8fwPvgIoFqYrm4ntNRKNeyrTtHmbJIWrduvU0Oac-cEDT1KCbgcJmruKimkYr3sJEtH_bLMAs_WTn4HHaaoY1ULfVSxg-qicP_b4F/s1600/image.png" width="100px" height="100px">
</body>
</html>
Hasilnya :
Untuk penulisan
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
<a href="http://contoh-code.blogspot.com"> Ini adalah link </a>
</body>
</html>
Hasilnya :
Untuk penulisan
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
<ul>
<li> List 1. </li>
<li> List 2. </li>
<li> List 3. </li>
<li> List 4. </li>
</ul>
</body>
</html>
Hasilnya :
- List 1.
- List 2.
- List 3.
- List 4.
Untuk penulisan
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
<table>
<tr>
<td> Data 1 Baris 1. </td>
<td> Data 2 Baris 1. </td>
</tr>
<tr>
<td> Data 3 Baris 2. </td>
<td> Data 4 Baris 2. </td>
</tr>
</table>
</body>
</html>
Hasilnya :
| Data 1 Baris 1. | Data 2 Baris 1. |
| Data 3 Baris 2. | Data 4 Baris 2. |
Untuk penulisan
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
// element "br" adalah pindah baris, kalau "hr" adalah garis horisontal.
<form action="http://localhost:8080/masuk.php" method="post">
<label> Username : </label>
<input type="text" name="username" /><br/>
<label> Password : </label>
<input type="password" name="password" /><br/>
<input type="radio" name="jenis-kelamin" value="cewek" /> Perempuan <br/>
<input type="radio" name="jenis-kelamin" value="cowok" /> Laki - Laki <br/>
<input type="checkbox" name="ingatkan" value="ingatkan" /> Ingatkan saya nanti ! <br/>
<input type="submit" value="Kirim" /><input type="reset" value="Reset" />
</form>
<hr/>
<form action="http://localhost:8080/upload.php" method="post">
<label> Pilih File :</label>
<input style="border:1px #abc solid;" type="file" name="files" value="" /><br/>
<input type="hidden" name="MAX_FILE_SIZE" value="1000000"/>
<input type="submit" value="Kirim" /><input type="reset" value="Reset" />
</form>
</body>
</html>
Hasilnya :
Cukup sampai di sini dulu ya, semoga bermanfaat, dan silahkan baca artikel selanjutnya !!!
