Langsung ke konten utama

Belajar HTML dasar bersama part 9 : Mengenal dan cara membuat Tag OL dan UL list pada HTML

  


tulisan kali ini kita akan mencoba apa yang namanya tag OL dan UL dan LI dalam HTML, apa fungsi dari ketiga tag tersebut, dan bagaimana cara memakainya dalam HMTL dan bagaimana hasil dari ketiga tag tersebut, dan sebelum memulain saya mohon izin untuk mengucapkan

Alhamdulillah atas segala nikmat yang di berikan kepada saya dan juga nikmat yang mana saya masih bisa membuat, menulis, dan berbagi lagi sesuatu yang saya tahu

di blog ini dengan kalian kawan. untuk kesempatan kali ini kita akan mencoba tag OL dan UL list pada kode HTML, yang mana untuk kedua tag tersebut berfungsi untuk

membuat list pada kode HTML. dan sebenarnya nih kawan saya tiba-tiba saja ingat dengan kedua tag ini bahwa tag ini juga akan selalu dipakai nanti 

di setiap session pembuatan applikasi berbasis website. padahal saya sudah lupa kawan. hehehehe.


oke lah kita langsung saja buka notepad++ nya dan kita langsung copy paste pada lembaran baru notepad++ nya.

- kita terlebih dahulu akan mencoba tag UL dan kemudian ketik atau copy paste kode berikut ini kawan


<html>

<head>

<title>Website Pertama</title>

</head>

<body>

<p>Belajar Bersama HTML tentang Tag UL dan OL

<p>Ini contoh tag UL list nama malaikat

<ul>

<li>Malaikat Jibril</li>

<li>Malaikat Mikail</li>

<li>Malaikat Isrofil</li>

<li>Malaikat Izroil</li>

<li>Malaikat Rokib dan Atid</li>

</ul>

</p>

</p>

</body>

</html>

1. dari kode diatas maka akan menghasilkan seperti di bawah ini.


- dari dengan melihat hasil diatas, kita bisa menerka dan menyimpulkan bahwa fugnsi Tag UL (Unordered List) adalah membuat list yang tidak berurutan. dan tag

LI (List) itu yang membuat isi listnya.

- dan sekarang kita coba dengan tag OL dan ketik atau copy paste kode berikut

<html>

<head>

<title>Website Pertama</title>

</head>

<body>

<p>Belajar Bersama HTML tentang Tag UL dan OL

<p>Ini contoh tag UL list nama malaikat

<ul>

<li>Malaikat Jibril</li>

<li>Malaikat Mikail</li>

<li>Malaikat Isrofil</li>

<li>Malaikat Izroil</li>

<li>Malaikat Rokib dan Atid</li>

</ul>

</p>

<p> Ini Contoh Tag OL list nama Nabi

<ol>

<li>Nabi Adam A.S.</li>

<li>Nabi Idris A.S.</li>

<li>Nabi Nuh A.S.</li>

<li>Nabi Hud A.S.</li>

<li>Nabi Saleh A.S.</li>

</ol>

</p>

</p>

</body>

</html>

2.  dari kode diatas maka akan menghasilkan seperti di bawah ini.


- hasil diatas tersebut bisa memberikan kita suatu penilaian terhadap fugnsi OL (Ordered List) bahwa tag OL ini adalah tag yang berfungsi untuk mebuat list yang

berurutan.


dari penjabaran diatas mudah-mudahan bisa cepat dicerna oleh kita semua, dan saya yakin tulisan diatas tidak ribet kan. 

oke untuk tutorial kali ini sampai disini dulu, kita lanjut di next tutorial kawan

bagi yang males mau ngetik silahkan download disini

 salam sobat semua


#html #free #share #dekstop #windows #gratis #study #belajar #pemrograman #websites #web #websites #list #order #ordered

 

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Install Perl

  Salam Sobat Semua ALhamdulillah Sholawat serta salam tetap tercurah kepada sang panutan sayyidina Muhammad S.A.W. untuk kesempatan kali ini saya ingin berbagi tentang Applikasi perl dan Instalasi nya. mungkin kebanyakan orang applikasi perl ini tidak begitu penting apalagi di kalangan designer. tapi lain kata dengan kalangan yang suka melakukan aktifitas hacking,cracking,carding dan programming. mereka akan sangat membutuhkan applikasi ini karena memang ada beberapa tool atau alat yang terbuat dari bahasa perl. dan Insya Allah nanti saya akan berbagi juga dasar dasar perl oke :D heheheh. ok langsung saja.  - Download applikasi instalasi perl di https://adsafelink.com/4vKs7DHTY7 - ekstrak dari winrar nya 1. klik dua kali applikasi instalasi perl yang sudah di download dan setalah muncul jendela seperti di gambar maka klik next 2. Pilih option i accept dan kemudian klik next seperti tampak pada gambar 3. di bagian jendela ini untuk settingannya kita pakai yang standard saja ti...
Posting Komentar
Baca selengkapnya

Ahbabul Musthofa

Ahbabul Musthofa adalah nama majelis yg diasuh oleh Alhabib Hasan bin Ismail Al-muhdor yang berada di daerah Jawatimur Probolinggo kraksaan Widoro. Ahbabul Musthofa berdiri kurang lebih d tahun 2006. Majelis Ahbabul Musthofa adalah tempat berkumpulnya manusia - manusia pecinta Al-Musthofa dari semua kalangan dan dari segala penjuru pelosok desa. Majelis ini mempunyai stasion radio yang berada pada frekuensi 107.3 fm. selain stasion Radio Ahbabul Musthofa juga mempunyai sumber air minum untuk umat sekitar kraksaan probolibggo. kita bisa mengambilnya secara gratis di sumber mata airnya langsung. Rasa airnya sungguh sungguh sangat enak, tidak kalah rasa dengaan air pasaran yang bermerk seperti aqua. Majelis ini juga sering mengadakan acara-acara positif yang menggiring para pemuda untuk ikut serta dalam acara tersebut, seperti berkeliling se kota kraksaan pada malam 1 Rojab dalam rangka berziaroh ke maqbaroh para orang-orang sholeh atau orang-orang pendahulu yang berjasa menyebarkan i...
Posting Komentar
Baca selengkapnya