Enumerasi, Images & Table

Slides:



Advertisements
Presentasi serupa
Oleh Apriliya saputri X ti b
Advertisements

Hyper Text Markup Language
SESION 3 : Memformat Dokumen html (lanjutan)
Matakuliah Pengenalan Internet STMIK Palangkaraya Oleh : Suparno Blog : Pengenalan HTML - 2 Bullet Numbering.
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.
Dasar Tag HTML  Catatan: Jika Anda ingin menambahkan komentar pada dokumen HTML,maka tulislah Tag,misal: NEXT.
HTML.
HTML (Hypertext Markup Language)
Pengantar HTML By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
Pengembangan Evangs Mailoa Enumerasi, Image & Table WEB.
Pemrograman web dasar TABEL.
HTML (Hypertext Markup Language)
Pemrograman Web/TI/ AK /2 sks
 Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau.
 Pengenalan Dreamweaver sebagai tools pengembangan aplikasi web  Dasar-dasar HTML  Penggunaan Form, Frame dan Layer.
Enumerasi, Images & Table
HTML (Hypertext Markup Language)
TABEL , FORM DAN FRAME.
Pemprograman BaSIS Web
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.
HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
Internet dan Web By : Lisda Juliana P..
Desain Web dengan Tag HTML
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
HTML LANJUT.
Modul 4 STMIK IKMI CIREBON Oleh Dita rizki amalia.
PERTEMUAN 2 HTML (Lanjutan).
WEB 1 (HTML) STMIK A. Yani.
Dasar Tag HTML Catatan:
KOMPUTER APLIKASI IT XHTML & CSS MODUL 05
HTML PEMROGRAMAN INTERNET.
HTML.
HTML HYPERTEXT MARKUP LANGUAGE
Komputer aplikasi it-I (html)
PENULISAN DENGAN HTML (Sindy Nova).
Komputer aplikasi it-I (html)
Pemrograman Web/TI/ AK /2 sks
HTML Introduction and Formatting Session 06 & 07
PENGATURAN TAMPILAN WEBSITE I
Zanial Mazalisa, S.Kom.,M.M
( Materi web HTML ) Membuat tabel.
Table.
PJ : Nuraini Purwandari
Komputer aplikasi it-I (html)
Pengantar HTML.
PENULISAN DENGAN HTML.
By : Ni Kadek Ariasih,S.Kom
List, Image, Link dan tabel
Pemrograman Berbasis WEB
Desain WEB.
Pemrograman Berorientasi Platform
Internet dan Web By : Lisda Juliana P..
Pertemuan ke 3 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
Pemrograman Berorientasi Platform (IN315B)
Komputer aplikasi it-I (html)
Darmawan satyananda Mathematics department State university of malang
Pemrograman Web PG117 – 3 SKS.
Pemrograman Web/TI/ AK /2 sks
Table dengan tag html.
Enumerasi, Images & Table
PENULISAN DENGAN HTML.
List dan Image pada HTML
Internet dan Web By : Lisda Juliana P..
Transcript presentasi:

Enumerasi, Images & Table Pengembangan Web

Enumerasi (List, Unnumbered List, Ordered List) List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list). Ada tiga macam list yang bisa anda tambahkan ke document HTML: Unordered List (Bullet) Ordered List (Numbering) Definition List

Unordered List

Ordered List

contoh

DEFINITION LIST Berbeda dengan ordered list dan unordered list, pada definition list tidak menggunakan tanda khusus (numbering maupun bulleting) pada item-item sebuah list. Definition list umumnya digunakan untuk sebuah artikel pada HTML yang isinya merupakan uraian umum mengenai suatu hal yang berkaitan dengan ilmu pendidikan dan ilmiah.

... Untuk membuat sebuah definition list, web designer dapat menggunakan tag <dl> (definition list) yang ditutup dengan tag </dl>. Berbeda dengan ordered maupun unordered list yang menggunakan tag <li>, maka pada definition list digunakan tag <dt> untuk memasukan item-item pada list yang bersangkutan dan diakhiri dengan tag </dt>. Kemudian jika ingin memasukan sub-item pada list tersebut maka dapat menggunakan tag <dd> dan </dd>.

...

...

Horizontal Line <hr> membentuk garis pemisah mendatar. Bentuk penulisan lain yang dianjurkan (XML style) : <hr />

Background Digunakan untuk memberikan warna/image latar belakang pada elemen html Bisa ditempatkan pada elemen html seperti <body> <table> <tr> <td>, dll.. Tag yang digunakan Menggunakan warna: <body bgcolor="#000000"> <body bgcolor="rgb(0,0,0)"> <body bgcolor="black">

… Menggunakan image: <body background="clouds.gif">

Tag Gambar (Image) <img src="NamaFileGambar"> Atribut src digunakan untuk menentukan source dari image yang akan ditampilkan. Image: ekstensi .GIF, .JPG, atau .PNG. Value lokasi image bisa merujuk ke absolute path src = ”c:/gambar/logo.gif” src = http://www.google.co.id/intl/id_id/images/logo.gif Value lokasi image bisa juga merujuk ke relative path src=”images/logo.gif” src=”../../images/logo.gif”

atribut Atribut alt Alt digunakan untuk mendefinisikan alternate text untuk sebuah image Contoh : <img src="boat.gif" alt="Big Boat"> Alt juga akan memberitaukan kepada pengunjung web bila gambar yang apa yang sedang ditampilkan bila gambarnya tidak muncul

atribut Atribut align Gunakan atribut align untuk mentukan posisi dari gambar bila diletakan dalam paragraf (tag <p> </p> ) Value dari align : absbottom, absmiddle, baseline, bottom, left, middle, right, texttop, top Contoh : <p> Fakultas Teknologi Informasi <img src=”logo.gif” align=”bottom”> UKSW</p>

contoh

atribut Atribut width dan height Digunakan untuk menyesuaikan besar image Width (lebar) dan height (tinggi) didefinisikan dalam bentuk pixel.

contoh <p> <img src ="logo.gif" align ="left" width="48px" height="48px"> A paragraph with an image. The align attribute of the image is set to "left". The image will float to the left of this text. </p>

Menggunakan image sebagai sebuah link Image juga bisa digunakan untuk menggantikan teks pada link Contoh : <a href=”http://www.google.com”><img src=”logo.gif” border=”0”></a> Perhatikan atribut border=”0” digunakan untuk mengilangkan border pada image yang akan muncul secara otomatis bila image digunakan pada link

Tag Tabel <table> definisi tabel </table> Tag untuk penanda baris adalah <tr> definisi baris </tr> Tag untuk penanda kolom adalah <td>data</td>

Contoh pendefinisian tabel :

Latihan

Latihan

Blog: ramos672006005.wordpress.com