HTML (Hyper Text Markup Language) adalah salahsatu bahasa pemrograman yang biasa digunakan untuk membuat sebuah tampilan pada halaman web, namun seiring perkembangan zaman HTML telah mengalami banyak perubahan seperti banyaknya kode atau syntak baru untuk mempermudah para programer dalam menggunakannya ..
Belajar HTML sebenarnya mudahn kuncinya kita harus banyak berlatih dan mencoba, berikut adalah contoh kode html dasar .
Kode HTML untuk menampilkan sebuah kata atau kalimat :
<html>
<head>
<title> Belajar html </title>
<head>
<body>
<h1> HELLO WORLD </h1>
</body>
</html>
dari kode diatas maka hasilnya adalah sebuah kalimat "HELLO WORLD" . dengan judul halaman "Belajar html" .
Kode HTML untuk membuat sebuah tabel :
<html>
<head>
<title> Belajar html </title>
<head>
<body>
<table border="1">
<tr>
<td> 1 </td>
<td> 2 </td>
</tr>
<tr>
<td> 3 </td>
<td> 4 </td>
</tr>
</table>
</body>
</html>
dari kode diatas maka hasilnya adalah sebuah tabel dengan 2 baris dan 2 kolom tiap barisnya . untuk lebih jelasnya silahkan dicoba sendiri yahh :)
Kode HTML untuk menyematkan sebuah gambar :
<html>
<head>
<title> Belajar html </title>
<head>
<body>
<img src="gambar/ilkom.jpg ">
</body>
</html>
dari kode diatas maka hasilnya adalah sebuah gambar yang ada di komputer kita dan berada pada folder "gambar" dan nama gambarnya adalah "ilkom.jpg" .
Kode HTML untuk menyematkan sebuah link :
Kode HTML untuk menyematkan sebuah link :
<html>
<head>
<title> Belajar html </title>
<head>
<body>
<a href="http://coretananakilkom.blogspot.com"> Coretan anak ilkom </a>
</body>
</html>
dari kode diatas maka hasilnya adalah sebuah link yang menuju alamat web yang dicantumkan .. seperti pada contoh diatas akan menhasilkan link seperti ini : Coretan anak ilkom
Kode HTML untuk menyematkan sebuah unorder list atau <ul> :
<html>
<head>
<title> Belajar html </title>
<head>
<body>
<<ul>
<li>Coffee </li>
<li> Tea </li>
<li> Milk </li>
</ul>
<li>Coffee </li>
<li> Tea </li>
<li> Milk </li>
</ul>
</body>
</html>
dari kode diatas maka hasilnya adalah sebuah list atau daftar seperti ini :
dari kode diatas maka hasilnya adalah sebuah list atau daftar seperti ini :
- Coffee
- Tea
- Milk
Kode HTML untuk menyematkan sebuah order list atau <ol> :
<html>
<head>
<title> Belajar html </title>
<head>
<body>
<ol type="1">
<li>Coffee </li>
<li> Tea </li>
<li> Milk </li>
</ol>
<li>Coffee </li>
<li> Tea </li>
<li> Milk </li>
</ol>
</body>
</html>
dari kode diatas maka hasilnya adalah sebuah list atau daftar seperti ini :
dari kode diatas maka hasilnya adalah sebuah list atau daftar seperti ini :
- Coffee
- Tea
- Milk
Nah itulah beberapa kode HTML dasar yang biasa digunakan dalam html . semoga postingan ini bisa bermanfaat bagi para pembaca :)
No comments:
Post a Comment