Belajar HTML membuat link, list dan memasukkan gambar

Dalam sebuah website, keberadaan link, gambar dan list merupakan hal yang tidak asing. Bahasa pemrograman html mempunyai coding tersendiri untuk menampilkan ketiga hal tersebut.

1. Memasukkan Link

sintaknya :

<a href="url_link_kamu" > label link kamu </a>

2. Memasukkan Gambar

sintaknya :

<img src="url_gambar/nama_gambar" >

3. Membuat List

ada dua macam list, yakni ordered list (angka) dan unordered list (bukan angka dan biasanya berupa bulatan hitam).

sintak ordered list:

<ol>

<li>....

</ol>

sintak unordered list:

<ul>

<li>...

</ul>

 

PRAKTEK

• buka notepad++ atau notepad.

• ketikkan :

</html>
</head>
<title>membuat Link</title>
<a href="http://www.facebook.com" >Ini link ke facebook</a>
<br>
<img src="gambar.jpg">
<br>
Membuat List
<br>
Contoh list unordered.
<br>
<ul>
<li> unordered list 1
<li> unordered list 2
<li> unordered list 3
</ul>
<br>
Contoh list ordered
<br>
<ol>
<li> ordered list 1
<li> ordered list 2
<li> ordered list 3
</ol>

</body>
</html>

Catatan : untuk image/gambar, pada contoh di atas nama gambarnya adalah gambar, extension-nya jpg.

File gambar berada satu folder jadi kita tidak perlu menulis urlnya melainkan langsung nama gambarnya.

• simpan dengan nama web2.htm


• Buka file web2.htm tadi untuk melihat hasilnya.
  

• Hasilnya :