Membuat daftar/list Yudhi arta.

Slides:



Advertisements
Presentasi serupa
HTML.
Advertisements

Jurusan Arsitektur FTSP – UMB Aplikasi Komputer MENGENAL HTML Minggu XII HALAMAN WEBSITE DIBUAT.
HTML Lanjutan Dahlan Abdullah
STMIK PPKIA Pradnya Paramita
DASAR HTML Marina Azizah. Struktur Dokumen HTML Dokumen HTML bisa di bagi mejadi tiga bagian utama: HTML Setiap dokumen HTML harus di awali dan di tutup.
Format Teks Dokumen HTML
HTML.
4/6/2015 Chapter 3 Grouping Elemen Grouping Elemen Penomoran ( listing ) Penomoran ( listing ) Hyperlink dan Image Hyperlink dan Image Created By Barka.
HTML By kartika puji pangesti
HTML (Hypertext Markup Language)
Pengembangan Evangs Mailoa Tes Tengah Semester WEB.
Web Programming HTML. Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background.
Tim FT Elektro UHAMKA CSS (Cascading Style Sheet)
Dasar Tag HTML Form Awal formulir ditandai dengan Tag , dan berisi dua kata kunci: METHOD dan ACTION.
Pengantar Pemrograman WEB
Pemrograman Web/TI/ AK /2 sks
Enumerasi, Images & Table
HTML Achmad Yasid,SKom. HTML Singkatan dari HyperText Markup Language adalah bahasa yang menjelaskan bagaimana suatu teks, video, grafik, animasi dan.
PENULISAN DENGAN HTML (Nelly Sofi). Peng. Komp & TI 2C2 MENGENAI PENULISAN HTML Browser HTML menginterpretasikan satu atau beberapa space yang berdekatan.
Atribut dalam Body Atribut dan contoh penulisan Fungsi
PERANCANGAN WEB Pertemuan 1: Pengenalan tentang WEB
Pertemuan 2 : HTML.
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
S1 Teknik Informatika - Unijoyo
Internet dan Web By : Lisda Juliana P..
Tim FT Elektro UHAMKA HTML (Bagian 2)
Pertemuan ke 2 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
Universitas Komputer Indonesia
Pengenalan Kuliah, Konsep Pemrograman Web dan Dasar HTML
Pemrograman Web Ch.3 LIST dan TABLE Tommy, ST, MKom.
Pemrograman Web List, link, & Tag img
Form Yudhi arta.
HTML BASIC (Contd…..) PERTEMUAN KEDUA.
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
Lutfi Budi Ilmawan Univ. Muslim Indonesia
PERTEMUAN 2 HTML (Lanjutan).
WEB 1 (HTML) STMIK A. Yani.
Modul 7 STMIK IKMI CIREBON Oleh Dita rizki amalia.
Apa Itu HTML HTML adalah singkatan dari Hypertext Markup Language, yaitu bahasa (aturan) standar yang digunakan untuk menampilkan teks, gambar, video dan.
KOMPUTER APLIKASI IT XHTML & CSS MODUL 05
HTML PEMROGRAMAN INTERNET.
Komputer aplikasi it-I (html)
Memuat Gambar Yudhi arta.
PENULISAN DENGAN HTML (Sindy Nova).
Pemrograman Web/TI/ AK /2 sks
HTML Introduction and Formatting Session 06 & 07
PENGATURAN TAMPILAN WEBSITE I
Memahami Tag div (Division)
Zanial Mazalisa, S.Kom.,M.M
S1 Teknik Informatika - Unijoyo
( HyperText Markup Language)
LIST.
Komputer aplikasi it-I (html)
PENULISAN DENGAN HTML.
List, Image, Link dan tabel
Pemrograman Berbasis WEB
Pemrograman Berorientasi Platform
Pemrograman Basis Data Berbasis Web
Komputer aplikasi it-I (html)
MEMBUAT LIST.
Pemrograman Berorientasi Platform (IN315B)
List HTML List Tag-Tag List Ordered List Unordered List Nested List
Kurikulum dan Teknologi Pendidikan Universitas Negeri Semarang
Darmawan satyananda Mathematics department State university of malang
Enumerasi, Images & Table
List dan Image pada HTML
PENULISAN DENGAN HTML.
Order dan Unorder List.
Desain Web dengan Tag HTML
Pemrograman Basis Data Berbasis Web
Transcript presentasi:

Membuat daftar/list Yudhi arta

Ordered List Ordered list atau Daftar berurutan dapat dibuat dengan menggunakan tag <ol> (singkatan dari ordered list) dan untuk setiap listnya kita gunakan tag <li> (singkatan dari list item/item daftar). Sebagai contoh, perhatikan kode HTML berikut : Penomoran daftar akan dilakukan secara otomatis ketika anda menambahkan daftar item. Gunakan Ordered list, ketika sebuah list/daftar memerlukan urutan yang benar, seperti cara menyalakan motor dan lain sebagainya.

Ordered List Dan jika ditampilkan pada browser, maka yang akan anda dapatkan adalah seperti berikut :

Unordered List Berbeda dengan daftar berurut, unordered list akan menandai setiap item dengan simbol. Baik berupa lingkaran atau persegi (anda masih bisa merubahnya dengan CSS). Untuk membuat daftar tidak berurut kita gunakan tag <ul> dan seperti tag <ol>, item yang terdapat di dalamnya harus diapit dengan tag <li>. Jika kita modifikasi contoh sebelumnya dengan merubah <ol> menjadi <ul> maka yang akan kita dapat adalah seperti berikut :

Unordered List Secara default, item akan ditandai dengan lingkaran.

Definition List Berbeda dengan Ordered List dan Unordered List yang memiliki struktur sama, Data list memiliki struktur tersendiri. Biasanya data list ini digunakan untuk membuat daftar istilah beserta definisinya seperti halnya dalam kamus. Tag dt (definition term) digunakan untuk menampung istilah yang akan didefinisikan,dan tag dd digunakan untuk menuliskan definisi dari dt sebelumnya. Berikut contoh penggunaan dari Definition List

List/Daftar bersarang Sebuah daftar bisa saja memiliki daftar lagi di dalamitemnya, atau biasa kita sebut dengan daftar/list bersarang (nested list). Contohnya seperti pada latihan yang akan kita buat berikut. Buat file baru dengan nama file latihan5.html lalu ketikkan kode HTML berikut