Langsung ke konten utama

pertemuan 4

PERTEMUAN 4

 Kali ini kita akan membahas cara membuat daftar/list dalam bahasa html, kita akan mempelajari beberapa materi yaitu:
1.list
2.list kombinasi
3.list kombinasi2
4.definition list
tapi sebelum melngkah lebih lanjut apakah kalian tau apa itu list? List (daftar) adalah bagian teks di dalam dokumen yang berisi daftar item dari suatu kelompok atau grup tertentu. Sebagai contoh, dalam situs web yang bertema kuliner, list dapat berupa daftar dari makanan dan minuman, beserta harganya. List dapat juga berupa prosedur (urutan langkah-langkah) dari
suatu pekerjaan tertentu, yang sifatnya harus dilakukan secara berurutan dari langkah pertama sampai langkah terakhir

1.LIST
 sebelum kalian memulai mengkoding, kalian diharuskan untuk menghafalkan tagnya seperti:
<ol> : untuk membuat daftar secara berurutan
<ul> : untuk membuat daftar secara tidak berurutan
<dl> : unruk membuat definisi daftar

tanda yang dapat digunakan antara lain
-huruf kapital
-huruf biasa
-angka
-romawi

untuk membuat list kalian diharuskan memulainya dengan mentag <ol> setelah itu kalian dapat mengisi/mentipe point-point untuk digunkan pada daftarnya kalian dapat mengisinya didalam tag<ol  >setelah itu didalam tag tersebut kalian dapat membuat isi daftarnya memnggunkan tag <li> sesuaikan attribut daftarnya sesuai kehendak
kalian dapat mengikuti codingan dibwah ini:


setelah kalian mengikuti kodingannya maka hasilnya akan seperti ini:

2.KOMBINASI LIST 1
 dalam materi ini kita akan membuat kodingan dengan mengkombinasikan semua attribut dalam satu laman seperti dibawah ini:
   setelah kallian koding maka akan menghasilkan tampilan web seperti ini:
3.LIST KOMBINASI2
ok dalam list kombinasi2 ini kita akan menggabungkan daftar berurutan dengan yang tidak berurutan    Ketika kita menggabungkan tag tidak berurutan <ul> tipe bullet dengan tag tidak berurutan <ul> pada daftar berikutnya, maka daftar yang kedua oleh browser akan ditampilkan secara otomatis menjadi daftar bulllet .Tidak demikian dengan daftar berurutan <ol>, maka agar tipenya sama dengan daftar berurutan sebelumnya, kita harus memberikan atribut tipe yang sama dengan daftar berurutan  sebelumnya. 
knfh
nkalian dapat mengikuti codingan dibawah ini:
hbcbhgf
dan hasil dari kodingan kalian akan menampilkan seperti ini:
4.DEFINITION LIST
untuk pembahasan terakhir ini kalian akan membuat sebuah daftar tetapi terdapat sebuah definisi yang menggambarkan daftar tersebut kali ini kita menggunakan tag <dl> kalian dapat melihat kodingan dibawah ini:
dan hasil dari kodingan diatas akan muncul seperti ini:
terima kasih dan sampai berjumpa lagi
jhxd

Komentar

Posting Komentar

Postingan populer dari blog ini

PRAKTIKUM 4

PRAKTIKUM 4 kali ini adalah praktek saya yang ke 4 pada pertemuan itu kami membahas tentang codingan nilai absolut, gaji karyawan, total pembelian, lama proyek saya akan menampilkan codingan tersebut dan hsil dari runningnya sebagai kententuan untuk memenuhi syarat penilaian program dasar di semester 2 ini, Oke berikut adalah codingan dan hasilnya 1.NILAI ABSOLUT 2.GAJI KARYAWAN  3.TOTAL PEMBELIAN 4.LAMA PROYEK  hanya segitu saja yang dapat ditampilkan terima kasih atas kunjungan anda,
Posting Komentar
Baca selengkapnya

PRAKTIKUM 2

PRAKTIKUM 2 assalamualaikum wr wb OK Guys kembali lagi dengane kali ini ane bakal ngebahas basic dari pembuatan pemograman bagi ANTUM yang udah punya code blocksnya tinggal ikutin aja tutorialnya simak baik-baiknya. CODINGAN 1 Pertama tama yang paling utama kalian buka file baru dengan menekan CRTL+SHIFT+N lalu kalian harus menyimpan file tersebut seperti pada gambar dibawah ini. jangan lupa pakai .CPP Maka akan muncul warna berbeda. Step selanjutnya kalian semua harus dan wajib disetiap pembuatan program, ini harus tercantum dicodingan kalian bila tidak maka akan terjadi error. Ingat OK  #INCLUDE<IOSTREAM> ,  lalu dibawahnya tulis  using namespace std;  jangan lupa menuju baris baru kalian harus mengakhirinya dengan  ;   sesudah itu kalian ENTER 2 kali dan tulis  INT MAIN(){}  lalu kalian ENTER pada kurung kurawal lalu kalian masukan codingan kalian. Karena kali ini menggunakan variabel interger maka kita tulis I...
1 komentar
Baca selengkapnya

pertemuan 9

VIORIZA-XI-RPL1 VIORIZA-XI-RPL1 PERTEMUAN 9 Ok kali kita akan mambahas tentang css, sebelum itu kita harus tahu apa itu css? css adalah dokumen website yang bertujuan mengatur gaya dari html tersebut, css terdiri dari selector, property, value dalam pengcodingannya pun terbagi menjadi 3 yaitu 1.inline 2.embedded 3.external untuk peformatannya kalian harus mencari sendiri karian luas sekalian berikut contoh dari penggunaan dari css inlinecss.html Contoh Penggunaan Inline Hello World, Ini adalah contoh penggunaan inline embedded with class dan id1.html Contoh Embedded, Selector Class dan ID Salam satu jiwa Totalitas tanpa batas Sangar embedded with class dan id 2.html embedded css atau internal username password external with class dan id.html External css Selamat Siang Everybody!!!! konnichiwa Good afternoon styleexternal.css .kotak{ border: solid...
Posting Komentar
Baca selengkapnya