Belajar HTML Dari Nol Sampai Mahir | Untuk Pemula | Membuat Daftar dengan Elemen ul dan ol

preview_player
Показать описание
KelasKomputerOnline
Belajar HTML Dasar: Membuat Daftar dengan Elemen ul dan ol
Halo teman-teman! Ingin membuat informasi di website Anda lebih terstruktur dan mudah dibaca? Elemen list adalah jawabannya! Di video ini, kita akan belajar cara membuat daftar berurutan dan tidak berurutan menggunakan HTML. Kita juga akan membahas cara membuat daftar definisi.

Kita akan bahas:
Apa itu elemen list dalam HTML?
Cara menggunakan elemen ul dan ol
Perbedaan antara daftar berurutan dan tidak berurutan
Membuat daftar definisi dengan dl
Tips membuat tampilan daftar yang menarik
Jangan lupa like, komen, dan subscribe ya! Ada banyak tutorial HTML menarik lainnya yang bisa kamu tonton.

#belajarHTML #tutorialHTML #webdevelopment #pembuatanwebsite #ul #ol #dl #list #daftar

Bersama saya:
Andhis di Channel #KelasKomputerOnline

Support Pertanyaan Terkait Dengan Video ( Chat )
Рекомендации по теме
Комментарии
Автор

Mantap, bang.
Meski soal latihannya sederhana, tapi logikaku bener-bener dimainkan. Dan Alhamdulillah sukses, tampilannya sama persis seperti yang ada di soal.
Trimakasih, bang.

zamriyu_id
Автор

Terimakasih banyak bang atas ilmunya. Oh ya soal yang abang kasih selesai...walaupun agak mikir karena letaknya beda😁

MAF
Автор

terimakasih saya sudah menyiap kan tuagsnya dengan logika saya semdiri

Cameiliadwiyanti
Автор

Makasi mas udh ngebantu jelasin dengan detail dan mudah di pahami, dan terimakasih atas tugas yg di berikan, saya bisa menyelesaikan nya, sekali lagi terimakasih

shimazuki
Автор

mantap bang, aku udh selesaikan tugas dari vidio ini, yg java scrip semoga saja ada tutornya, tutornya enak dapat dimengerti dan di pahami, aku subscribe ya

supriadi_
Автор

Terima kasih Mas, Ilmu nya.
Penjelasannya sangat mudah dimengerti.
Hasilnya latihan yang Mas kasih, sekali coba langsung berhasil.
hehehehe

Kaumterdidik
Автор

terima kasih mas, ,
alhamdulillah bisa buat sama persis

Автор

Akhirnya selesai, kuncinya programnya harus rapi dan urut

reysatrio
Автор

Gini kah min?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Latihan List</title>
</head>
<body>
<h2>List Komponen PC</h2>
<ol>
<li>
<mark>
<abbr title="Perangkat Keras">Hardware</abbr>
</mark>
</li>
<ul type="square">
<li>Hardisk</li>
<li>Motherboard</li>
<li>Processor</li>
</ul>
<li>
<mark>
<abbr title="Perangkat Lunak">Software</abbr>
</mark>
</li>
<ul type="circle">
<li>System Operation</li>
<ul type="disc">
<li>Windows</li>
<li>Mac Os</li>
<li>Linux</li>
</ul>
<li>Firmware</li>
<li>Aplikasi</li>
<li>Bahasa Pemrograman</li>
<ul type="disc">
<li>PHP</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Phyton</li>
<li>C++</li>
</ul>
</ul>
<li>
<mark>
<abbr title="definisi brainware yaitu manusia yang terlibat dalam mengoperasikan atau pemakaian serta mengatur sistem di dalam perangkat komputer.">Brainware</abbr>
</mark>
</li>
<ol>
<li>Operator</li>
<li>Teknisi</li>
<li>Programer</li>
<li>Administrator</li>
</ol>
</ol>

</body>
</html>

muhammadwildan
Автор

bang itu ngebuat <!-- 1. Ordered LIst --> dengan tulisan miring gimana yaa bang?
soalnya aku ikutin di awal video abang tuh. tapi engak ada penjelasan dari video sebelumnya.
btw, , , ada solusinya engak bg untuk buat tulisannya bisa miring gitu.
karna aku emang pemula belajar HTML bang.
mohon di jawab terima kasih bang.

elizabety
Автор

ahirnya nemu belajar html yang pake soal latihan.. makasihh kang🤩

kiritokun
Автор

cara buat <!- - order list - -> di vscode gmna kaa

JulioAlfian-ln
Автор

Bang itu apa ngaruhnya ketuka kita ngeteg sesuatu lalu warnanya ttp biru, karna biasanya saya ngetik (li) ttp biru g berubah warnanya, kaya di vidiu😅😊

andiarsad
Автор

Cara biar text nya itu ga ada spasi enter kebawah nya gimana bang?

ReozoruGakun
Автор

Mau tanya bang untuk spasi gunakan tag apa yah?
Mau latihan 1 html, yg belum ketemu spasi, seperti contoh di no 2.software
°system operasi
Windows
Nah untuk spasi tulisan windows sampe mac os itu pake tag apa yh🤣

Gk mudeng otak saya bang🤣

anisart
Автор

bang kok gw type di <ul> nya gk ada

masterx-ray
Автор

kang untuk soal latihan saya dah bisa smwa cuman untuk penomoran OL nya angka 1 semua, dari hadware sampai brainware, harusnya gimana ya? moga dibales😁

kiritokun
Автор

saya ketik ol sama ul kok gabisa ngasi typenya ya bang padahal dah bener penempatan dan posisinya

GilbertValen
Автор

Bagaimana cara menampilkan <!-- 1. Ordered List --> Bang?

khairulAnwar_
Автор

Belajar html CSS dilaptop nama aplikasinya apa kak

IrulHuda-sm