SlideShare a Scribd company logo
1 of 2
Pengenalan Tabel
Pengertian tabel itu ada banyak dan tabel dapat merujuk pada beberapa pengertian seperti:
Tabel dalam artian informasi, merupakan alat untuk menampilkan informasi dalam bentuk
matriks. Contohnya: tabel matematika, tabel periodik, elemen tabel HTML, dan lain-lain.
Tabel dalam artian database, adalah set data yang ada di dalam suatu database.
Tabel juga bisa diartikan sebagai daftar

Contoh tabel:

Didalam tabel ada yang dinamakan baris dan kolom, baris menandakan urutan didalam tabel. Dan
kolom biasanya digunakan untuk menunjukan elemen atau isi dari tabel.

Pembuatan Tabel
Cara membuat tabel dengan program tergolong mudah, tetapi beda halnya membuat tabel dengan
kode atau dengan tulisan tangan.
Misalkan contohnya kita bisa membuat tabel di Software pengolah kata dengan mengetikan:
“+---------------+---------------+---------------+”

Dengan simbol strip (-) sebagai penanda lebar tabel dan simbol tambah (+) sebagai penanda jumlah
kolom. Selain itu ada software yang mengolah tabel atau spreadsheet seperti: MS Excel, Lotus,
Quatro Pro, Kspread, Gnumeric, Siag, dan lain-lain.

Membuat Tabel didalam HTML | UTS Desain Web | Kelompok 4

Page 1
Pembuatan Tabel di HTML
Sebelum

beralih kedalam pembuatan tabel, kita bahas dulu mengenai HTML. HTML adalah

singkatan dari HyperText Markup Language. Adalah sebuah bahasa yang digunakan untuk
membuat sebuah halaman web dan menampilakan kode ASCII dan Informasi lainnya. HTML
adalah bahasa standar untuk menampilkan halaman web. HTML saat ini merupakan standar Internet
yang diatur oleh World Wide Web Consortium (W3C).
Sekarang saya akan memberikan contoh sederhana dari HTML yaitu menampilkan “Halo Bro!”
<html>
<head>
<title> Coba dulu </title>
</head>
<body>
Halo Bro!
</body>
</html>

<html></html> Digunakan sebagai penanda bahwa ini adalah file HTML

<head></head> Biasanya tag <title></title > yang menampilkan judul halaman juga
sebagai keyword di dalam keperluan searching.
<body></body> Digunakan untuk menaruh isi dari dokumen HTML yang bisa berupa teks,
gambar, suara, dan lain-lain.

Membuat Tabel didalam HTML | UTS Desain Web | Kelompok 4

Page 2

More Related Content

What's hot

What's hot (20)

pertemuan 8
pertemuan 8pertemuan 8
pertemuan 8
 
Materi ke 4
Materi ke 4Materi ke 4
Materi ke 4
 
Chapter 8
Chapter 8Chapter 8
Chapter 8
 
Html dasar
Html dasarHtml dasar
Html dasar
 
Data
DataData
Data
 
Dasar HTML
 Dasar HTML Dasar HTML
Dasar HTML
 
Homepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiHomepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasi
 
Html
HtmlHtml
Html
 
Kombinasi tombol keyboard dan fungsinya pada ms.office (ctrl a z)
Kombinasi tombol keyboard dan fungsinya pada ms.office (ctrl a z)Kombinasi tombol keyboard dan fungsinya pada ms.office (ctrl a z)
Kombinasi tombol keyboard dan fungsinya pada ms.office (ctrl a z)
 
SIM, Marsudi, Hapzi Ali,Sistem Manajemen Database, Universitas Mercubuana,2017
SIM, Marsudi, Hapzi Ali,Sistem Manajemen Database, Universitas Mercubuana,2017SIM, Marsudi, Hapzi Ali,Sistem Manajemen Database, Universitas Mercubuana,2017
SIM, Marsudi, Hapzi Ali,Sistem Manajemen Database, Universitas Mercubuana,2017
 
Ppt materi
Ppt materiPpt materi
Ppt materi
 
Materi Web Statis
 Materi Web Statis Materi Web Statis
Materi Web Statis
 
Modul web statis dasar
Modul web statis dasarModul web statis dasar
Modul web statis dasar
 
Forum dan Kuis Minggu ke 6
Forum dan Kuis Minggu ke 6Forum dan Kuis Minggu ke 6
Forum dan Kuis Minggu ke 6
 
Modul 2a html
Modul 2a htmlModul 2a html
Modul 2a html
 
Tabel HTML
Tabel HTMLTabel HTML
Tabel HTML
 
Tugas tik rizal
Tugas tik rizalTugas tik rizal
Tugas tik rizal
 
Pertemuan1
Pertemuan1Pertemuan1
Pertemuan1
 
Dasar pembuatan web (html)
Dasar pembuatan web (html)Dasar pembuatan web (html)
Dasar pembuatan web (html)
 
Software Pengolah Kata " KKPI kelas X "
Software Pengolah Kata " KKPI kelas X "Software Pengolah Kata " KKPI kelas X "
Software Pengolah Kata " KKPI kelas X "
 

Similar to 01. pengenalan tabel

Pengantar pemrograman web HTML
Pengantar pemrograman web HTMLPengantar pemrograman web HTML
Pengantar pemrograman web HTMLI Gede Iwan Sudipa
 
Pengenalan html (Bambang Sugianto)
Pengenalan html (Bambang Sugianto)Pengenalan html (Bambang Sugianto)
Pengenalan html (Bambang Sugianto)Bambang Sugianto
 
File Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptxFile Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptxBeeOkee
 
Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2debbie95
 
4. PENGANTAR PEMROGRAMAN PHP.pptx
4. PENGANTAR PEMROGRAMAN PHP.pptx4. PENGANTAR PEMROGRAMAN PHP.pptx
4. PENGANTAR PEMROGRAMAN PHP.pptxNehaTulada
 
Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )
Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )
Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )Bambang Sugianto
 
Materi_8_-_Pengenalan_HTML_-_Revisi1.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi1.pptMateri_8_-_Pengenalan_HTML_-_Revisi1.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi1.pptAkbarGiLang
 
1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_kuIrfanRifangga
 
BAB IV - FORMAT TABEL DAN HALAMAN WEB
BAB IV - FORMAT TABEL DAN HALAMAN WEBBAB IV - FORMAT TABEL DAN HALAMAN WEB
BAB IV - FORMAT TABEL DAN HALAMAN WEBTeukuMahawira
 
MODUL TIK HTTP DREAM WEAVER KELAS 2 SMA
MODUL TIK HTTP DREAM WEAVER KELAS 2 SMAMODUL TIK HTTP DREAM WEAVER KELAS 2 SMA
MODUL TIK HTTP DREAM WEAVER KELAS 2 SMAMirza Afrizal
 

Similar to 01. pengenalan tabel (20)

Pengantar pemrograman web HTML
Pengantar pemrograman web HTMLPengantar pemrograman web HTML
Pengantar pemrograman web HTML
 
Praktek
PraktekPraktek
Praktek
 
Html
HtmlHtml
Html
 
Pengenalan html (Bambang Sugianto)
Pengenalan html (Bambang Sugianto)Pengenalan html (Bambang Sugianto)
Pengenalan html (Bambang Sugianto)
 
File Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptxFile Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptx
 
9. b.. . .
9. b.. . .9. b.. . .
9. b.. . .
 
Training HTML
Training HTMLTraining HTML
Training HTML
 
Modul web affif
Modul web affifModul web affif
Modul web affif
 
PWEB HTML
PWEB HTMLPWEB HTML
PWEB HTML
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
 
Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2
 
4. PENGANTAR PEMROGRAMAN PHP.pptx
4. PENGANTAR PEMROGRAMAN PHP.pptx4. PENGANTAR PEMROGRAMAN PHP.pptx
4. PENGANTAR PEMROGRAMAN PHP.pptx
 
Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )
Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )
Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )
 
Jamal's dokumen
Jamal's dokumenJamal's dokumen
Jamal's dokumen
 
Materi_8_-_Pengenalan_HTML_-_Revisi1.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi1.pptMateri_8_-_Pengenalan_HTML_-_Revisi1.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi1.ppt
 
1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku
 
Laporan pratikum 1
Laporan pratikum 1Laporan pratikum 1
Laporan pratikum 1
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
BAB IV - FORMAT TABEL DAN HALAMAN WEB
BAB IV - FORMAT TABEL DAN HALAMAN WEBBAB IV - FORMAT TABEL DAN HALAMAN WEB
BAB IV - FORMAT TABEL DAN HALAMAN WEB
 
MODUL TIK HTTP DREAM WEAVER KELAS 2 SMA
MODUL TIK HTTP DREAM WEAVER KELAS 2 SMAMODUL TIK HTTP DREAM WEAVER KELAS 2 SMA
MODUL TIK HTTP DREAM WEAVER KELAS 2 SMA
 

More from Muhammad Arif Billah Faishaluddin (11)

04. color
04. color04. color
04. color
 
07. membuat table fixed header dan efek hover
07. membuat table fixed header dan efek hover07. membuat table fixed header dan efek hover
07. membuat table fixed header dan efek hover
 
05. Colspan dan rowspan
05. Colspan dan rowspan05. Colspan dan rowspan
05. Colspan dan rowspan
 
03. pengaturan (border, width, height)
03. pengaturan (border, width, height)03. pengaturan (border, width, height)
03. pengaturan (border, width, height)
 
05. Colspan dan rowspan
05. Colspan dan rowspan05. Colspan dan rowspan
05. Colspan dan rowspan
 
LE GRAND VOYAGE (PERJALANAN SUCI)
LE GRAND VOYAGE (PERJALANAN SUCI)LE GRAND VOYAGE (PERJALANAN SUCI)
LE GRAND VOYAGE (PERJALANAN SUCI)
 
The 7 Habits of Highly Effective People
The 7 Habits of Highly Effective PeopleThe 7 Habits of Highly Effective People
The 7 Habits of Highly Effective People
 
Biografi Bob Sadino
Biografi Bob SadinoBiografi Bob Sadino
Biografi Bob Sadino
 
Resume Film Red Cliff
Resume Film Red CliffResume Film Red Cliff
Resume Film Red Cliff
 
Resume Film Pay It Forward
Resume Film Pay It ForwardResume Film Pay It Forward
Resume Film Pay It Forward
 
The Air Asia Story
The Air Asia StoryThe Air Asia Story
The Air Asia Story
 

01. pengenalan tabel

  • 1. Pengenalan Tabel Pengertian tabel itu ada banyak dan tabel dapat merujuk pada beberapa pengertian seperti: Tabel dalam artian informasi, merupakan alat untuk menampilkan informasi dalam bentuk matriks. Contohnya: tabel matematika, tabel periodik, elemen tabel HTML, dan lain-lain. Tabel dalam artian database, adalah set data yang ada di dalam suatu database. Tabel juga bisa diartikan sebagai daftar Contoh tabel: Didalam tabel ada yang dinamakan baris dan kolom, baris menandakan urutan didalam tabel. Dan kolom biasanya digunakan untuk menunjukan elemen atau isi dari tabel. Pembuatan Tabel Cara membuat tabel dengan program tergolong mudah, tetapi beda halnya membuat tabel dengan kode atau dengan tulisan tangan. Misalkan contohnya kita bisa membuat tabel di Software pengolah kata dengan mengetikan: “+---------------+---------------+---------------+” Dengan simbol strip (-) sebagai penanda lebar tabel dan simbol tambah (+) sebagai penanda jumlah kolom. Selain itu ada software yang mengolah tabel atau spreadsheet seperti: MS Excel, Lotus, Quatro Pro, Kspread, Gnumeric, Siag, dan lain-lain. Membuat Tabel didalam HTML | UTS Desain Web | Kelompok 4 Page 1
  • 2. Pembuatan Tabel di HTML Sebelum beralih kedalam pembuatan tabel, kita bahas dulu mengenai HTML. HTML adalah singkatan dari HyperText Markup Language. Adalah sebuah bahasa yang digunakan untuk membuat sebuah halaman web dan menampilakan kode ASCII dan Informasi lainnya. HTML adalah bahasa standar untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang diatur oleh World Wide Web Consortium (W3C). Sekarang saya akan memberikan contoh sederhana dari HTML yaitu menampilkan “Halo Bro!” <html> <head> <title> Coba dulu </title> </head> <body> Halo Bro! </body> </html> <html></html> Digunakan sebagai penanda bahwa ini adalah file HTML <head></head> Biasanya tag <title></title > yang menampilkan judul halaman juga sebagai keyword di dalam keperluan searching. <body></body> Digunakan untuk menaruh isi dari dokumen HTML yang bisa berupa teks, gambar, suara, dan lain-lain. Membuat Tabel didalam HTML | UTS Desain Web | Kelompok 4 Page 2