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

Belajar HTML bersama part 2(mengenai Tag Heading)

  Alhamdulillah segala puji bagi Rabb semesta alam yang masih di beri kesempatan bisa bertemu lagi di tulisan atau video ini. pada kesempatan kemaren kita sudah mencoba membuat file html. dan sekarang ayo kita mencoba yang lebih dalam mengenai HTML. di dalam file kemaren atau bacaan atau video kemaren ada beberapa isi body yang kita tahu. yaitu <h1> dan <p>. untuk kesempatan kali ini saya mencoba memberitahukan arti h1 itu dulu, dan next bacaan atau video kita lanjutkan yang lain. untuk h1 kalau dalam teori disebut heading yang fungsinya membuat tulisan di dalam body itu berukuran menurut ukuran sesuai sistem. h1 ini terdiri sampai h6. jadi kita nanti kita akan coba h1 sampai h6. sekarang kita coba buka notepad lagi dan tulis atau copy paste tulisan berikut <html> <head> <title>Website Pertama</title> </head> <body> </body> </html> kemudian diantara tag body kita tulis atau copy paste tag h1 kemudian di sav...
Posting Komentar
Baca selengkapnya