List dan Image pada HTML

Slides:



Advertisements
Presentasi serupa
HTML.
Advertisements

Image. Image atau gambar • Fungsinya untuk menambah daya tarik dari sebuah halaman web. • Dengan penambahan gambar maka akan mengakibatkan semakin bertambah.
Matakuliah Pengenalan Internet STMIK Palangkaraya Oleh : Suparno Blog : Pengenalan HTML - 2 Bullet Numbering.
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.
Praktek Dasar HTML Ulla Delfana Rosiani, ST. Praktek Dasar HTML Anda akan mempelajari tentang: Membuat sebuah home page Memformat text Membuat links ke.
Format Teks Dokumen HTML
PEMROGRAMAN WEB (IS 222) - PERTEMUAN 2-
HTML.
4/6/2015 Chapter 3 Grouping Elemen Grouping Elemen Penomoran ( listing ) Penomoran ( listing ) Hyperlink dan Image Hyperlink dan Image Created By Barka.
HTML (Hypertext Markup Language)
Pengembangan Evangs Mailoa Enumerasi, Image & Table WEB.
Pengembangan Evangs Mailoa Tes Tengah Semester WEB.
Dasar Tag HTML Form Awal formulir ditandai dengan Tag , dan berisi dua kata kunci: METHOD dan ACTION.
HTML (Hypertext Markup Language)
Pengantar Pemrograman WEB
Pemrograman Web/TI/ AK /2 sks
Bekerja dengan file dan desain web
Pemrograman Berbasi Web Session 2
Enumerasi, Images & Table
HTML Achmad Yasid,SKom. HTML Singkatan dari HyperText Markup Language adalah bahasa yang menjelaskan bagaimana suatu teks, video, grafik, animasi dan.
BASIC TAG Belajar HTML COBA COBA 1 HASILNYA STRUKTUR HTML HTML Setiap document HTML harus di awali dan di tutup dengan tag HTML HEAD Bagian header dari.
Atribut dalam Body Atribut dan contoh penulisan Fungsi
Pertemuan 2 : HTML.
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
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
Pemrograman Web Ch.3 LIST dan TABLE Tommy, ST, MKom.
Pemrograman Web List, link, & Tag img
HTML BASIC (Contd…..) PERTEMUAN KEDUA.
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
Lutfi Budi Ilmawan Univ. Muslim Indonesia
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)
HTML Introduction and Formatting Session 06 & 07
PENGATURAN TAMPILAN WEBSITE I
Zanial Mazalisa, S.Kom.,M.M
Membuat daftar/list Yudhi arta.
Zanial Mazalisa, S.Kom.,M.M
S1 Teknik Informatika - Unijoyo
( HyperText Markup Language)
(Satuan Acara Perkuliahan)
LIST.
Komputer aplikasi it-I (html)
List, Image, Link dan tabel
Pemrograman Basis Data Berbasis Web
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
Pemrograman Web HTML (2) Andy Haryoko, ST.
Enumerasi, Images & Table
List dan Image pada HTML
Tag Dasar dan Format Teks pada Html
List dan Image pada HTML
Enumerasi, Images & Table
List dan Image pada HTML
Order dan Unorder List.
List dan Image pada HTML
List dan Image pada HTML
Desain Web dengan Tag HTML
Pemrograman Basis Data Berbasis Web
Transcript presentasi:

List dan Image pada HTML 11/13/2018 List dan Image pada Html PK&TI 2C (Minggu ke-7) Rr. Artiana Krestianti 11/13/2018 SAP PK&TI 2C Artiana Krestianti

List dan Image pada HTML 11/13/2018 List pada Html List merupakan bentuk yang umum yang biasa kita gunakan untuk menguraikan daftar sesuatu. Jenis-jenis list dalalm HTML ada tiga yaitu list dengan nomor (ordered list), list tanpa nomor (unordered list) dan list definisi (definition list) : List definisi Adalah list yang memberikan uraian terhadap suatu item yang terdapat di dalam daftar. Penulisannya dalam tag HTML menggunakan <dl> (def list), <dt> (def term), dan <dd> (def description). 11/13/2018 SAP PK&TI 2C Artiana Krestianti

List pada Html (lanjutan) List dan Image pada HTML 11/13/2018 List pada Html (lanjutan) List dengan nomor Adalah daftar yang setiap itemnya akan diberi nomor. Nomor tersebut dapat berupa angka, angka romawi maupun huruf. Penulisannya dalam tag HTML menggunakan <ol type=”A”>..........</ol> Tipe Arti “I” Ditampilkan dengan angka Romawi huruf besar “i” Ditampilkan dengan angka Romawi huruf kecil “A” Ditampilkan dengan abjad Latin huruf besar “a” Ditampilkan dengan abjad Latin huruf kecil 11/13/2018 SAP PK&TI 2C Artiana Krestianti

List pada Html (lanjutan) List dan Image pada HTML 11/13/2018 List pada Html (lanjutan) List tanpa nomor Adalah daftar yang setiap itemnya tidak diberi nomor melainkan hanya berupa bullet saja dapat berupa kotak atau bulat. Penulisannya dalam tag HTML menggunakan <ul type=”circle”>.....</ul> Tipe Arti “Circle” Ditampilkan dengan lingkaran putih “Disc” Ditampilkan dengan lingkaran hitam “Square” Ditampilkan dengan kotak hitam 11/13/2018 SAP PK&TI 2C Artiana Krestianti

Contoh Tampilan List pada Html List dan Image pada HTML 11/13/2018 Contoh Tampilan List pada Html 11/13/2018 SAP PK&TI 2C Artiana Krestianti

Contoh Program List pada Html 11/13/2018 SAP PK&TI 2C

List dan Image pada HTML 11/13/2018 Image pada Html Sebuah gambar berbicara seribu kata, merupakan pepatah yang sering digunakan orang untuk menunjukkan bahwa “Gambar” bisa berbicara lebih baik dari pada penjelasan yang panjang lebar. Gambar di dalam suatu web page merupakan daya tarik bagi pengunjung suatu web site, agar pengunjung mau membaca isi/ informasi yang ada di dalam web site tersebut. 11/13/2018 SAP PK&TI 2C Artiana Krestianti

Image pada Html (lanjutan) Umumnya windows browser web dapat menam-pilkan inline image, yaitu gambar yang disajikan bersamaan dengan teks, yang mempunyai format X Bitmap (XBM), GIF, JPEG, atau PNG. Setiap gambar akan membutuhkan waktu tambahan untuk di download dan akan sedikit memperlambat awal penampilan suatu dokumen dalam windows browser web. Oleh karena itu hati-hati dalam memilih gambar dan menyertakannya dalam suatu dokumen HTML. 11/13/2018 SAP PK&TI 2C

Contoh Tampilan Image pada Html List dan Image pada HTML 11/13/2018 Contoh Tampilan Image pada Html 11/13/2018 SAP PK&TI 2C Artiana Krestianti

Contoh Tampilan Image pada Html List dan Image pada HTML 11/13/2018 Contoh Tampilan Image pada Html 11/13/2018 SAP PK&TI 2C Artiana Krestianti

Contoh Program Image pada Html 11/13/2018 SAP PK&TI 2C

Contoh Tampilam Image pada Html 11/13/2018 SAP PK&TI 2C

Contoh Program Image pada Html 11/13/2018 SAP PK&TI 2C

List dan Image pada HTML 11/13/2018 TERIMA KASIH 11/13/2018 SAP PK&TI 2C Artiana Krestianti