SlideShare a Scribd company logo
1 of 3
Download to read offline
TABEL TAG-TAG HTML 
Catatan: Attribute setiap tag diletakkan setelah tag itu sendiri, misalnya <body bgcolor=... background=... > 
<html> Mendefinisikan halaman tersebut adalah HTML. 
<head> 
Semua informasi tentang page header. Disini dapat 
diletakkan tag-tag title, base, isindex, link, script, style dan 
meta. 
<title> 
Sebagai judul halaman yang nantinya muncul di atas 
browser. 
<body> 
Mendefinisikan isi yang hendak ditampilkan sebagai isi 
halaman. Disini bisa diletakkan berbagai page attribute 
seperti bgcolor, background, text, link, vlink, alink, 
leftmargin dan topmargin. 
<h...> 
Tag Heading, digunakan untuk mengatur ukuran huruf 
pada header. Mempunyai nilai dari <h1> - <h6>, yang 
mana <h6> merupakan ukuran terkecil. 
<p> 
Untuk membuat paragraf, untuk mengatur perataan teks 
digunakan attribute align dengan nilai left, right, center 
dan justify. 
<br> Menambahkan sebuah baris baru dalam teks. 
<center> Membuat teks dalam posisi di tengah. 
<pre> 
Membuat teks seperti aslinya dengan mengabaikan setiap 
tag-tag. 
<b> Membuat huruf/tulisan tebal. 
<i> Membuat huruf/tulisan miring. 
<u> Membuat huruf/tulisan diberi garis bawah. 
<s> Membuat huruf/tulisan diberi garis di tengah. 
<blink> Membuat huruf/tulisan berkedip. 
<cite> Untuk membuat teks quote. 
<big> Membuat huruf/tulisan lebih besar satu ukuran. 
<small> Membuat huruf/tulisan lebih kecil satu ukuran. 
<sup> Membuat huruf/tulisan superscript. 
<sub> Membuat huruf/tulisan subscript. 
<abbrev> Membuat huruf/tulisan singkatan. 
<acronym> Membuat huruf/tulisan akronim. 
<person> Untuk indexing. 
<q> Untuk short inline quotation. 
<var> 
Untuk membuat variable name yang selalu miring 
huruf/tulisannya. 
<font> 
Mengatur huruf/tulisan, mempunyai attribute size, face 
dan color. 
&lt; Membuat “<” 
&gt; Membuat “>” 
&amp; Membuat “&” 
&quot; Membuat “ 
&#64; Membuat “@”
&#169; dan &copy; Membuat “©” (tanda copyright) 
&#174; dan &reg; Membuat ® (tanda registered) 
&nbsp; Membuat spasi yang tidak dapat dipecah. 
<hr> 
Tag Horizontal Ruler, membuat garis horizontal. 
Attributenya size, width, align dan noshade. 
<ul> dan <li> 
Tag Unordered List, membuat urutan tidak berurut. 
Attributenya type yang nilainya disc, circle dan square. 
Tag <li> digunakan untuk memulai urutan dari yang 
pertama sampai terakhir. 
<ol> dan <li> 
Tag Ordered List, membuat urutan berurut. Attributenya 
type dan start. Penomorannya sebagai nilai pada type, 
nilainya 1, I, a dan A. Start digunakan untuk angka berapa 
yang dimulai dari <li> pertama. 
<dl> 
Membuat suatu list singkatan beserta definisinya. 
Diantara tag <dl> ditambahkan <dt>, yaitu bagian dari 
istilah yang dijabarkan, tag <dd> adalah penjabaran dari 
istilah. 
<a href=...> 
Tag Anchor, menunjukkan suatu hypertext link. Ada 3 
istilah dalam pengalamatannya: 
1. Link relatif: menggunakan alamat relatif file yang 
dituju. Misal <a href=”tujuan.html”>Nama</a> 
2. Link absolut: menggunakan alamat absolut file yang 
dituju. Misal <a 
href=”c:/mydocuments/tujuan.html”>Nama</a> 
3. Link dalam dokumen: dalam dokumen itu sendiri. Misal 
<a href=”#tutorial”>Nama</a> 
4. Link pada situs lain: <a 
href=http://www.wikipedia.org/Pemrograman 
Web.html>Nama</a> 
5. Link untuk mengirimkan e-mail: <a href=”mailto:alamat 
email”>Nama</a> 
<img src=...> 
Menampilkan sebuah gambar, attributenya alt, align, 
border, height, hspace, src, width dan vspace. 
<form> 
Untuk membuat form yang menerima masukan isian dari 
user. Attributenya adalah method dan action. 
1. Method: menentukan bagaimana data akan dikirim ke 
server. Nilainya adalah GET (data akan dikirim dengan 
menggunakan query string pada URL) dan POST (data 
akan dikirim ke server sebagai block data ke script). 
2. Action: menentukan lokasi dari script yang akan 
memproses data dari form. 
<input> 
Membuat kotak isian yang dapat diisi data oleh user. 
Sintaksnya <input type=... name=... value=... size=...>. 
Nilai-nilai dalam attribute type adalah text, password, 
checkbox, radio, image dan button (submit/reset). 
<textarea> 
Membuat kotak input berupa teks yang lebih lebar 
dibanding dengan tag <input>. Attributenya name, rows, 
cols dan wrap. 
<select dan options> Digunakan untuk membuat input field yang berbentuk 
pilihan. Kedua tag ini harus digunakan bersamaan. Tag 
<option> mendefinisikan pilihan dari item-item, tag ini 
dipasangkan diantara tag <select> dan </select>. 
Attribute untuk kedua tag ini adalah name, value, size,
multiple dan selected. 
<table> 
Untuk membuat tabel. Attributenya align, background, 
bgcolor, border, bordercolor, cellpadding, cellspacing, 
height dan width. 
<th> 
Tag Table Heading, untuk memberikan judul kolom pada 
tabel. 
<tr> 
Tag Table Row, untuk menyusun baris pada tabel. 
Attributenya align, bgcolor, bordercolor, height dan valign. 
<td> 
Tag Table Data, untuk mengisikan informasi yang akan 
ditampilkan di web browser. <td> selalu berada di dalam 
<tr>, biasa disebut kolom. Attributenya align, background, 
bgcolor, bordercolor, colspan, height, rowspan, valign dan 
width. 
<caption> Menambahkan judul pada sebuah tabel. 
<frameset> Untuk membuat frame, attributenya rows dan cols. 
<frame> 
Tag untuk mendefinisikan frame tunggal dalam 
<frameset>. Attributenya:src=url (berisi URL ke dokumen 
yang akan ditampilkan pada frame ini), name=... (berisi 
nama frame yang bisa ditunjuk oleh link pada dokumen 
yang lain, biasanya dari frame lain pada dokumen yang 
sama, attribute ini bersifat opsional), 
scrolling=yes/no/auto (mendeskripsikan apakah frame 
harus mempunyai scrollbar atau tidak), noresize 
(mengindikasikan jika frame tidak dapat diubah 
ukurannya oleh user, secara default dapat diubah), 
bordercolor=... (memberi warna pada border yang 
memisahkan frame ini dengan yang lain), 
marginwidth/merginheight=...px (secara default, terdapat 
8px margin kiri dan kanan untuk setiap frame yang dapat 
diperkecil atau diperbesar). 
Jenis-jenis target frame: 
1. _self: digunakan apabila target frame adalah frame 
tempat link berada. 
2. _top: digunakan apabila target frame adalah windows 
tempat frame berada. Dengan menggunakannya sebagai 
target, maka definisi frame yang ada pada windows 
browser akan hilang dan diganti dengan definisi frame 
yang baru jika ada. 
3. _parent: target frame adalah setingkat di atas frame 
link berada. 
4. _blank: digunakan apabila hasil link ingin ditampilkan di 
window baru.

More Related Content

What's hot

Laporan tugas project pemograman web
Laporan tugas project pemograman webLaporan tugas project pemograman web
Laporan tugas project pemograman webZansa Sllw Gymbr
 
Html dasar iskaruji dot com
Html dasar   iskaruji dot comHtml dasar   iskaruji dot com
Html dasar iskaruji dot comantony96
 
Pengenalan internet 10
Pengenalan internet 10Pengenalan internet 10
Pengenalan internet 10Suparno Oke
 
Muhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasiMuhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasiFarhan Fued
 
Pengenalan internet 12
Pengenalan internet 12Pengenalan internet 12
Pengenalan internet 12Suparno Oke
 

What's hot (13)

Laporan tugas project pemograman web
Laporan tugas project pemograman webLaporan tugas project pemograman web
Laporan tugas project pemograman web
 
Modul html
Modul htmlModul html
Modul html
 
Html dasar iskaruji dot com
Html dasar   iskaruji dot comHtml dasar   iskaruji dot com
Html dasar iskaruji dot com
 
Modul HTML
Modul HTMLModul HTML
Modul HTML
 
TUGAS Tik
TUGAS TikTUGAS Tik
TUGAS Tik
 
Css tutorial-02
Css tutorial-02Css tutorial-02
Css tutorial-02
 
Pengenalan internet 10
Pengenalan internet 10Pengenalan internet 10
Pengenalan internet 10
 
Pengenalan css
Pengenalan cssPengenalan css
Pengenalan css
 
Muhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasiMuhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasi
 
Modul 2 - CSS
Modul 2 - CSSModul 2 - CSS
Modul 2 - CSS
 
Pengenalan internet 12
Pengenalan internet 12Pengenalan internet 12
Pengenalan internet 12
 
Elemen elemen html
Elemen elemen htmlElemen elemen html
Elemen elemen html
 
Modul 1 - HTML
Modul 1 - HTMLModul 1 - HTML
Modul 1 - HTML
 

Similar to Tabel Tag HTML

Similar to Tabel Tag HTML (20)

BAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEBBAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEB
 
Web html
Web htmlWeb html
Web html
 
Presentation 1 - Desain dan pemrograman web 2
Presentation 1 - Desain dan pemrograman web 2Presentation 1 - Desain dan pemrograman web 2
Presentation 1 - Desain dan pemrograman web 2
 
Download Kodr kode HTML
Download Kodr kode HTMLDownload Kodr kode HTML
Download Kodr kode HTML
 
Html
HtmlHtml
Html
 
pertemuan-2-html-hypertext-markup-language.ppt
pertemuan-2-html-hypertext-markup-language.pptpertemuan-2-html-hypertext-markup-language.ppt
pertemuan-2-html-hypertext-markup-language.ppt
 
Bab i. html
Bab i. htmlBab i. html
Bab i. html
 
Modul 2a html
Modul 2a htmlModul 2a html
Modul 2a html
 
Dasar HTML
 Dasar HTML Dasar HTML
Dasar HTML
 
Dasar html taufan_riyadi
Dasar html taufan_riyadiDasar html taufan_riyadi
Dasar html taufan_riyadi
 
Pengantar pemrograman web HTML
Pengantar pemrograman web HTMLPengantar pemrograman web HTML
Pengantar pemrograman web HTML
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Pertemuan 2 a
Pertemuan 2 aPertemuan 2 a
Pertemuan 2 a
 
Mengenal script html 2
Mengenal script html 2Mengenal script html 2
Mengenal script html 2
 
Web dasar i
Web dasar iWeb dasar i
Web dasar i
 
Pemrograman Web pertemuan 3-obe.pptx
Pemrograman Web pertemuan 3-obe.pptxPemrograman Web pertemuan 3-obe.pptx
Pemrograman Web pertemuan 3-obe.pptx
 
Tugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifahTugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifah
 
Html link list
Html link listHtml link list
Html link list
 
Catatan HTML SMP CC @2014-2015
Catatan HTML SMP CC @2014-2015Catatan HTML SMP CC @2014-2015
Catatan HTML SMP CC @2014-2015
 
Html
HtmlHtml
Html
 

More from Fajar Sany

Kumpulan Cerpen oleh Fajar Sany edisi Juni 2016
Kumpulan Cerpen oleh Fajar Sany edisi Juni 2016Kumpulan Cerpen oleh Fajar Sany edisi Juni 2016
Kumpulan Cerpen oleh Fajar Sany edisi Juni 2016Fajar Sany
 
Kumpulan Cerpen Fajar Sany: Desember 2014 - Mei 2015
Kumpulan Cerpen Fajar Sany: Desember 2014 - Mei 2015Kumpulan Cerpen Fajar Sany: Desember 2014 - Mei 2015
Kumpulan Cerpen Fajar Sany: Desember 2014 - Mei 2015Fajar Sany
 
Presentasi Proposal Tugas Akhir
Presentasi Proposal Tugas AkhirPresentasi Proposal Tugas Akhir
Presentasi Proposal Tugas AkhirFajar Sany
 
Proposal Tugas Akhir
Proposal Tugas AkhirProposal Tugas Akhir
Proposal Tugas AkhirFajar Sany
 
Modul Microsoft Office Powerpoint 2007
Modul Microsoft Office Powerpoint 2007Modul Microsoft Office Powerpoint 2007
Modul Microsoft Office Powerpoint 2007Fajar Sany
 
Intel Larrabee
Intel LarrabeeIntel Larrabee
Intel LarrabeeFajar Sany
 
Pengertian Sistem Operasi
Pengertian Sistem OperasiPengertian Sistem Operasi
Pengertian Sistem OperasiFajar Sany
 
Pengertian AGP, PCI, ISA, EISA dan VESA
Pengertian AGP, PCI, ISA, EISA dan VESAPengertian AGP, PCI, ISA, EISA dan VESA
Pengertian AGP, PCI, ISA, EISA dan VESAFajar Sany
 
Merakit PC Desktop untuk Gaming dengan Mainboard Gigabyte G1-Sniper
Merakit PC Desktop untuk Gaming dengan Mainboard Gigabyte G1-SniperMerakit PC Desktop untuk Gaming dengan Mainboard Gigabyte G1-Sniper
Merakit PC Desktop untuk Gaming dengan Mainboard Gigabyte G1-SniperFajar Sany
 
Linked List dalam Struktur Data
Linked List dalam Struktur DataLinked List dalam Struktur Data
Linked List dalam Struktur DataFajar Sany
 
Command Line di Linux
Command Line di LinuxCommand Line di Linux
Command Line di LinuxFajar Sany
 
Beberapa Istilah dalam Dunia Teknologi Informasi
Beberapa Istilah dalam Dunia Teknologi InformasiBeberapa Istilah dalam Dunia Teknologi Informasi
Beberapa Istilah dalam Dunia Teknologi InformasiFajar Sany
 
Perintah-Perintah Dasar DOS
Perintah-Perintah Dasar DOSPerintah-Perintah Dasar DOS
Perintah-Perintah Dasar DOSFajar Sany
 
Array dalam Struktur Data
Array dalam Struktur DataArray dalam Struktur Data
Array dalam Struktur DataFajar Sany
 
Algoritma Knuth-Morris-Pratt
Algoritma Knuth-Morris-PrattAlgoritma Knuth-Morris-Pratt
Algoritma Knuth-Morris-PrattFajar Sany
 
Perbandingan Memori Internal DDR, DDR2 dan DDR3
Perbandingan Memori Internal DDR, DDR2 dan DDR3Perbandingan Memori Internal DDR, DDR2 dan DDR3
Perbandingan Memori Internal DDR, DDR2 dan DDR3Fajar Sany
 
Multidimensional Array dalam Struktur Data
Multidimensional Array dalam Struktur DataMultidimensional Array dalam Struktur Data
Multidimensional Array dalam Struktur DataFajar Sany
 
Kumpulan Kode C & C++
Kumpulan Kode C & C++Kumpulan Kode C & C++
Kumpulan Kode C & C++Fajar Sany
 
Analisis Suatu Script Web
Analisis Suatu Script WebAnalisis Suatu Script Web
Analisis Suatu Script WebFajar Sany
 

More from Fajar Sany (20)

Kumpulan Cerpen oleh Fajar Sany edisi Juni 2016
Kumpulan Cerpen oleh Fajar Sany edisi Juni 2016Kumpulan Cerpen oleh Fajar Sany edisi Juni 2016
Kumpulan Cerpen oleh Fajar Sany edisi Juni 2016
 
Kumpulan Cerpen Fajar Sany: Desember 2014 - Mei 2015
Kumpulan Cerpen Fajar Sany: Desember 2014 - Mei 2015Kumpulan Cerpen Fajar Sany: Desember 2014 - Mei 2015
Kumpulan Cerpen Fajar Sany: Desember 2014 - Mei 2015
 
Presentasi Proposal Tugas Akhir
Presentasi Proposal Tugas AkhirPresentasi Proposal Tugas Akhir
Presentasi Proposal Tugas Akhir
 
Proposal Tugas Akhir
Proposal Tugas AkhirProposal Tugas Akhir
Proposal Tugas Akhir
 
Modul Microsoft Office Powerpoint 2007
Modul Microsoft Office Powerpoint 2007Modul Microsoft Office Powerpoint 2007
Modul Microsoft Office Powerpoint 2007
 
Linux Zenwalk
Linux ZenwalkLinux Zenwalk
Linux Zenwalk
 
Intel Larrabee
Intel LarrabeeIntel Larrabee
Intel Larrabee
 
Pengertian Sistem Operasi
Pengertian Sistem OperasiPengertian Sistem Operasi
Pengertian Sistem Operasi
 
Pengertian AGP, PCI, ISA, EISA dan VESA
Pengertian AGP, PCI, ISA, EISA dan VESAPengertian AGP, PCI, ISA, EISA dan VESA
Pengertian AGP, PCI, ISA, EISA dan VESA
 
Merakit PC Desktop untuk Gaming dengan Mainboard Gigabyte G1-Sniper
Merakit PC Desktop untuk Gaming dengan Mainboard Gigabyte G1-SniperMerakit PC Desktop untuk Gaming dengan Mainboard Gigabyte G1-Sniper
Merakit PC Desktop untuk Gaming dengan Mainboard Gigabyte G1-Sniper
 
Linked List dalam Struktur Data
Linked List dalam Struktur DataLinked List dalam Struktur Data
Linked List dalam Struktur Data
 
Command Line di Linux
Command Line di LinuxCommand Line di Linux
Command Line di Linux
 
Beberapa Istilah dalam Dunia Teknologi Informasi
Beberapa Istilah dalam Dunia Teknologi InformasiBeberapa Istilah dalam Dunia Teknologi Informasi
Beberapa Istilah dalam Dunia Teknologi Informasi
 
Perintah-Perintah Dasar DOS
Perintah-Perintah Dasar DOSPerintah-Perintah Dasar DOS
Perintah-Perintah Dasar DOS
 
Array dalam Struktur Data
Array dalam Struktur DataArray dalam Struktur Data
Array dalam Struktur Data
 
Algoritma Knuth-Morris-Pratt
Algoritma Knuth-Morris-PrattAlgoritma Knuth-Morris-Pratt
Algoritma Knuth-Morris-Pratt
 
Perbandingan Memori Internal DDR, DDR2 dan DDR3
Perbandingan Memori Internal DDR, DDR2 dan DDR3Perbandingan Memori Internal DDR, DDR2 dan DDR3
Perbandingan Memori Internal DDR, DDR2 dan DDR3
 
Multidimensional Array dalam Struktur Data
Multidimensional Array dalam Struktur DataMultidimensional Array dalam Struktur Data
Multidimensional Array dalam Struktur Data
 
Kumpulan Kode C & C++
Kumpulan Kode C & C++Kumpulan Kode C & C++
Kumpulan Kode C & C++
 
Analisis Suatu Script Web
Analisis Suatu Script WebAnalisis Suatu Script Web
Analisis Suatu Script Web
 

Recently uploaded

MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptxMODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptxSlasiWidasmara1
 
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMMAKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMMIGustiBagusGending
 
aksi nyata - aksi nyata refleksi diri dalam menyikapi murid.pdf
aksi nyata - aksi nyata refleksi diri dalam menyikapi murid.pdfaksi nyata - aksi nyata refleksi diri dalam menyikapi murid.pdf
aksi nyata - aksi nyata refleksi diri dalam menyikapi murid.pdfwalidumar
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxadimulianta1
 
Diskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdf
Diskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdfDiskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdf
Diskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdfHendroGunawan8
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSovyOktavianti
 
Integrasi nasional dalam bingkai bhinneka tunggal ika
Integrasi nasional dalam bingkai bhinneka tunggal ikaIntegrasi nasional dalam bingkai bhinneka tunggal ika
Integrasi nasional dalam bingkai bhinneka tunggal ikaAtiAnggiSupriyati
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxssuser35630b
 
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxPPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxdpp11tya
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfDimanWr1
 
Dasar-Dasar Sakramen dalam gereja katolik
Dasar-Dasar Sakramen dalam gereja katolikDasar-Dasar Sakramen dalam gereja katolik
Dasar-Dasar Sakramen dalam gereja katolikThomasAntonWibowo
 
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfBab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfbibizaenab
 
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdfMODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdfNurulHikmah50658
 
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDPPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDNurainiNuraini25
 
Keterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UTKeterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UTIndraAdm
 
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..ikayogakinasih12
 
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxLK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxPurmiasih
 
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptxPPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptxSaefAhmad
 
Modul Projek - Batik Ecoprint - Fase B.pdf
Modul Projek  - Batik Ecoprint - Fase B.pdfModul Projek  - Batik Ecoprint - Fase B.pdf
Modul Projek - Batik Ecoprint - Fase B.pdfanitanurhidayah51
 
tugas karya ilmiah 1 universitas terbuka pembelajaran
tugas karya ilmiah 1 universitas terbuka pembelajarantugas karya ilmiah 1 universitas terbuka pembelajaran
tugas karya ilmiah 1 universitas terbuka pembelajarankeicapmaniez
 

Recently uploaded (20)

MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptxMODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
 
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMMAKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
 
aksi nyata - aksi nyata refleksi diri dalam menyikapi murid.pdf
aksi nyata - aksi nyata refleksi diri dalam menyikapi murid.pdfaksi nyata - aksi nyata refleksi diri dalam menyikapi murid.pdf
aksi nyata - aksi nyata refleksi diri dalam menyikapi murid.pdf
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptx
 
Diskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdf
Diskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdfDiskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdf
Diskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdf
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
 
Integrasi nasional dalam bingkai bhinneka tunggal ika
Integrasi nasional dalam bingkai bhinneka tunggal ikaIntegrasi nasional dalam bingkai bhinneka tunggal ika
Integrasi nasional dalam bingkai bhinneka tunggal ika
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
 
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxPPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
 
Dasar-Dasar Sakramen dalam gereja katolik
Dasar-Dasar Sakramen dalam gereja katolikDasar-Dasar Sakramen dalam gereja katolik
Dasar-Dasar Sakramen dalam gereja katolik
 
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfBab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
 
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdfMODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
 
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDPPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
 
Keterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UTKeterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UT
 
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
 
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxLK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
 
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptxPPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
 
Modul Projek - Batik Ecoprint - Fase B.pdf
Modul Projek  - Batik Ecoprint - Fase B.pdfModul Projek  - Batik Ecoprint - Fase B.pdf
Modul Projek - Batik Ecoprint - Fase B.pdf
 
tugas karya ilmiah 1 universitas terbuka pembelajaran
tugas karya ilmiah 1 universitas terbuka pembelajarantugas karya ilmiah 1 universitas terbuka pembelajaran
tugas karya ilmiah 1 universitas terbuka pembelajaran
 

Tabel Tag HTML

  • 1. TABEL TAG-TAG HTML Catatan: Attribute setiap tag diletakkan setelah tag itu sendiri, misalnya <body bgcolor=... background=... > <html> Mendefinisikan halaman tersebut adalah HTML. <head> Semua informasi tentang page header. Disini dapat diletakkan tag-tag title, base, isindex, link, script, style dan meta. <title> Sebagai judul halaman yang nantinya muncul di atas browser. <body> Mendefinisikan isi yang hendak ditampilkan sebagai isi halaman. Disini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin. <h...> Tag Heading, digunakan untuk mengatur ukuran huruf pada header. Mempunyai nilai dari <h1> - <h6>, yang mana <h6> merupakan ukuran terkecil. <p> Untuk membuat paragraf, untuk mengatur perataan teks digunakan attribute align dengan nilai left, right, center dan justify. <br> Menambahkan sebuah baris baru dalam teks. <center> Membuat teks dalam posisi di tengah. <pre> Membuat teks seperti aslinya dengan mengabaikan setiap tag-tag. <b> Membuat huruf/tulisan tebal. <i> Membuat huruf/tulisan miring. <u> Membuat huruf/tulisan diberi garis bawah. <s> Membuat huruf/tulisan diberi garis di tengah. <blink> Membuat huruf/tulisan berkedip. <cite> Untuk membuat teks quote. <big> Membuat huruf/tulisan lebih besar satu ukuran. <small> Membuat huruf/tulisan lebih kecil satu ukuran. <sup> Membuat huruf/tulisan superscript. <sub> Membuat huruf/tulisan subscript. <abbrev> Membuat huruf/tulisan singkatan. <acronym> Membuat huruf/tulisan akronim. <person> Untuk indexing. <q> Untuk short inline quotation. <var> Untuk membuat variable name yang selalu miring huruf/tulisannya. <font> Mengatur huruf/tulisan, mempunyai attribute size, face dan color. &lt; Membuat “<” &gt; Membuat “>” &amp; Membuat “&” &quot; Membuat “ &#64; Membuat “@”
  • 2. &#169; dan &copy; Membuat “©” (tanda copyright) &#174; dan &reg; Membuat ® (tanda registered) &nbsp; Membuat spasi yang tidak dapat dipecah. <hr> Tag Horizontal Ruler, membuat garis horizontal. Attributenya size, width, align dan noshade. <ul> dan <li> Tag Unordered List, membuat urutan tidak berurut. Attributenya type yang nilainya disc, circle dan square. Tag <li> digunakan untuk memulai urutan dari yang pertama sampai terakhir. <ol> dan <li> Tag Ordered List, membuat urutan berurut. Attributenya type dan start. Penomorannya sebagai nilai pada type, nilainya 1, I, a dan A. Start digunakan untuk angka berapa yang dimulai dari <li> pertama. <dl> Membuat suatu list singkatan beserta definisinya. Diantara tag <dl> ditambahkan <dt>, yaitu bagian dari istilah yang dijabarkan, tag <dd> adalah penjabaran dari istilah. <a href=...> Tag Anchor, menunjukkan suatu hypertext link. Ada 3 istilah dalam pengalamatannya: 1. Link relatif: menggunakan alamat relatif file yang dituju. Misal <a href=”tujuan.html”>Nama</a> 2. Link absolut: menggunakan alamat absolut file yang dituju. Misal <a href=”c:/mydocuments/tujuan.html”>Nama</a> 3. Link dalam dokumen: dalam dokumen itu sendiri. Misal <a href=”#tutorial”>Nama</a> 4. Link pada situs lain: <a href=http://www.wikipedia.org/Pemrograman Web.html>Nama</a> 5. Link untuk mengirimkan e-mail: <a href=”mailto:alamat email”>Nama</a> <img src=...> Menampilkan sebuah gambar, attributenya alt, align, border, height, hspace, src, width dan vspace. <form> Untuk membuat form yang menerima masukan isian dari user. Attributenya adalah method dan action. 1. Method: menentukan bagaimana data akan dikirim ke server. Nilainya adalah GET (data akan dikirim dengan menggunakan query string pada URL) dan POST (data akan dikirim ke server sebagai block data ke script). 2. Action: menentukan lokasi dari script yang akan memproses data dari form. <input> Membuat kotak isian yang dapat diisi data oleh user. Sintaksnya <input type=... name=... value=... size=...>. Nilai-nilai dalam attribute type adalah text, password, checkbox, radio, image dan button (submit/reset). <textarea> Membuat kotak input berupa teks yang lebih lebar dibanding dengan tag <input>. Attributenya name, rows, cols dan wrap. <select dan options> Digunakan untuk membuat input field yang berbentuk pilihan. Kedua tag ini harus digunakan bersamaan. Tag <option> mendefinisikan pilihan dari item-item, tag ini dipasangkan diantara tag <select> dan </select>. Attribute untuk kedua tag ini adalah name, value, size,
  • 3. multiple dan selected. <table> Untuk membuat tabel. Attributenya align, background, bgcolor, border, bordercolor, cellpadding, cellspacing, height dan width. <th> Tag Table Heading, untuk memberikan judul kolom pada tabel. <tr> Tag Table Row, untuk menyusun baris pada tabel. Attributenya align, bgcolor, bordercolor, height dan valign. <td> Tag Table Data, untuk mengisikan informasi yang akan ditampilkan di web browser. <td> selalu berada di dalam <tr>, biasa disebut kolom. Attributenya align, background, bgcolor, bordercolor, colspan, height, rowspan, valign dan width. <caption> Menambahkan judul pada sebuah tabel. <frameset> Untuk membuat frame, attributenya rows dan cols. <frame> Tag untuk mendefinisikan frame tunggal dalam <frameset>. Attributenya:src=url (berisi URL ke dokumen yang akan ditampilkan pada frame ini), name=... (berisi nama frame yang bisa ditunjuk oleh link pada dokumen yang lain, biasanya dari frame lain pada dokumen yang sama, attribute ini bersifat opsional), scrolling=yes/no/auto (mendeskripsikan apakah frame harus mempunyai scrollbar atau tidak), noresize (mengindikasikan jika frame tidak dapat diubah ukurannya oleh user, secara default dapat diubah), bordercolor=... (memberi warna pada border yang memisahkan frame ini dengan yang lain), marginwidth/merginheight=...px (secara default, terdapat 8px margin kiri dan kanan untuk setiap frame yang dapat diperkecil atau diperbesar). Jenis-jenis target frame: 1. _self: digunakan apabila target frame adalah frame tempat link berada. 2. _top: digunakan apabila target frame adalah windows tempat frame berada. Dengan menggunakannya sebagai target, maka definisi frame yang ada pada windows browser akan hilang dan diganti dengan definisi frame yang baru jika ada. 3. _parent: target frame adalah setingkat di atas frame link berada. 4. _blank: digunakan apabila hasil link ingin ditampilkan di window baru.