Kumpulan Lengkap Tag HTML beserta fungsinya


HTML merupakan singkatan dari HyperText Markup Language. HyperText berarti menggunakan bagian HTTP dari Internet. Markup berarti kode yang Anda tulis ditandai dengan kata kunci. Language artinya dapat dibaca oleh manusia dan komputer. Seperti bahasa pada umumnya, HTML dilengkapi dengan berbagai aturan. Aturan-aturan ini relatif sederhana yang digunakan untuk mendefinisikan dan mengetahui awalan beserta akhiran code.

Contohnya:

<p> Ngeblog di kuliahkomputer.com </p>

Apa yang kamu lihat dalam kurung sudut < dan > adalah tag HTML. Tag tersebut menentukan di mana sesuatu dimulai dan di mana itu berakhir. Masing-masing membawa makna tertentu. Dalam hal ini, p adalah singkatan dari paragraf.

Mereka biasanya berpasangan:

     tag pembuka <p> menentukan awal paragraf
     tag penutup </p> menentukan akhirnya

Satu-satunya perbedaan antara tag pembuka dan penutup adalah garis miring / yang mendahului nama tag.

Jika kamu melihat sampel ini di browser Anda, Anda akan melihat bahwa tag HTML tidak ditampilkan oleh browser. Mereka hanya dibaca oleh browser untuk mengetahui jenis konten apa yang Anda tulis.

Agar file teks seperti itu menjadi dokumen HTML (alih-alih dokumen teks), kamu perlu menggunakan ekstensi .html. Gunakan editor teks seperti Sublime Text untuk membuat dokumen HTML dan gunakan browser seperti Firefox untuk membuka dokumen HTML.

Berikut ini Kumpulan Syntax lengkapnya:
TagKeterangan
<!-- ... -- >Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser
<!DOCTYPE>Mendefinisikan informasi tipe dokumen
aMendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
abbrDigunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja
acronymMendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag abbr
addressMendefinisikan informasi kontak untuk penulis/pemilik dokumen
appletDigunakan untuk memasukan file java kedalam dokumen HTML
area Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
bMembuat teks tebal
base Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
basefont Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen
bdoDigunakan untuk menimpa arah teks
bigMemperbesar ukuran teks sebesar satu point dari defaultnya
blinkMembuat teks berkedip
blockquoteMendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam
bodyMendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya
br Memberi baris baru/pindah baris
buttonMendefinisikan sebuah tombol diklik
captionMembuat caption pada tabel
centerUntuk perataan tengah terhadap teks atau gambar
citeMendefinisikan kutipan
codeMendefinisikan sebuah bagian dari kode komputer
col Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel
colgroupMenentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan
ddMendefinisikan deskripsi dari item dalam daftar definisi
delUntuk memberi garis tengah pada teks/mencoret teks
dfnMendefinisikan sebuah istilah definisi
dirMendefinisikan sebuah daftar direktori
divMendefinisikan sebuah section dalam dokumen
dlMendefinisikan sebuah daftar definisi
dtMendefinisikan istilah (item) dalam daftar definisi
emMembuat teks miring. Fungsi tag ini sama dengan tag i tetapi tag em yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
embedDigunakan untuk memasukkan file video atau file musik
fieldsetUntuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
fontMendefinisikan jenis font, warna dan ukuran untuk teks
formMendefinisikan sebuah form HTML untuk input form
frame Mendefinisikan frame dalam fremeset
framesetMendefinisikan satu set frame
h1 to h6Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
headDigunakan untuk memberikan informasi tentang dokumen tersebut
hr Membuat garis horisontal
htmlMendefinisikan root dari suatu dokumen HTML
iMembuat teks miring
iframeMendefinisikan sebuah inline frame
img Berfungsi untuk menampilkan gambar pada dokumen HTML
input Mendefinisikan input field pada form
insMembuat teks bergaris bawah
kbdMendefinisikan teks yang di input dari keyboard
labelMendefinisikan label untuk sebuah elemen input
legendMendefinisikan sebuah caption untuk elemen fieldset
liDigunakan untuk menampilkan informasi dalam bentuk item daftar
link Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
listingFungsi tag ini sama dengan tag pre dan dianjurkan menggunakan tag pre karena tag listing tidak layak/diprotes
mapMendefinisikan client-side peta gambar
marqueeMembuat teks berjalan secara vertikal atau horisontal
menuMendefinisikan sebuah daftar menu
meta Mendefinisikan metadata tentang sebuah dokumen HTML
nobrMencegah ganti baris pada teks atau gambar
noframesJika browser user tidak mendukung frame
noscriptJika browser user tidak mendukung client-side scripts
objectmeletakkan embed sebuah objek
olMendefinisikan daftar dalam format penomoran
optgroupMenampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
optionMenampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
pMembuat sebuah paragraf
param Mendefinisikan sebuah parameter untuk objek
preMembuat teks dengan ukuran huruf yang sama
qMendefinisikan sebuah kutipan singkat
sUntuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag del tetapi tag s tidak dianjurkan sebagai gantinya menggunakan tag del
sampMendefinisikan contoh keluaran dari program komputer
scriptMendefinisikan client-side script
selectMembuat daftar drop-down
smallMemperkecil ukuran teks dari ukuran defaultnya
spanMendefinisikan sebuah section dalam dokumen
strikeUntuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag del
strongMembuat teks tebal, fungsi tag ini sama dengan tag b
styleMendefinisikan informasi style untuk dokumen HTML
subMemberikan efek subscript pada teks
supMemberikan efek superscript pada teks
tableMembuat tabel
tbodyUntuk mengelompokkan isi body di dalam sebuah tabel
tdMendefinisikan sel di dalam sebuah tabel
textareaMendefinisikan sebuah kontrol input multiline
tfootUntuk mengelompokkan isi footer di dalam sebuah tabel
thMendefinisikan sel header di dalam sebuah tabel
theadUntuk mengelompokkan isi header di dalam sebuah tabel
titleMembuat judul untuk dokumen HTML
trMembuat baris di dalam sebuah tabel
ttMendefinisikan teletype text
uMembuat teks bergaris bawah, fungsi tag ini sama dengan tag ins tetapi tag u tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style
ulMendefinisikan daftar dalam format bullet
varMendefinisikan sebuah variabel
xmpMendefinisikan preformatted text, fungsi tag ini sama dengan tag pre

Semoga bermanfaat
Kumpulan Lengkap Tag HTML beserta fungsinya Kumpulan Lengkap Tag HTML beserta fungsinya Reviewed by Redaksi on Rabu, Februari 20, 2019 Rating: 5

Tidak ada komentar:

Diberdayakan oleh Blogger.