Langsung ke konten utama

Belajar HTML chapter 4 (List, Blok, Layout)

Assalamualaikum wr.wb
kali ini saya akan menjelaskan beberapa Kode html untuk membuat list, blok, dan layout.
HTML-List
Tag HTML List
TagDeskripsi
<ol>Mendefinisikan ordered list
<ul>Mendefinisikan daftar unordered
<li>Mendefinisikan item daftar
<dl>Mendefinisikan sebuah daftar definisi
<dt>Mendefinisikan item dalam daftar definisi
<dd>Mendefinisikan deskripsi dari item dalam daftar definisi
Contoh unordered list :
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
browser akan menampilkannya :
  • Coffee
  • Milk
Contoh ordered list :
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
Browser akan menampilkannya:
  1. Coffee
  2. Milk
Contoh definition list :
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
Tampilan pada browser :
Coffee
– black hot drink
Milk
– white cold drink

TAG HTML LIST

TAGDESKRIPSI
<ol>untuk ordered list
<ul>untuk unordered list
<li>untuk item list
<dl>untuk definition list
<dt>untuk item dari definition list
<dd>untuk sebuah item dalam definion list
HTML BLOCK
html <div> dan <span>
Elemen html dapan dikelompokkan bersama menggunakan <div> dan <span>, kebanyakan elemen html didefinisikan sebagai elemen block level dan elemen inline.Elemen block level umumnya diawali dan diakhiri dengan adanya baris baru, Contohnya :<p>,<h1>,<table>,<ul>.
Sedangkan elemen inline tidak ada garis baru, contohnya : <b>,<td>,<a>,<img>.
Elemen html <div>
<div> termasuk elemen block level yang digunakan untuk menampung kumpulan elemen lain.elemen ini digunakan untuk membuat layout yang menggantikan <table> sebagai cara lama untuk membuat layout, sekarang <table> tidak digunakan lagi untuk membuat layout dan hanya digunakan untuk menampilkan tabular data saja.
Elemen html <span>
elemen <span> merupakan sebuah elemen inline yang digunakan sebagai penampung untuk teks.
HTML LAYOUT
html layout – menggunakan elemen <div>
hasilnya adalah :

html layout – dengan menggunakan <table>
membuat layout dengan menggunakan<table> sudah tidak dibenarkan karena <table> sekarang hanya ditujukan untuk menampilkan sebuah tabular data.
contoh:
hasilnya adalah :
TAG HTML LAYOUT
TAG
DESKRIPSI
<table>
mendeskripsikan sebuah tabel
<div>
mendeskripsikan bagian dalam dokumen
sekian untuk materi kali ini, semoga bermanfaat !!!
Wassalamualaikum wr wb
Sumber :w3schools.com

Komentar

Postingan populer dari blog ini

Soal Pilihan Ganda Variabel, Konstanta, Operator dan Ekspresi Pemrograman C++

1.double angka; . kode program disamping merupakan tipe data… [C3] a.Bilangan bulat b.Bilangan riil c.Logika d.Karakter e.Struktur      2.Dibawah merupakan tipe data bilangan bulat adalah… [C1] a.char b.double c.float d.int e.boolean      3.Tipe data bahasa C++ untuk true false adalah… [C1] a.String b.Char c.Boolean d.Byte

Penilaian (Definisi, Prinsip dan Tujuan)

Definisi Penilaian Penilaian adalah proses pengumpulan dan pengolahan informasi untuk menentukan pencapaian hasil belajar peserta didik (Saputra, Salikun, & Nugroho, 2014, hlm.31).
Penilaian adalah proses pengumpulan berbagai informasi tentang siswa dan ruang kelas untuk tujuan membuat keputusan instruksional (Sapa’at, 2012. hlm.221).
Dengan dilakukannya penilaian di dalam kelas dapat menjawab pertanyaan tentang sebaik apa hasil atau prestasi belajar peserta didik. Hasil penilaian dapat berupa nilai kualitatif (berupa kata-kata) dan nilai kuantitatif (berupa angka).
Proses pengumpulan dan pengolahan informasi tersebut dilakukan untuk mengukur pencapaian hasil belajar peserta didik. Proses penilaian tersebut mencakup: penilaian otentik, penilaian diri, penilaian berbasis portofolio, ulangan, ulangan harian, ulangan tengah semester, ulangan akhir semester, ujian tingkat kompetensi, ujian mutu tingkat kompetensi, ujian nasional, dan ujian sekolah/ madrasah. (Permendikbud No.66 Tahun …

Bagaimana Cara Kerja Kapasitor

Sebuah kapasitor bentuknya kecil seperti sebuah baterai. Walaupun kapasitor bekerja dengan cara yang sangat berbeda, kapasitor dan baterai keduanya menyimpan energi listrik. Jika kamu pernah membaca bagaimana cara kerja baterai, maka kamu tahu bahwa sebuah baterai memiliki dua buah terminal. Di dalam sebuah baterai, reaksi kimia menghasilkan elektron-elektron pada ujung satu terminal and menyerap elektron-elektron pada terminal lainnya. Sebuah kapasitor jauh lebih sederhana di bandingkan sebuah baterai, kapasitor tidak dapat menghasilkan elektron-elektron baru -- kapasitor hanya menyimpan elektron-elektron.

Di dalam kapasitor, terminal-terminalnya tersambung ke dua plat logam yang dipisahkan oleh sebuah bahan bukan penghantar listrik, atau dielektrik. Kamu dapat dengan mudah membuat sebuah kapasitor dari dua buah aluminum foil dan satu buah kertas. Itu tidak akan menjadi sebuah kapasitor pada umumnya dalam hal kapasitas penyimpanan, tapi itu akan bekerja.

Secara teori, dielektrik ada…