<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat

dokumen-dokumen yang mirip
MODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL

Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya

KOMPUTER APLIKASI IT (Information Technology)

Adapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah :

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.

MODUL PEMROGRAMAN WEB

d. Caption Elemen caption berfungsi untuk memberikan nama atau judul pada tabel. Tag yang digunakan

BAB VII Tabel. Susanto, S.Kom. Bab VII Tabel

TAG PENGOLAH TEKS DAN IMAGE PADA HTML (LANJUTAN)

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom

2. Tag Pembuatan Tabel

MENGGUNAKAN TABEL. 6.1 Pendahuluan

Pengenalan Web STMIK AKAKOM YOGYAKARTA

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

PENGANTAR INTERNET & DESAIN WEB

- Ordered List : list yang menggunakan nomor berdasarkan urutan (numbering)

Pengenalan Perancangan Web 2017

Pertemuan IV. Semester 1

Dasar-dasar HTML 2. Oleh: Cecep Yusuf

Pemrograman Basis Data Berbasis Web

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.

Pemrograman Basis Data Berbasis Web


HTML (Hypertext Markup Language)

BAB I PERKENALAN HTML

BAB I PERKENALAN HTML

HTML LANJUT. By : Ade Putra, M.Kom. Universitas Bina Darma 2013

<HTML> <HEAD> <TITLE>Paragraf</TITLE> </HEAD> <BODY> <P> Paragraf satu</p> <P> Paragraf dua</p> <P> Paragraf tiga</p> </BODY> </HTML>

Pengenalan Perancangan Web 2016

Membuat Layout Web Mengunakan Table

HTML Dasar Pertemuan - 2

KONSEP DASAR HTML. HTML ( HyperText Mark up Language )

HTML : Apa itu? HTML = Hyper Text Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW)

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri

TAG HTML LANJUT Tujuan Instruksional :

Pengaturan Teks. Contoh : <H2>Tutorial Html</H2> Hasilnya akan terlihat seperti : Tutorial Html

Pengantar E-Business dan E-Commerce

Struktur dasar HTML BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

P - 6 Bab 4 : HTML (Hypertext Markup Language)

MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form

SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT

Review Pemrograman Web I

PERTEMUAN VI T A B E L

Pemrograman Internet by Susiana Sari, S.Kom

Struktur dasar HTML. Tutorial Belajar Dasar-dasar HTML: Hypertext Markup Language

HTML. Hipertext Markup Language

Fungsi: Menampilkan informasi secara terstruktur, ringkas dan mudah dibaca Mengatur tampilan homepage agar lebih menarik

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di

PENGGUNAAN SINGKATAN

MODUL HTML 2015 MODUL I PENDAHULUAN

Pengantar HTML. Achmad Fadlil Chusni, S.Kom, M.MT

DIKTAT PELAJARAN TIK KELAS XII IPA DAN IPS TH/SEM: 2013/ SMA N 11 YOGYAKARTA JL.AM SANGAJI NO.50

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.

HTML 2 dan CSS. Setelah mengikuti praktikum ini mahasiswa diharapkan dapat :

BAB 1 PENGENALAN HTML

Sekilas Mengenai HTML

Pemrograman Web DASAR HTML 2

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

HTML. STRUKTUR DASAR HTML Sebelum mempelajari HTML, akan terlebih dahulu diulas mengenai aturan penulisan dalam buku ini.

HTML.

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

HIPER TEXT MARKUP LANGUAGE

Materi. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image

Pengenalan Perancangan Web 2017

HTML (HyperText Markup Language)

P - 6 Bab 4 : HTML (Hypertext Markup Language)

Microsoft Excel 2000 For Siswa PKP-1 IPI-LEPPINDO Cab. Lampung Instruktur : Gusdiwanto. Pengenalan Ms Excel

Praktikum Pemrograman Lanjut Dasar WEB(1)

Pertemuan V. Semester 1

BAB IV IMPLEMENTASI DAN PENGUJIAN

?> <html> <head> <link href="data/styles.css" rel="stylesheet" type="text/css"> <title>sumber Ilmu Online Bookstore</title> </head>

KURSUS ONLINE JASA WEBMASTERS

Standar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink

MODUL VII PENGATURAN TAMPILAN DOKUMEN

Tutorial HTML. Dinas KOMINFO. Kabupaten Bantul

1. Awal kemunculan HTML merupakan ide dasar dari... a. Tim Berners-Lee b. Steve Jobs c. Bill Gates d. Mark Zuckerberg e.

XHTML dan Dasar-dasar CSS XHTML

Pemrograman Web WEEK 03 HTML LANJUT

HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs.

1) Gunakan peralatan sesuai dengan fungsinya. 2) Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan.

BELAJAR HTML DASAR CARA MEMBUAT TABEL

Bab 9 Menggunakan Tabel

Komunikasi Multimedia

PILIHAN GANDA : 1. Suatu bahasa pemrogram yang digunakan untuk menbuat desain web dan kepanjangan dari Hypertext Markup Language adalah..

BUKU PANDUAN WEB DESIGN

Hypertext Markup Language (HTML)

2. Tujuan: memungkinkan kita menjelajah internet dan melihat halaman web yang menarik.

BAB III TINJAUAN PUSTAKA. Internet berasal dari kata interconnection networking yang mempunyai

TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web

MODUL 2 HTML LANJUT. (Tabel, Form, dan Frame) Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya

MENAMPILKAN GAMBAR. 5.1 Pendahuluan

<td width="299" align="right">selamat Datang, <img src="img/user3.png" /> <a href="read_pakar.php"><?php echo $_SESSION['id'];?

Transkripsi:

<table> : Tag ini merupakan inti dari perintah untuk membuat tabel pada dokumen HTML </table> : Tag ini merupakan penutup dari perintah untuk membuat tabel pada dokumen HTML : Tag ini digunakan untuk membuat BARIS pada suatu tabel, dan merupakan satu kesatuan dengan perintah <table>, penulisan nya pun harus setelah Tag ini. Setiap perpindahan BARIS harus ditutup dengan perintah <td></td> : Tag ini digunakan untuk membuat KOLOM pada suatu tabel, dan merupakan satu kesatuan dengan perintah <table>, penulisan nya pun harus setelah Tag ini. Setiap perpindahan KOLOM harus ditutup dengan perintah </td>

<table border="1"> <td>baris ke 1 KOLOM ke 1</td> <td>baris ke 1 KOLOM ke 2</td> <td>baris ke 1 KOLOM ke 3</td> <td>baris ke 2 KOLOM ke 1</td> <td>baris ke 2 KOLOM ke 2</td> <td>baris ke 2 KOLOM ke 3</td> <td>baris ke 3 KOLOM ke 1</td> <td>baris ke 3 KOLOM ke 2</td> <td>baris ke 3 KOLOM ke 3</td> </table>

TUGAS

TUGAS

atribut cellpadding - Atribut ini dipakai untuk menentukan besarnya jarak bagian dalam (cell) dengan bagian luar (border) dari sebuah tabel. contoh : cellpadding="2" cellspacing - Atribut ini dipakai untuk menentukan besarnya jarak cell yang satu dengan cell yang lainnya. contoh : cellspacing="5" border - Atribut ini dipakai untuk menentukan besarnya border (bingkai) dari sebuah tabel. contoh : border="2" width - Atribut ini digunakan untuk menentukan lebar dari sebuah tabel, ukuran ini bisa menggunakan satuan pixel atau persentasi. contoh : width="75%", width="100%", width="800", width="200"

atribut bordercolor - Atribut ini digunakan untuk menentukan warna border atau garis tepi dari sebuah tabel. contoh : bordercolor="black" bgcolor - Atribut ini digunakan untuk menentukan warna latar dari sebuah tabel atau cell. contoh : bgcolor="#ffffff", bgcolor="#000000", bgcolor="blue", bgcolor="red" valign - Atribut ini digunakan untuk menentukan posisi Vertikal objek dari sebuah tabel yang dapat berisi teks maupun gambar, atribut ini dituliskan dalam perintah pembuatan baris dari tabel /. Atribut ini punya beberapa pilihan posisi yaitu : top - pilihan ini akan menempatkan objek berada pada posisi teratas dari cell. middle - pilihan ini akan menempatkan objek berada pada tengah cell. bottom - pilihan ini akan menempatkan objek berada pada bagian bawah dari cell. Contoh : <tr valign="top">, <tr valign="middle">, <tr valign="bottom">

atribut align - Atribut ini digunakan untuk menentukan posisi Horizontal objek dari sebuah tabel yang dapat berisi teks maupun gambar, atribut ini dituliskan dalan perintah pembuatan kolom dari tabel / <td>. Atribut ini juga punya beberapa pilihan yaitu : left - pilihan ini akan menempatkan objek berada pada bagian kiri dari cell, bila objek berbentuk teks maka teks tersebut akan dijadikan rata kiri. center - pilihan ini akan menempatkan objek berada pada bagian tengan dari cell, bila objek berbentuk teks maka teks tersebut akan dijadikan rata tengah. right - pilihan ini akan menempatkan objek berada pada bagian kanan dari cell, bila objek berbentuk teks maka teks tersebut akan dijadikan rata kanan. Contoh : <td align="left">, <td align="center">, <td align="right">.

atribut rowspan - Atribut ini digunakan untuk menyatukan dua buah baris tabel menjadi satu kesatuan atau kelompok. atribut ini dituliskan dalam perintah pembuatan kolom dari tabel / <td> colspan - Atribut ini digunakan untuk menyatukan dua buah kolom tabel menjadi satu kesatuan atau kelompok. atribut ini dituliskan dalam perintah pembuatan kolom dari tabel / <td> Contoh : <td rowspan="2">, <td colspan="2">

atribut <table cellpadding="9" cellspacing="0" border="1" bordercolor="red" align="center" height="300"> <td colspan="2" align="center">baris 1 kol 1</td> <td rowspan="2" align="center">baris 1 kol 3</td> <td rowspan="2" align="center">baris 2 kol 1</td> <td bgcolor="red" align="center">baris 2 kol 2</td> <td colspan="2" align="center">baris 3 kol 2</td> </table>

Web Base Table Sederhana

TUGAS INDIVIDU WEB BASE TABLE SEDERHANA 1. TRANSPORTASI 2. PEMERINTAHAN 3. BADAN CUACA 4. RUMAH SAKIT 5. PENDIDIKAN KURSUS 6. PERGURUAN TINGGI 7. PERUSAHAAN DAGANG 8. PERUSAHAAN REAL ESTATE 9. PERUSAHAAN HUKUM TOPIK BEBAS TIDAK BOLEH SAMA