link html

 Kemarin tentunya Anda sudah membaca posting saya tentang Membuat List Dengan HTML.
Kali ini saya akan melanjutkan keterangan saya tentang beberapa cara lain untuk menampilkan List HTML.
Sebagaimana telah saya terangkan kemarin bahwa ada dua jenis List yang bisa kita buat dengan HTML. Yaitu Ordered List yang contohnya kemarin adalah:

1. Gelas
2. Piring
3. Sendok
4. Garpu

Dan Unordered List seperti contoh dibawah ini.

• Gelas
• Piring
• Sendok
• Garpu
Selain itu ada beberapa macam tampilan lagi yang dapat dibuat dengan List HTML.
Langsung saja akan saya berikan kode berikut contohnya pada table dibawah ini:



Ordered List

<ol type=”a”> <li>Gelas</li> <li>Piring</li> <li>Sendok</li> <li>Garpu</li> </ol>	Gelas Piring Sendok Garpu
<ol type=”A”> <li>Gelas</li> <li>Piring</li> <li>Sendok</li> <li>Garpu</li> </ol>	Gelas Piring Sendok Garpu
<ol type=”i”> <li>Gelas</li> <li>Piring</li> <li>Sendok</li> <li>Garpu</li> </ol>	Gelas Piring Sendok Garpu
<ol type=”I”> <li>Gelas</li> <li>Piring</li> <li>Sendok</li> <li>Garpu</li> </ol>	Gelas Piring Sendok Garpu




Unordered List

<ul> <li>Gelas</li> <li>Piring</li> <li>Sendok</li> <li>Garpu</li> </ul>	Gelas Piring Sendok Garpu
<ol type=”disc”> <li>Gelas</li> <li>Piring</li> <li>Sendok</li> <li>Garpu</li> </ol>	Gelas Piring Sendok Garpu
<ol type=”circle”> <li>Gelas</li> <li>Piring</li> <li>Sendok</li> <li>Garpu</li> </ol>	Gelas Piring Sendok Garpu
<ol type=”square”> <li>Gelas</li> <li>Piring</li> <li>Sendok</li> <li>Garpu</li> </ol>	Gelas Piring Sendok Garpu

Itulah tadi lanjutan dari List HTML yang telah saya posting kemarin.
Mudah2an Contoh List HTML ini berguna bagi Anda

Dulu saya sering kesal kalau lihat postingan saya susunannya di halaman website statis kelihatan gak rapi.
Sudah saya coba merapikannya waktu menulis artikelnya, tapi waktu di publish jadi amburadul kembali. Setelah mencari kesana-kemari akhirnya saya temukan juga cara merapikan text dengan Text HTML.

Ternyata caranya merapikan kalimat dengan Text HTML itu sederhana sekali. Kita hanya perlu meletakkan tags <p align="#"> dan </p> Tanda # boleh diganti dengan center, right atau justify.
Kalau tidak diisi maka secara default kalimat diatur dengan left.
align-left membuat semua baris text berada disisi sebelah kiri.
align-right membuat semua baris text berada disisi sebelah kanan.
align-center membuat semua baris text berada ditengah halaman.
align-justify membuat semua baris text diatur sama jaraknya dengan tepi halaman sebelah kiri dan kanan.
Dibawah ini saya berikan contoh artikel yang saya buat dengan Mengatur Text HTML.
Diatas text saya tambahkan judul dengan warna merah dan ukuran yang besar sekedar untuk memperjelas keterangan saya saja.

Ini artikel dengan tags <p> </p> atau boleh juga diisi align="left". Tidak akan ada pengaruhnya sama sekali.
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh sem, feugiat vitae placerat vel, facilisis quis arcu. Sed eu pretium tortor. Nam a velit in ipsum euismod ultrices quis non est. Aenean congue vulputate erat et accumsan. Integer id metus adipiscing felis suscipit laoreet viverra sed sapien. Donec purus ligula, elementum vel tristique sit amet, tempor ut est. Morbi placerat rutrum urna at dignissim. </p>

Ini artikel dengan tags <p align="right"> </p>
<p align="right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh sem, feugiat vitae placerat vel, facilisis quis arcu. Sed eu pretium tortor. Nam a velit in ipsum euismod ultrices quis non est. Aenean congue vulputate erat et accumsan. Integer id metus adipiscing felis suscipit laoreet viverra sed sapien. Donec purus ligula, elementum vel tristique sit amet, tempor ut est. Morbi placerat rutrum urna at dignissim.</p>

Ini artikel dengan tags <p align="center"> </p>
<p align="center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh sem, feugiat vitae placerat vel, facilisis quis arcu. Sed eu pretium tortor. Nam a velit in ipsum euismod ultrices quis non est. Aenean congue vulputate erat et accumsan. Integer id metus adipiscing felis suscipit laoreet viverra sed sapien. Donec purus ligula, elementum vel tristique sit amet, tempor ut est. Morbi placerat rutrum urna at dignissim.</p>

Ini artikel dengan tags <p align="justify"> </p>
<p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh sem, feugiat vitae placerat vel, facilisis quis arcu. Sed eu pretium tortor. Nam a velit in ipsum euismod ultrices quis non est. Aenean congue vulputate erat et accumsan. Integer id metus adipiscing felis suscipit laoreet viverra sed sapien. Donec purus ligula, elementum vel tristique sit amet, tempor ut est. Morbi placerat rutrum urna at dignissim.</p>

Terserah Anda untuk memilih pengaturan Text HTML yang sesuai untuk artikel yang akan Anda publikasikan di website HTML Anda.