Pemrograman Web List, link, & Tag img

Slides:



Advertisements
Presentasi serupa
Image – Hyperlink – Form
Advertisements

HTML.
Pemrograman Web 1Humisar Hasugian, S.Kom 1 Pengenalan HTML HTML • Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan.
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
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.
HTML (Hypertext Markup Language)
Pengembangan Evangs Mailoa Enumerasi, Image & Table WEB.
HTML-LINK-LIST.
Pemrograman Web/TI/ AK /2 sks
Enumerasi, Images & Table
Gambar Mari kita coba menambahkan gambar di halaman yang kita buat. Kita akan menggunakan gambar di bawah ini. Sekali lagi, klik kanan dan simpan gambar.
LINK.
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
Pertemuan 2 : HTML.
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
HTML (cont.) (Nelly Sofi). Peng. Komp & TI 2C2 Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen.
Team Teknik Elektro UHAMKA HTML.
HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
S1 Teknik Informatika - Unijoyo
Internet dan Web By : Lisda Juliana P..
Desain Web dengan Tag HTML
WEB STATIS Sabian Pamungkas.
Pengenalan Kuliah, Konsep Pemrograman Web dan Dasar HTML
Pemrograman Web Ch.3 LIST dan TABLE Tommy, ST, MKom.
Lutfi Budi Ilmawan Univ. Muslim Indonesia
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.
Komputer aplikasi it-I (html)
HTML (cont.) (Devi Indriani).
PENULISAN DENGAN HTML (Sindy Nova).
HTML.
HTML Introduction and Formatting Session 06 & 07
PENGATURAN TAMPILAN WEBSITE I
Membuat daftar/list Yudhi arta.
S1 Teknik Informatika - Unijoyo
( HyperText Markup Language)
LIST.
Komputer aplikasi it-I (html)
PENULISAN DENGAN HTML.
By : Ni Kadek Ariasih,S.Kom
List, Image, Link dan tabel
Pemrograman Berbasis WEB
Pemrograman Basis Data Berbasis Web
Pemrograman Berorientasi Platform (IN315B)
Komputer aplikasi it-I (html)
Dasar HTML Hypertext Markup Language Dasar HTML.
Darmawan satyananda Mathematics department State university of malang
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
Enumerasi, Images & Table
Pemrograman Web HTML (3) Memasukan file swf LINK Andy Haryoko, ST
List dan Image pada HTML
List dan Image pada HTML
Enumerasi, Images & Table
PENULISAN DENGAN HTML.
Order dan Unorder List.
Desain Web dengan Tag HTML
Pemrograman Basis Data Berbasis Web
Transcript presentasi:

Pemrograman Web List, link, & Tag img Lutfi Budi Ilmawan Univ. Muslim Indonesia

Membuat daftar/list Sebuah daftar dapat memiliki penomoran atau hanya sebuah simbol berupa lingkaran atau bentuk lainnya. Dalam HTML, daftar yang menggunakan penomoran disebut dengan ordered list dan yang menggunakan simbol disebut dengan unordered list.

Ordered List Membuat daftar/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.

Unordered List Membuat daftar/list Berbeda dengan daftar berurut, unordered list akan menandai setiap item dengan simbol. Baik berupa lingkaran atau persegi. Untuk membuat daftar tidak berurut kita gunakan tag <ul> dan seperti tag <ol>, item yang terdapat di dalamnya harus diapit dengan tag <li>.

Definition List Membuat daftar/list Berbeda dengan Ordered List dan Unordered List yang memiliki struktur sama, definition list memiliki struktur tersendiri. Biasanya 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.

List/Daftar bersarang Membuat daftar/list List/Daftar bersarang Sebuah daftar bisa saja memiliki daftar lagi di dalam itemnya, atau biasa kita sebut dengan daftar/list bersarang (nested list). Sebuah daftar bisa saja memiliki daftar lagi di dalamitemnya, atau biasa kita sebut dengan daftar/list bersarang (nested list). Contohnya seperti pada source code di atas. Yang perlu anda perhatikan adalah di mana anda meletakkan tag <ol>atau <ul> jika anda ingin menempatkannya pada suatu item, yaitu sebelum penutup tag list item (</li>). Daftar seperti ini biasa digunakan untuk pembuatan menu website, atau keperluan lainnya yang memang membutuhkan penomoran atau sesuatu yang memiliki poin-poin.

Memuat Gambar Menggunakan tag <img> dengan atribut src Atribut src digunakan untuk menympan informasi tentang lokasi gambar yang akan dimuat pada halaman web Untuk memasukkan nilai pada atribut src, dapat gunakan operator sama dengan (=) diikuti dengan lokasi gambar yang diapit oleh tanda kutip. Tag img termasuk ke dalam tag spesial dan tidak memiliki tag penutup (Disebut juga Tag <img> tidak memiliki konten, seperti pada tag: <title> Judul Web </title> Untuk penutupnya dapat digunakan tanda ‘/’ sebelum kurung tutup. <img src=‘gambar.jpg’ /> Setelah anda mengetahui struktur dari sebuah file HTML dan apa saja yang harus ditulis pertama kali. Selanjutnya saya akan mengajak anda untuk mempelajari cara memuat/menampilkan sebuah gambar dan memahami apa itu atribut HTML. Untuk memuat sebuah gambar pada dokumen HTML, kita akan menggunakan tag <img>. Lalu dimana kita meletakkan gambar tersebut? Di dalam tag <img> kah?

Memuat Gambar (cont.) Atribut lain yang dapat digunakan selain atribut src adalah sebagai berikut: - alt  digunakan sebagai teks alternatif ketika gambar tidak berhasil dimuat atau gambar hilang - width  menentukan lebar gambar. - height  menentukan tnggi gambar. - align  mengatur penyelarasan gambar.

Membuat Link Link atau biasa disebut dengan anchor (pengait) dapat dibuat menggunakan tag <a> dengan atribut href. Atribut href digunakan untuk menyimpan alamat web yang akan dituju ketika link di klik. Tag <a> digunakan dengan menambahkan tag tersebut pada teks yang akan dijadikan sebagai link. Contoh: Klik <a href=http://www.alamat-tujuan.com> di sini </a> untuk informasi lebih lanjut. Yang sering anda temui dalam sebuah website adalah link. Link ini akan membuat konten atau elemen HTML yang dapat di klik dan akan mengarahkan/membawa anda ke halaman web lainnya. Biasanya suatu link ditampilkan berwarna biru dan bergaris bawah (selama belum diberi style).