Langsung ke konten utama

Code2 HTML Javascrivt 1

Sebenarnya Cara Membuat Bullet and Numbering dengan HTML tidaklah sulit tapi hanya butuh ketelitian.
kali ini saya hanya sedekar ingin berbagi pengetahuan tentang format bullet and numbering dengan HTML. Kalau temen-temen sering ngetik di Microsoft Word pasti sudah pernah menggunakan bullet and numbering. Itu loh… yang berfungsi untuk memberikan label urutan kepada suatu list. Misalnya urutan 1, 2, 3, 4, atau mungkin a, b, c, d, atau bisa juga berupa simbol.
Sebenernya di hampir semua blog sudah tersedia fasilitas penambahan bullet and numbering secara mudah dengan meng-klik iconnya saja, tapi bagi temen-temen yang lebih senang dengan tantangan atau mungkin ingin lebih berkreasi dengan bullet and numbering, bisa melalui HTML.

Contohnya:
1. ini bentuk numbering satu
2. numbering lagi
3. numbering lagi yach…
4. ini yang terakhir

Sejauh yang saya ketahui, untuk membuat bullet and numbering ini bisa langsung melalui HTML, atau bisa juga melalui CSS (Cascading Style Sheet). Namun kali ini saya hanya berbagi cara pembuatan melalui HTML saja, sedangkan via CSS lain kali aja yach… he he he…
Untuk tutorial ini bisa anda coba membuatnya di notepad, atau langsung di blog juga bisa.
Tentukan bentuk bullet/numbering yang anda inginkan. Jika ingin berupa number/nomor, seperti 1, 2, 3, 4, dst, maka kode yang Anda gunakan adalah:


<ol>
<li>ini bentuk numbering satu</li>
<li>numbering lagi</li>
<li>numbering lagi yach...</li>
<li>ini yang terakhir</li>
</ol>

Hasil yang terlihat akan seperti ini:
1. ini bentuk numbering satu
2. numbering lagi
3. numbering lagi yach…
4. ini yang terakhir

Yang menentukan list tersebut berupa number adalah code <ol> dan </ol>.
Sedangkan bila Anda ingin membuat list berupa bullet (simbol), maka code yang bisa Anda gunakan adalah:

<ul>
<li>ini bullet satu</li>
<li>ini bullet lagi</li>
<li>yang ini juga bullet</li>
</ul>

Sehingga hasilnya menjadi
• ini bullet satu
• ini bullet lagi
• yang ini juga bullet

Sedikit ada spesial pada tag UL ini: bentuk bullet bisa kreasikan, baik dengan code maupun dengan gambar. Misalnya:

<ul> <li style="list-style-type:disc">ini bentuk disc bulllet</li>
<li style="list-style-type:circle">ini bentuk circle (lingkaran)</li>
<li style="list-style-type:square">kalo yang ini bentuk persegi</li></ul>

Sehingga hasilnya seperti:
• ini bentuk disc bulllet
o ini bentuk circle (lingkaran)
 kalo yang ini bentuk persegi

Kalo mau icon listnya bukan berupa number atau bullet, tapi berupa gambar, Anda bisa menggunakan kode ul tersebut yang ditambahi dengan css inline yang diselipi dengan url gambar icon yang dimaksud. Seperti:
<ul style="list-style-image: url(http://www.blogger.com/favicon.ico)"> <li>ini list yang pake icon gambar</li>
<li>yang ini juga contohnya </li> </ul>
Sehingga hasilnya menjadi:

  • ini list yang pake icon gambar
  • yang ini juga contohnya
Perbedaan bullet and numbering hanya pada tag pertama dan terakhir saja. Jika ingin membuat list berupa number, maka tag yang anda gunakan adalah OL. Sementara jika anda ingin membuat lists berupa icon simbol atau gambar, maka gunakan tag UL.

Oke… saya rasa itu aja dulu, ntar sambungannya lain kali aja… yang saya sebutkan di atas hanya contoh saja, silakan Anda kreasikan dengan imajinasi Anda sendiri. Selamat ber eksperimen dan semoga bermanfaat

Sumbernya dari sini...
Label:

Postingan populer dari blog ini

Ah lo mah babaturan BTB

Pagi shob.. setelah sekian lama kita berkelana di muka bumi yag kita cintai ini, pastinya menumkan dan merasakan berbagai hal. dalam istilah IPS kita sebagai makhluk sosial tidak bisa hidup tanpa bantuan orang lain, akan sangat perlu bantuan dan kerjasama dengan orang lain dalam setiap aspek kehidupan, seiring dengan berjalnnya waktu yang kita lewati kita akan sering berkenalan dengan orang dan disitulah terjalin istilah pertemanan / sahabat bahkan yang lebih jauh ialah menjadi pasangan hidup (suami/istri)
Continue reading. >>>>>>

Makalah Perkembangan Lansia

KATA PENGANTAR Pertama-tama marilah kita panjatkan puji serta syukur kita kepada Tuhan yang Maha Esa, yang dimana sampai saat ini rahmat dan anugrah-Nya masih selalu tercurah pada kita, salawat dan salam semoga tetap tercurah kepada nabi Muhammad SAW, kepada keluarga dan para sahabat-sahabatnya. Penulis sebagai penyusun makalah Perkembangan moral dan keberagamaan pada lansia ini bertujuan untuk memberikan pemaparan tentang perkembangan moral dan keberagamaan yang terjadi pada lansia (lanjut usia), selain hal itu makalah ini dibuat sebagai salah satu tugas mata kuliah Psikologi perkembangan. Semoga makalah ini bisa bermanfaat, terutama bagi mahasiswa yang sedang mempelajari mata kuliah psikologi perkembangan dan umumnya untuk seluruh pembaca. Bandung, 25 Desember 2011 Penyusun BAB I PENDAHULUAN A.       Latar Belakang Perkembangan menunjukan suatu proses tertentu yaitu suatu proses yang menuju ked...
Posting Komentar
Continue reading. >>>>>>

Sejarah perkembangan tasawuf di Sumatra Barat

PENDAHULUAN             Sumatera Barat merupakan salah satu wilayah di Nusantara yang terpengaruh pemikiran tasawuf di Aceh. Ini bisa dibuktikan dengan berkembangnya pemikiran-pemikiran tasawuf dan ordo tarekat di wilayah ini. Salah satu ordo tarekat yang berkembang pesat di Sumatera Barat yang bermula dari Aceh, adalah Tarekat Syatariyah. Pembawa pertama tarekat ini adalah Syaikh Abdullah al-Syathari (wafat 1415 M., ada juga yang mengatakan tahun 1428).             Dari kenyataan tersebut jelas bahwa pemikiran tasawuf yang berkembang di Sumatera Barat dipengaruhi pemikir tasawuf Aceh, terutama dari Abdul Rauf Singkel. Itulah sebabnya, dalam masalah pemikiran tasawuf, orang-orang Islam di Sumatera Barat meng
Posting Komentar
Continue reading. >>>>>>