Archive for Maret 2015
TAG-TAG PADA HTML
Kembali lagi bersama
saya, Muhammd Duta Dulhak. Hehehe … Pada kesempatan kali ini saya akan memberi
ilmu dan informasi pada kalian semua tentang lanjutan potingan yang sebelumnya,
yaitu Belajar HTML dan kali ini saya akan menjelaskan bagian lainnya tentang
TAG-TAG yang diperlukan dalam pembuatan HTML. Tentu susah untuk menghafalnya,
sebab ada begitu banyak sekali TAG-TAG dalam pembuatan HTML, dan mudah-mudahan
apa yang saya posting kali ini akan sangat bermanfaat dan membantu untuk kalian
semua, thanks to my dosen, Bapak Handrizal,S.Si.M.Comp.Sc… langsung saja yaa cekidot.. :D
Daftar TAG
•
<html>
Dokumen
•
<head>
Header
•
<title>
Judul
dokumen
•
<body>
Isi
dokumen
•
<h1>…<h6> Judul
paragraf
•
<p>
Paragraf
•
<b>,<i>,<u>,<sup>,<sub> Atribut
•
<br>
Ganti
baris
•
<font> Font
•
<li>,<ol>,<ul> Enumerasi
•
<hr> Garis
mendatar
•
<img> Gambar
•
<a> Link
(kaitan/rujukan)
•
<table> Tabel
•
<!-- --> Komentar
•
<frame>,<frameset>,<iframe> Frame (bingkai)
•
<form> Formulir
isian
•
<input>,<textarea>,<select> Komponen isian pada
formulir
•
<map> Link
berdasar area pada gambar
•
<span>,<div> Pengelompokan
elemen dokumen
Dan
sekarang akan saja jelaskan lebih detailnya lagi berdasarkan jenis-jeniis TAG
nya…
TAG JUDUL (HEADING)
<hn>Judul
paragraf</hn>
n
= 1,2,3,4,5,6 (tingkat judul)
Untuk
menuliskan judul suatu paragraf
TAG PARAGRAF (paragraph)
<p>paragraf</p>
Untuk
menandai suatu paragraf.
Suatu
paragraf akan terlihat dibatasi oleh satu baris kosong sebelum dan sesudahnya.
Tag Atribut 1 (Bold,
Italic, Underline)
<b>Kalimat yang dicetak
tebal</b>
<i>Kalimat yang dicetak
miring</i>
<u>Kalimat yang
digarisbawahi</u>
Untuk
menandai bagian kalimat agar dicetak tebal, miring, dan/atau digarisbawahi.
Tag
Atribut 2 (Superscript, Subscript)
<sup>bagian yang dicetak
tinggi</sup>
<sub>bagian yang dicetak
rendah</sub>
Untuk
menandai bagian karakter agar dicetak tinggi atau rendah, biasanya untuk rumus
matematika atau kimia.
Tag Ganti Baris (Break
line)
<br>
Untuk
pindah ke baris berikutnya.
Bentuk
penulisan lain yang dianjurkan (XML style) :
<br
/>
Tag Font (size)
Memformat
suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu.
Tag
: font Parameter : size, face, color
Ukuran
:
<font
size="n"> kalimat </font>
<font
size="m"> kalimat </font>
n = 1, 2, 3, 4, 5, 6, 7
(ukuran huruf)
m = -2, -1, +0, +1, +2,
+3, +4 (ukuran huruf)
Tag Font (face)
Memformat suatu bagian kalimat dengan ukuran, jenis
huruf, atau warna tertentu.
Tag : font
Parameter : size, face,
color
Jenis Huruf :
<font
face="nama font"> kalimat </font>
nama font
= Times New Roman, Arial, Courier New,
Verdana, dll.
Tag Font (color)
Memformat suatu bagian kalimat dengan ukuran, jenis huruf,
atau warna tertentu.
Tag : font
Parameter : size, face, color
Warna :
<font
color="#RRGGBB"> kalimat </font>
RR = 00 .. FF
(intensitas warna merah dalam heksadesimal)
GG = 00 .. FF
(intensitas warna hijau dalam heksadesimal)
BB = 00 .. FF
(intensitas warna biru dalam heksadesimal)
Tag Enumerasi (List, Unordered List, Ordered List)
<li>item</li>
Untuk menandai suatu item dari daftar (enumerasi),
diawali dengan simbol • (bullet)
Kelompok item harus diapit oleh tag <ul>
</ul> dalam daftar bertingkat.
Untuk menomori enumerasi dengan nomor urut (1,2,3),
apitlah dengan tag <ol> </ol>
Tag Garis Mendatar (Horizontal Line)
<hr>
membentuk garis pemisah mendatar.
Bentuk penulisan
lain yang dianjurkan (XML style) :
<hr />
Tag Gambar (Image)
<img src="NamaFileGambar">
NamaFileGambar
= file gambar yang mempunyai ekstensi .GIF, .JPG, atau .PNG.
Untuk menampilkan sebuah file gambar.
Bentuk penulisan lain yang dianjurkan (XML style)
:
<img src="NamaFileGambar" />
Tag Tabel (Table) – data
<table>
definisi tabel </table>
Menampilkan data dalam bentuk tabel
Tabel didefinisikan dengan cara menyatakan
baris-baris dan kolom-kolom.
Tag untuk penanda baris adalah <tr> definisi baris </tr>
Tag untuk penanda kolom adalah <td>data</td>
Tag Tabel (Table) – layout
Untuk menata letak (layout)
isi dokumen
Tag Link (Anchor)
<a href="Link">Kata yang di-click</a>
<a name="#Acuan">Kata yang dituju</a>
Link = Alamat URL atau nama file dan/atau acuan
yang dituju
Acuan = Kata sembarang sebagai penanda (bookmark)
membentuk link ke
URL/file/bagian dokumen lain.
dan cukup sekian pada postingan kali ini, semoga membantu dan bermanfaat bagi kalian semua, Untuk postingan selanjutnya masih tentang bagian HTML yaitu frame and frameset, nantikan postingan selanjutnya yaa viewer, apabila ada kekurangan dan kesalahan mohon kritiknya yaa. Terima Kasih...
