Follow by Email

Jumat, 11 November 2011

tag-tag html

selamat datang di hericjdw.html
saya akan menjelaskan sekaligus memberi contoh bagaimana caranya memodifikasi aplikasi melalui tag-tag html sesuai dengan fitur yang anda ingginkan
contoh tag yang dapat dipakai untuk tulisan berupa kalimat,karakter,ataupun kata:
1.<b>...</b> fungsinya untuk menebalkan huruf
2.<i>...</i> fungsinya untuk membuat huruf cetak miring
3.<u>...</u> fungsinya untuk mencetak huruf bergaris bawah
4.<strong>...</strong> pada dasarnya memiliki fungsi yg sama dengan tag <b>...</b>
5.<font>...</font> untuk menempatkan selector-selector dan propertinya untuk membuat style suatu huruf pada suatu kata,kalimat maupun character
6.<blink>...</blink> untuk membuat tulisan berkedip
7.<marquee>...<marquee> untuk membuat tulisan berjalan
8.<br> untuk alinea baru.


tag tingkat paragraf
1.<pre>...</pre> fungsinyauntuk membuat format suatu paragraf ataupun alinea.
contohnya ketika kita inggin membuat suatu break line,maka kita tak perlu tag <br>...</br> cukup menggunakan tag <pre>...</pre> kemudian tekan enter pada bagian yang akan diberikan break line
2.<p>...</p> untuk membuat paragraf
3.<h1>.../<h1> untuk membuat heading tipe yang ke-1
4.<h2>.../<h2> untuk membuat heading tipe yang ke-2 dan seterusnya <h3> sampai yang kita mau.
5.untuk spasi (&nbsp)
6.<hr> untuk memberikan garis horisontal.tag ini tidak perlu penutup(</hr>)


links
1.<a> untuk membuat link agar kita dapat pindah kehalaman lain.tag ini memiliki atribut yang sangat penting yaitu href
contoh agar kita terhubung dengan google:
my<a href="http://www.google.com">google</a>
hasilnya
my google
dan ketika anda klik google maka anda akan terhubung dengan google.
jika anda ingin ketika link diklik dan halaman tersebut muncul pada jendela browser yang baru gunakan atribut (target ="_blank") seperti ini:
my<a href="http://www.google.com"target ="_blank">google</a>


images 
1.<img> tag untuk membuat gambar pada website.disarankan tipe gambar jpg/gif.
   tag ini memiliki atribut yaitu(src) dan tidak perlu penutup.
contoh:
<img src="contoh gambar.jpg"width="320"height="50"alt="contoh gambar">
hasil:
contoh gambar


komentar
untuk menulis komentar diawali dengan<!--dan diakhiri dengan-->


list
ada 3 macam tag list:terkait dengan <li>...</li>
1.<ul>...</ul>
2.<ol>...</ol>
3.<ol start="nomor urut">...</ol>
contoh:
<ol>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
</ol>
hasilnya:
1.list 1
2.list 2
3.list 3


tabel
1.<TABLE></TABLE> tag ini merupakan kontainer untuk membuat tabel
2.<TR></TR> didalam tabel tag ini berfungsi untuk membuat baris
3.<TD></TD> untuk membuat kolom didalam tag <TR> harus terdapat tag <TD> anda bisa menambahkan banyak tag <TD> didalam <TR> untuk membuat kolom
4.<TH></TH> sama dengan <td> hanya saja berfungsi sebagai header,biasanya dignakan pada baris pertama didalam tabel.