Belajar HTML (Mengenal Tag, Elemen, Atribut HTML)
Setelah belajar tentang html dasar dan text editor pada artikel sebelumnya, kini kita akan belajar tentang tag, elemen, dan atribut html.
Tag HTML
Untuk kalian yang belum tahu, apa itu tag html? Tag adalah text khusus (markup) yang- biasanya terdiri dari pembuka dan penutup.
Berikut adalah format dasar tag html:
<tag pembuka>object yang dikenai perintah tag</tag penutup>
Dan berikut ini jenis tag yang sering digunakan dalam html:
Atribut adalah informasi tambahan yang diberikan pada tag. Informasi ini bisa berupa interuksi memberi untuk warna dari text, besar huruf dari text, dll. Setiap atribut memiliki pasangan nama atau value yang ditulis dengan nama="value".
Penulisan atribut pada html di awali dengan penulisan tag, didalam tag diberikan atribut dan elemen dari tag itu sendiri. Contoh sbb:
Setelah belajar tentang html dasar dan text editor pada artikel sebelumnya, kini kita akan belajar tentang tag, elemen, dan atribut html.
Tag HTML
Untuk kalian yang belum tahu, apa itu tag html? Tag adalah text khusus (markup) yang- biasanya terdiri dari pembuka dan penutup.
Berikut adalah format dasar tag html:
<tag pembuka>object yang dikenai perintah tag</tag penutup>
Dan berikut ini jenis tag yang sering digunakan dalam html:
<!--
Komentar --> Digunakan untuk
memberi sebuah komentar atau keterangan.
<!DOCTYPE
> Digunakan untuk
mendefinisikan informasi tipe dokumen
<a> Digunakan untuk
mendefinisikan sebuah anchor, intinya untuk menautkan antara satu dokumen HTML
ke dokumen HTML lainnya
<abbr> Digunakan
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
<acronym> Mendefinisikan akronim / fungsi tag ini
kurang lebih sama dengan tag <abbr>
<address> Mendefinisikan informasi kontak untuk
penulis/pemilik dokumen
<applet> Digunakan untuk memasukan file java
kedalam dokumen HTML
<area
/> Mendefinisikan daerah yang
dapat diklik (link) pada peta gambar
<b> Membuat 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
<bdo> Digunakan untuk menimpa arah teks
<big> Memperbesar ukuran teks sebesar satu point
dari defaultnya
<blink> Membuat teks berkedip
<blockquote> Mendefinisikan sebuah kutipan panjang. Pada
saat di browser teks akan tampil menjorok kedalam
<body> Mendefinisikan 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
<button> Mendefinisikan sebuah tombol diklik
<caption> Membuat caption pada tabel
<center> Untuk perataan tengah terhadap teks
atau gambar
<cite> Mendefinisikan kutipan
<code> Mendefinisikan sebuah bagian dari
kode komputer
<del> Untuk memberi garis tengah pada teks/mencoret
teks
<dfn> Mendefinisikan sebuah istilah definisi
<div> Mendefinisikan sebuah section dalam dokumen
<dl> Mendefinisikan sebuah daftar definisi
<dt> Mendefinisikan istilah (item) dalam daftar
definisi
<font> Mendefinisikan jenis font, warna dan ukuran
untuk teks
<h1>
to <h6> Digunakan untuk menunjukkan
awal dari suatu header/judul dari dokumen HTML tersebut.
<head> Digunakan untuk memberikan informasi
tentang dokumen tersebut
<hr
/> Membuat garis horisontal
/ Mendefinisikan root dari suatu
dokumen HTML
<i> Membuat teks miring
<img
/> Berfungsi untuk
menampilkan gambar pada dokumen HTML
<ins> Membuat teks bergaris bawah
<li> Digunakan untuk menampilkan informasi
dalam bentuk item daftar
<link
/> Mendefinisikan hubungan
antara dokumen dan sumber eksternalnya
<marquee> Membuat teks berjalan secara vertikal atau
horisontal
<menu> Mendefinisikan sebuah daftar menu
<meta
/> Mendefinisikan metadata
tentang sebuah dokumen HTML
<ol> Mendefinisikan daftar dalam format
penomoran
<option> Menampilkan beberapa pilihan yang
berbentuk dalam sebuah daftar drop-down
<p> Membuat sebuah paragraf
<small> Memperkecil ukuran teks dari ukuran
defaultnya
<style> Mendefinisikan informasi style untuk
dokumen HTML
<sub> Memberikan efek subscript pada teks
<sup> Memberikan efek superscript pada teks
<table> Membuat tabel
<tbody> Untuk mengelompokkan isi body di dalam
sebuah tabel
<td> Mendefinisikan sel di dalam sebuah tabel
<textarea> Mendefinisikan sebuah kontrol input
multiline
<tfoot> Untuk mengelompokkan isi footer di
dalam sebuah tabel
<th> Mendefinisikan sel header di dalam sebuah
tabel
<thead> Untuk mengelompokkan isi header di
dalam sebuah tabel
<title> Membuat judul untuk dokumen HTML
<tr> Membuat baris di dalam sebuah tabel
<tt> Mendefinisikan teletype text
<u> Membuat 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
<ul> Mendefinisikan daftar
Elemen HTML
elemen html merupakan isi atau objek yang berada pada tag, maksudnya isi yang berada diantara tag pembuka dan penutup. Misalkan:
Atribut pada HTML
Atribut adalah informasi tambahan yang diberikan pada tag. Informasi ini bisa berupa interuksi memberi untuk warna dari text, besar huruf dari text, dll. Setiap atribut memiliki pasangan nama atau value yang ditulis dengan nama="value".
Penulisan atribut pada html di awali dengan penulisan tag, didalam tag diberikan atribut dan elemen dari tag itu sendiri. Contoh sbb:
- h2 adalah tag heading 2
- align adalah nama atribut
- center adalah nilai atribut
Pada html banyak sekali atribut yang digunakan tetapi hanya cocok untuk tag-tag tertentu saja.
Komentar
Posting Komentar