Ign.F.Bayu Andoro.S, M.Kom
HTML Lists
Unordered List with Default Bullets
Style
Description
list-style-type:disc
List akan ditampilkan bullets (default)
list-style-type:circle
List akan ditampilkan circles (lingkaran)
list-style-type:square
List akan ditampilkan squares (kotak)
list-style-type:none
List tidak akan ditampilkan
Unordered List with Disc Bullets
Ordered HTML Lists
Ordered List
- Coffee
- Tea
- Milk
1 Modul Pemrograman Web Dasar (HTML)
HTML List
Ign.F.Bayu Andoro.S, M.Kom
Ordered HTML Lists - The Type Attribute Type
Description
type="1"
List akan menampilkan numbers (default)
type="A"
List akan menampilkan uppercase letters (huruf kapital)
type="a"
List akan menampilkan lowercase letters (huruf kecil)
type="I"
List akan menampilkan uppercase roman numbers (romawi kapital)
type="i"
List akan menampilkan lowercase roman numbers (romawi kecil)
Ordered List with Numbers
- Coffee
- Tea
- Milk
HTML Description Lists
A Description List
- Coffee
- - black hot drink
- Milk
- - white cold drink
2 Modul Pemrograman Web Dasar (HTML)
HTML List
Ign.F.Bayu Andoro.S, M.Kom
Horizontal Lists <style> ul#menu li { display:inline; }
Horizontal List
Program untuk membuat menu <style> ul#menu { padding: 0; } ul#menu li { display: inline; } ul#menu li a { background-color: black; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px 4px 0 0; } ul#menu li a:hover { background-color: orange; } 3 Modul Pemrograman Web Dasar (HTML)
HTML List
Ign.F.Bayu Andoro.S, M.Kom
Horizontal List
4 Modul Pemrograman Web Dasar (HTML)
HTML List
Ign.F.Bayu Andoro.S, M.Kom
HTML Block and Inline Elements The
Element
London
SMK Ibu Kartini merupakan sekolah yang berada di Jl. Imam Bonjol 199 Semarang. Mempunyai 3 (Tiga) jurusan yaitu: Tata Boga, Tata Busana dan Rekayasa Perangkat Lunak.
Siswa jurusan RPL harus mempunyai jiwa jujur, disiplin dan bertanggung jawab.
The <span> Element
Siswa <span style="color:red">Rekayasa Perangkat Lunak harus berhasil dan pintar..
5 Modul Pemrograman Web Dasar (HTML)
HTML List
Ign.F.Bayu Andoro.S, M.Kom
HTML Classes Classing Block Elements <style> div.cities { background-color:blue; color:white; margin:20px; padding:20px; }
Kota Semarang
Kota Semarang adalah ibukota Provinsi Jawa Tengah, Indonesia sekaligus kota metropolitan terbesar kelima di Indonesia sesudah Jakarta, Surabaya, Bandung, dan Medan.
Sebagai salah satu kota paling berkembang di Pulau Jawa, Kota Semarang mempunyai jumlah penduduk yang hampir mencapai 2 juta jiwa dan siang hari bisa mencapai 2,5 juta jiwa.
Wilayah Kota Semarang
Bahkan, Area Metropolitan Kedungsapur (Kendal, Demak, Ungaran Kabupaten Semarang, Kota Salatiga, dan Purwodadi Kabupaten Grobogan) dengan penduduk sekitar 6 juta jiwa, merupakan Wilayah Metropolis terpadat keempat, setelah Jabodetabek (Jakarta), Gerbangkertosusilo (Surabaya), dan Bandung Raya.
Dalam beberapa tahun terakhir, perkembangan Semarang ditandai pula dengan munculnya beberapa gedung pencakar langit di beberapa sudut kota. Sayangnya, pesatnya jumlah penduduk membuat kemacetan lalu lintas di dalam Kota Semarang semakin macet.
Perbatasan Kota Semarang
Kota Semarang dipimpin oleh wali kota Hendrar Prihadi, S.E, M.M. Kota ini terletak sekitar 558 km sebelah timur Jakarta, atau 312 km sebelah barat Surabaya, atau 621 km sebalah barat daya Banjarmasin (via udara).
Semarang berbatasan dengan Laut Jawa di utara, Kabupaten Demak di timur, Kabupaten Semarang di selatan, dan Kabupaten Kendal di barat. Luas Kota 373.67 km2.
6 Modul Pemrograman Web Dasar (HTML)
HTML List
Ign.F.Bayu Andoro.S, M.Kom
Classing Inline Elements <style> span.note {font-size:120%;color:red;}
Siswa <span class="note">RPL harus patuh dan taat kepada aturan dan tata tertib
Siswa RPL <span class="note">dapat berhasil dan pintar berkat doa dan usaha.
7 Modul Pemrograman Web Dasar (HTML)
HTML List
