Senin, 22 Agustus 2011

Sekilas Tag - tag HTML

Salam Blogger Selalu,

Kali ini saya akan memaparkan sedikit dari beberapa tag - tag html, tapi perlu di ketahui bahwa ada yang dinamakan tag dan ada juga yang dinamakan atribut, tag adalah komponen utama sedangkan atribut adalah subab dari tag, bisa dikatakan bahwa setiap tag mempunyai atributnya masing - masing, misalkan saya contohkan pada tag untuk mengatur huruf yaitu tag <font> .. </font>, misalkan untuk mengatur huruf, kita akan memberikan pengaturan bahwa huruf tersebut contoh : "SMK Cijangkar" akan diatur dengan type huruf : Arial, warna : hitam, dan besar huruf : 7, maka sintak/tag yang akan kita tuliskan sebagai berikut : 

<font face="arial" color="black" size="7"> SMK Cijangkar </font>
jadi bisa disimpulkan tag utama dari sintak tersebut adalah tag "font" dan atribut yang "Berlaku" adalah face (type huruf), color (warna huruf), dan size (besar huruf). Mengapa kata berlaku saya beri tanda kutip ? karena tidak setiap atribut berlaku pada semua tag, misal atribut "bgcolor" yang berlaku di tag "body" kita simpan di tag "font", sudah tentu tidak akan ada pengaruh pada atau tidak berlaku, ok ! berarti sudah tahu kan perbedaan tag dengan atribut ??.
berikut adalah Tag - tag,  Atribut - atribut, beserta fungsinya  :
Tag Utama
Tag Atribut Deskripsi
<html>
</html>

Jenis Dokumen, terdapat pada awal dan akhir file HTML
<head>
</head>

Keterangan umum, seperti judul atau pemanggilan fungsi misal : css, js, ajax dsb.
<title>
</title>

Judul dokumen, terdapat pada bagian head.
<body>
</body>
bgcolor
background
text
link
vlink
bgsound
font
topmargin
leftmargin
marginheight
marginwidth
harus diketahui, atribut yang terdapat tag body otomatis akan mengatur semua isi dokumen html tersebut.
Pengaturan Teks
Tag Atribut Deskripsi
<b></b>
Cetak Tebal (contoh)
<i></i>
Cetak miring (contoh)
<u></u>
Garis bawah (contoh)
<strike>
</strike>

Huruf tercoret (contoh)
<sub>
</sub>

Subscript (Contoh)
<sup>
</sup>

Superscript (contoh)
<center>
</center>

rata tengah (contoh)
<blink>
</blink>

huruf berkedip (contoh)
<h1></h1>

Contoh

<h2></h2>

Contoh

<h3></h3>

Contoh

<h4></h4>

Contoh

<h5></h5>
Contoh
<h6></h6>
Contoh
<font>
</font>
color
face
size
format teks
<p></p> align Paragraf
Link
Tag Atribut Deskripsi
<a></a> href
target
title
style
class
name
id
link, agar bisa saling terkait antara dua/lebi dokumen
List (Daftar)
Tag Atribut Deskripsi
<ul></ul> type (Disc,
Circle, square)
Daftar dengan simbol (digunakan dengan li)
<ol></ol> type(A,a,I,i,1)Daftar dengan angka dan huruf(digunakan dengan li)
li Element listharus ada di setiap ul maupun li
Image/Gambar
Tag Atribut Deskripsi
img src(url)
alt
width
height
border
Menampilkan sebuah
Table
Tag Atribut Deskripsi
<table>
</table>
border
align
width
height
cellspacing
cellpadding
id
style
bgcolor
background
valign
title
Mengatur semua elemen table
<tr></tr> height
bgcolor
background
align
valign
title
Membuat baris baru
<td></td> width
height
align
valign
colspan
rowspan
bgcolor
background
title
Membuat kolom baru
<th></th> width
height
align
valign
colspan
rowspan
bgcolor
background
title
Sama seperti <td>, hanya husus untuk header table, otomatis huruf tercetak tebal dan posisi huruf di tengah.
Form
Tag Atribut Deskripsi
<form>
</form>
method (post, get)
action(url)
name
enctype (multipart/eta form-data)
Pengatuan form

<input> text
password
checkbox
radio
image
hidden
submit
reset
size
name
maxlength
value





checkbox

radio

hidden





<select>
<option>
</option>
</select>
name
value
selected
<textarea>

</textarea>
name
value
cols
rows

2 komentar:

Rio Hadi Sumarno mengatakan...

lier akh.... hahaha... :)

Anonim mengatakan...

5 Ways to Win At Roulette | Borgata
For instance, if you have two blackjack tables, worrione or even a roulette 1xbet korean table, you'll receive your bet Roulette is hands down the 카지노사이트 best of all casino games

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Grants For Single Moms