Dasar Tag HTML  Catatan: Jika Anda ingin menambahkan komentar pada dokumen HTML,maka tulislah Tag,misal: NEXT.

Slides:



Advertisements
Presentasi serupa
Image – Hyperlink – Form
Advertisements

Oleh Apriliya saputri X ti b
HTML.
SESION 3 : Memformat Dokumen html (lanjutan)
Modul Design & Pemrograman Web
Matakuliah Pengenalan Internet STMIK Palangkaraya Oleh : Suparno Blog : Pengenalan HTML - 2 Bullet Numbering.
Menempatkan Pointer Q 6.3 & 7.3 NESTED LOOP.
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.
Tabel PENGGUNAAN TABEL
TURUNAN DIFERENSIAL Pertemuan ke
PEMROGRAMAN WEB HTML LANJUT BY : ABD.WAHID YUNUS TI UIN ALAUDDIN MAKASSAR.
Luas Daerah ( Integral ).
Apa itu HTML ? Perangkat lunak yang digunakan untuk membuat atau mengetikkan kode file HTML Perangkat lunak yang digunakan untuk menjalankan atau menampilkan.
HTML.
HTML (Hypertext Markup Language)
Modul Design & Pemrograman Web
Pengembangan Evangs Mailoa Enumerasi, Image & Table WEB.
Pemrograman web dasar TABEL.
PEMROGRAMAN BERBASIS WEB
Dasar Tag HTML Form Awal formulir ditandai dengan Tag , dan berisi dua kata kunci: METHOD dan ACTION.
CSS (Cascading Style Sheet)
HTML (Lanjut).
HTML (Table, Form, Frame, Hyperlink)
 Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau.
 Digukan utk menyajikan data dlm bentuk kolom dan baris  Tabel juga dapat dipergunakan sebagai LayOut dari document HTML  Diperbolehkan membuat table.
 Pengenalan Dreamweaver sebagai tools pengembangan aplikasi web  Dasar-dasar HTML  Penggunaan Form, Frame dan Layer.
Enumerasi, Images & Table
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.
HTML (cont.) (Nelly Sofi). Peng. Komp & TI 2C2 Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen.
Pemrograman Basis Data Berbasis Web
HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
PEMBUATAN TABEL MATA KULIAH PEMROGRAMAN WEB Materi Kelima
Tim FT Elektro UHAMKA HTML (Bagian 2)
Tabel HTML Bambang Irawan.
MATERI PERKULIAHAN REKAYASA PERANGKAT LUNAK DISUSUN OLEH : KRISTIAWAN NUGROHO, M.KOM Fakultas Kesehatan.
Pemrograman Web List, link, & Tag img
PENGATURAN TAMPILAN DOKUMEN
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
HTML LANJUT.
Modul 4 STMIK IKMI CIREBON Oleh Dita rizki amalia.
PERTEMUAN 2 HTML (Lanjutan).
Dasar Tag HTML Catatan:
PENGANTAR HTML NEXT.
Komputer aplikasi it-I (html)
Mengenal dan Teknik Pembuatan Frame
Dasar Skrip / Tag HTML Pertanyaan mendasar dari web designer pemula:
Komputer aplikasi it-I (html)
Mengenal dan Teknik Pembuatan Frame
Zanial Mazalisa, S.Kom.,M.M
( Materi web HTML ) Membuat tabel.
Table.
PJ : Nuraini Purwandari
Komputer aplikasi it-I (html)
By : Ni Kadek Ariasih,S.Kom
List, Image, Link dan tabel
Pemrograman Web HTML (4) Table Form Andy Haryoko, ST
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)
Dasar HTML Hypertext Markup Language Dasar HTML.
Darmawan satyananda Mathematics department State university of malang
Pemrograman Web PG117 – 3 SKS.
Enumerasi, Images & Table
Enumerasi, Images & Table
List dan Image pada HTML
Internet dan Web By : Lisda Juliana P..
Transcript presentasi:

Dasar Tag HTML  Catatan: Jika Anda ingin menambahkan komentar pada dokumen HTML,maka tulislah Tag,misal: NEXT

Dasar Tag HTML Table Salah satu cara yang paling kompak dan paling mudah dibaca dalam menampilkan item informasi adalah dengan tabel. Manfaat Tabel:  Tabel dapat digunakan untuk menampilkan teks, link, grafik atau item lainnya yang dapat dikirimkan ke tempat lain manapun melalui halaman web.  Tabel dapat digunakan untuk menyajikan informasi, atau bahkan dapat diperkuat dengan batas, warna, dan grafik sedemikian rupa, sehingga tabel itu sendiri menjadi item – item dekorasi. NEXT

Dasar Tag HTML Table Columns Item Columns Item Tabel dibentuk dari kiri atas, dan melintasi kolom - kolomnya. Setiap item diapit dengan tag, dan setiap baris diapit dengan tag. NEXTBACK

Dasar Tag HTML Table Latihan 17 Earth Air Fire Water NEXTBACK

Dasar Tag HTML Table Table Properties:  BORDER = akan memberikan garis pembatas pada tabel.  CELLSPACING = akan menset jarak dalam piksel antara batas dalam dan batas luar.  CELLPADDING= akan menset jarak dalam piksel antara batas dalam dan teksnya.  ALIGN = penjajaran rata kanan, kiri atau tengah.  BGCOLOR = akan memberikan efek warna pada tabel.  ROWSPAN = untuk menset jumlah baris ke bawah.  COLSPAN = untuk menset jumlah kolom ke kanan.  WIDTH = untuk menset batas lebar / panjang tabel.  HEIGHT = untuk menset batas tinggi tabel. NEXTBACK

Dasar Tag HTML Table Latihan 18 Daftar Nama Siswa NIM NAMA LENGKAP Nur Qomari NEXTBACK

Dasar Tag HTML Table (kolom bewarna) Latihan 19 Daftar Nama Siswa NIM NAMA LENGKAP Nur Qomari NEXTBACK

Dasar Tag HTML Table Latihan 20 Daftar Nama Siswa NIM NAMA LENGKAP Nur Qomari NEXTBACK

Dasar Tag HTML Table Latihan 21 Daftar Nama Siswa NIM & NAMA LENGKAP Nur Qomari NEXTBACK

Dasar Tag HTML  Soal (8) Tuliskan Source Code dari tampilan berikut: NEXTBACK VIEW

Dasar Tag HTML  Soal (9) Tuliskan Source Code dari tampilan berikut: NEXTBACK VIEW

Dasar Tag HTML  Soal (10) Tuliskan Source Code dari tampilan berikut: NEXTBACK VIEW

Dasar Tag HTML  Images Tag HTML untuk memasukkan gambar: Catatan: img src=image source NEXTBACK

Dasar Tag HTML  Images Images Properties:  HSPACE = memberikan spasi di kanan dan di kiri gambar.  VSPACE = memberikan spasi di atas dan di bawah gambar.  WIDTH = untuk menset batas lebar / panjang gambar.  HEIGHT = untuk menset tinggi gambar.  BORDER = memberikan garis batas yang mengelilingi gambar. NEXTBACK

Dasar Tag HTML  Images Latihan 22 <img src=test.gif width=400 height=300> NEXTBACK

Dasar Tag HTML  Images Latihan 23 Images Center <img src= test.jpg width=400 height=300> NEXTBACK

Dasar Tag HTML  Images Latihan 24 Images Border <img src= test2.jpg width=400 height=300 border=1> NEXTBACK

Dasar Tag HTML  Images & Body Background Latihan 25 NEXTBACK VIEW

Dasar Tag HTML  Images & Table Latihan 26 Daftar Nama Siswa <table border=1 cellpadding=3 cellspacing=3> NIM NAMA LENGKAP Nur Qomari NEXTBACK VIEW

Dasar Tag HTML  Images & Table Latihan 27 Wallpaper1.JPG 800 X 600 Wallpaper2.JPG 800 X 600 Wallpaper3.JPG 800 X 600 NEXTBACK VIEW

Dasar Tag HTML  Soal (11) Tuliskan Source Code dari tampilan berikut: Filename:logo_unnar.gif Size:250X250 NEXTBACK VIEW

Dasar Tag HTML  Soal (12) Tuliskan Source Code dari tampilan berikut: Filename:bg2.gif Size:7X30 NEXTBACK VIEW

Dasar Tag HTML  Soal (13) Tuliskan Source Code dari tampilan berikut: Filename:photo1.gif Size:300X400 Filename:photo2.gif Size:300X400 NEXTBACK VIEW

Dasar Tag HTML Link Tag Link pada HTML: …….. Catatan: HREF=Hypertext REFerence NEXT

Dasar Tag HTML Link URL Latihan 28 Yahoo Google PREVIEW NEXTBACK

Dasar Tag HTML Link File Latihan 29 Latihan 27 Latihan 28 PREVIEW NEXTBACK

Dasar Tag HTML Link Send to NEXTBACK

Dasar Tag HTML Marquee Marquee = Menampilkan objek dengan memberikan efek berjalan. NEXTBACK

Dasar Tag HTML Marquee Tag Marquee pada HTML: …….. NEXTBACK

Dasar Tag HTML Marquee Style Maquee:  ALTERNATE ALTERNATE  SCROLL SCROLL  SLIDE SLIDE NEXTBACK

Dasar Tag HTML Marquee Direction Marquee:  Down  Left  Right  Up NEXTBACK

Dasar Tag HTML Marquee Latihan 30 Universitas Narotama Surabaya NEXTBACK PREVIEW

Dasar Tag HTML Marquee Latihan 31 Universitas Narotama Surabaya NEXTBACK PREVIEW

Dasar Tag HTML Marquee Latihan 32 Universitas Narotama Surabaya NEXTBACK PREVIEW