Hyperlink dan Lists pada HTML

Dalam HTML Links digunakan untuk membuat relasi antar halaman. Lists digunakan untuk menampilkan data secara terurut.

# Contoh Penulisan Links

<a href="http://google.com">  Buka Google  </a>

# Element Lists

1. Ordered List adalah list data yang terurut
2. Unordered List adalah list  data tak terurut;
3. Descriptiona List adalah list data defenisi

1. Penulisan Ordered Lists 

  <h3>List dengan angka</h3>

    <ol>
        <li>Laptop</li>
        <li>Mouse</li>
        <li>Keyboard</li>

    </ol>

 <h3>List dengan alfabet</h3>

    <ol type='a'>
        <li>Laptop</li>
        <li>Mouse</li>
        <li>Keyboard</li>
    </ol>

    <h3>List dengan alfabet kapital</h3>

    <ol type='A'>
         <li>Laptop</li>
        <li>Mouse</li>
        <li>Keyboard</li>
    </ol>

    <h3>List dengan romawi</h3>

    <ol type='i'>
        <li>Laptop</li>
        <li>Mouse</li>
        <li>Keyboard</li>
    </ol>

    <h3>List dengan romawi kapital</h3>

    <ol type='I'>
        <li>Laptop</li>
        <li>Mouse</li>
        <li>Keyboard</li>

    </ol>

Preview :

1. Unordered List

 <h3>Unordered List Model Default</h3>

    <ul>
        <li>Baju</li>
        <li>Celana</li>
        <li>Kaos</li>
    </ul>

<h3>Unordered List Model Square</h3>

<ul type="square">
<li>Baju</li>
        <li>Celana</li>
        <li>Kaos</li>
    </ul>
  
<h3>Unordered List Model Circle</h3>

    <ul type="circle">
        <li>Baju</li>
        <li>Celana</li>
        <li>Kaos</li>
    </ul>

<h3>Unordered List Tanpa Model</h3>

    <ul type="none">
        <li>Baju</li>
        <li>Celana</li>
        <li>Kaos</li>
    </ul>

Preview :