Senin, 18 April 2011

Tag Dalam HTML

Untuk menggunakan salah satu tag HTML berikut, cukup pilih kode HTML yang ingin Anda dan salin dan sertakan dalam halaman web Anda.




Tag
Nama
Kode Contoh
Browser Lihat
<! -komentar<-! Ini dapat dilihat di bagian HTML dari dokumen ->Tidak ada yang akan menunjukkan (Tip)
<A -jangkar<a href= "http://www.domain.com/">
Kunjungi Situs Kami </ a>		Kunjungi Situs kami (Tip)
<b>berani<b> Contoh </ b>Contoh
<big>besar (teks)<big> Contoh </ besar>Contoh (Tip)
<body>tubuh dokumen HTML<body> Isi dari halaman HTML Anda </ body>Isi halaman web Anda (Tip)
<br>baris istirahatIsi dari halaman Anda <br> Isi dari halaman AndaIsi dari halaman web Anda
Isi dari halaman web Anda
<center>pusat<center> pusat ini akan konten Anda </ center>
Pusat ini akan konten Anda
<dd>definisi deskripsi<dl>
Jangka <dt> Definisi </ dt>
<dd> Definisi dari istilah </ dd>
Jangka <dt> Definisi </ dt>
<dd> Definisi dari istilah </ dd>
</ Dl>

Definisi Istilah
Definisi istilah
Definisi Istilah
Definisi istilah
<dl>definisi daftar<dl>
Jangka <dt> Definisi </ dt>
<dd> Definisi dari istilah </ dd>
Jangka <dt> Definisi </ dt>
<dd> Definisi dari istilah </ dd>
</ Dl>

Definisi Istilah
Definisi istilah
Definisi Istilah
Definisi istilah
<dt>Definisi istilah<dl>
Jangka <dt> Definisi </ dt>
<dd> Definisi dari istilah </ dd>
Jangka <dt> Definisi </ dt>
<dd> Definisi dari istilah </ dd>
</ Dl>

Definisi Istilah
Definisi istilah
Definisi Istilah
Definisi istilah
<em>tekananIni adalah Contoh <em> </ em> menggunakan tag penekananIni adalah Contoh penggunaan tag penekanan
<embed> embed objek<embed src="yourfile.mid" width="100%" height="60" align="center">
(Tip)
<embed>embed objek<Embed src = "yourfile.mid" autostart = "true" hidden = "false" loop = "false">
<noembed> src="yourfile.mid" <bgsound loop="1"> </ noembed>


Musik akan mulai diputar saat halaman Anda dimuat dan hanya akan bermain satu kali.Sebuah panel kontrol akan ditampilkan untuk memungkinkan pengunjung Anda untuk menghentikan musik.
<FONT>font<font face="Times New Roman"> Contoh </ font>Contoh (Tip)
<FONT>font<font face="Times New Roman" Contoh size="4"> </ font>Contoh (Tip)
<FONT>font<font face="Times New Roman" size="+3" color="#ff0000"> Contoh </ font>Contoh (Tip)
<form>bentuk<form action="mailto:you@yourdomain.com">
Nama: <input name="Name" value="" size="10"> <br>
Email: <input name="Email" value="" size="10"> <br>
<center> <input type="submit"> </ center>
</ Form>
Nama:  (Tip)
Email: 
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>		pos 1
pos 2
pos 3
pos 4
pos 5
pos 6		<h1> Heading 1 Contoh </ h1>
<h2> Heading 2 Contoh </ h2>
<h3> Heading 3 Contoh </ h3>
<h4> Pos 4 Contoh </ h4>
<h5> Pos 5 Contoh </ h5>
<h6> Heading 6 Contoh </ h6>

<head>judul dokumen HTML<head> Mengandung elemen menggambarkan dokumen</ head>Tidak ada yang akan menunjukkan
<hr>aturan horisontal<hr />

Isi halaman web Anda (Tip)
Isi halaman web Anda
<hr>aturan horisontal<hr width="50%" size="3" />Isi halaman web Anda
Isi halaman web Anda
<hr>aturan horisontal<hr width="50%" size="3" noshade />Isi halaman web Anda
Isi halaman web Anda
<hr>
(Internet
Explorer)		aturan horisontal<Hr width = "75%" color = " # FF0000 "size =" 4 "/>Isi halaman web Anda
Isi halaman web Anda
<hr>
(Internet
Explorer)		aturan horisontal<Hr width = "25%" color = " # 6699ff "size =" 6 "/>Isi halaman web Anda
Isi halaman web Anda
<html>hypertext markup language<html> 
<head>
<META>
<title> Judul halaman web </ title>
</ Head>
<body> isi halaman web HTML
</ Body>
</ Html>		Isi halaman web Anda
<i>miring<i> Contoh </ i>Contoh
<img>gambar<img src="Earth.gif" width="41" height="41" alt="text border="0" menggambarkan /> image"kalimat tentang situs Anda (Tip)
<input>kolom masukanContoh 1:


<form action="/cgi-bin/example.cgi"> method=post
<input type="text" size="10" maxlength="30">
<input type="Submit" value="Submit">
</ Form>
Contoh 1: (Tip)


<input>
(Internet Explorer)		kolom masukanContoh 2:


<form action="/cgi-bin/example.cgi"> method=post
<Input type = "text" style = "color: # ffffff; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: # 72a4d2;" size = "10" maxlength = "30 ">
<input type="Submit" value="Submit">
</ Form>
Contoh 2: (Tip)


<input>kolom masukanContoh 3:


<form action="/cgi-bin/example.cgi"> method=post
<table border="0" cellspacing="0" cellpadding="2"> <tr> <td bgcolor="#8463ff"> <input type="text" size="10" maxlength="30"> </ td> <td bgcolor="#8463ff" valign="Middle"> <input type="image" name="submit" src="yourimage.gif"> </ td> </ <> tr / table>
</ Form>
Contoh 3: (Tip)

<input>kolom masukanContoh 4:


<form action="/cgi-bin/example.cgi"> method=post
Masukkan Komentar Anda: <br>
<textarea wrap="virtual" name="Comments" rows=3 cols=20 maxlength=100> </ textarea> <br>
<input type="Submit" value="Submit">
<input type="Reset" value="Clear">
</ Form>
Contoh 4: (Tip)



<input>kolom masukanContoh 5:


<form action="/cgi-bin/example.cgi"> method=post
<center>
Pilih satu opsi:
<select>
<option> opsi 1 </> pilihan
<option dipilih> opsi 2 </ option>
<option> pilihan 3 </ option>
<option> opsi 4 </ option>
<option> opsi 5 </ option>
<option> opsi 6 </ option>
</ Select> <br>
<input type="Submit" value="Submit"> </ center>
</ Form>






Contoh 5: Tip)


Pilih satu opsi: 
<input>kolom masukanContoh 6:


<form action="/cgi-bin/example.cgi"> method=post
Pilih opsi: <br>
<input type="radio" name="option"> Opsi 1
<input type="radio" name="option" checked> Opsi 2
<input type="radio" name="option"> Opsi 3
<br>
<br>
Pilih opsi: <br>
<input type="checkbox" name="selection"> Pemilihan 1
<input type="checkbox" name="selection" checked>Seleksi 2
<input type="checkbox" name="selection"> Pemilihan 3
<input type="Submit" value="Submit">
</ Form>
Contoh 6: (Tip)


Pilih satu opsi:
 Opsi 1
 Opsi 2
 Opsi 3


Pilih satu opsi:
 Pemilihan 1
 Seleksi 2
 Pemilihan 3
<li>daftar itemContoh 1:


<menu>
<li type="disc"> Daftar item 1 </ li>
<li type="circle"> item Daftar 2 </ li>
<li Daftar type="square"> item 3 </ li>
</ MENU>


Contoh 2:


<ol type="i">
Daftar <li> item 1 </ li>
Daftar <li> item 2 </ li>
Daftar <li> item 3 </ li>
Daftar <li> item 4 </ li>
</ Ol>		Contoh 1: (Tip)
  • Daftar item 1
  • Daftar item 2
  • Daftar item 3


Contoh 2: 
  1. Daftar item 1
  2. Daftar item 2
  3. Daftar item 3
  4. Daftar item 4
<link>link<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</ Head>
<marquee>
(Internet
Explorer)		scrolling teks<Marquee bgcolor = " # CCCCCC "loop =" -1 "scrollamount =" 2 "width =" 100% "> Contoh Marquee</ marquee>Contoh Marquee(Tip)
<menu>menu<menu>
<li type="disc"> Daftar item 1 </ li>
<li type="circle"> item Daftar 2 </ li>
<li Daftar type="square"> item 3 </ li>
</ Menu>
  • Daftar item 1
  • Daftar item 2
  • Daftar item 3
<META>meta<meta name="description" content="Description dari site"> Anda
<meta name="keywords" content="keywords menggambarkan site"> Anda		Tidak ada yang akan menunjukkan (Tip)
<META>meta<meta http-equiv="refresh" CONTENT="4;URL=http://www.yourdomain.com/">Tidak ada yang akan menunjukkan (Tip)
<META>meta<meta http-equiv="Pragma" content="no-cache">Tidak ada yang akan menunjukkan (Tip)
<META>meta<meta name="rating" content="General">Tidak ada yang akan menunjukkan (Tip)
<META>meta<meta name="robots" content="all">Tidak ada yang akan menunjukkan (Tip)
<META>meta<meta name="robots" content="noindex,follow">Tidak ada yang akan menunjukkan (Tip)
<ol>memerintahkan daftarBernomor


<ol>
Daftar <li> item 1 </ li>
Daftar <li> item 2 </ li>
Daftar <li> item 3 </ li>
Daftar <li> item 4 </ li>
</ Ol>


Mulai Bernomor Khusus


<ol start="5">
Daftar <li> item 1 </ li>
Daftar <li> item 2 </ li>
Daftar <li> item 3 </ li>
Daftar <li> item 4 </ li>
</ Ol>


Surat huruf kecil
<ol type="a">
Daftar <li> item 1 </ li>
Daftar <li> item 2 </ li>
Daftar <li> item 3 </ li>
Daftar <li> item 4 </ li>
</ Ol> 
Modal Surat
<ol type="A">
Daftar <li> item 1 </ li>
Daftar <li> item 2 </ li>
Daftar <li> item 3 </ li>
Daftar <li> item 4 </ li>
</ Ol> 
Surat Modal Mulai Khusus
<ol type="A" start="3">
Daftar <li> item 1 </ li>
Daftar <li> item 2 </ li>
Daftar <li> item 3 </ li>
Daftar <li> item 4 </ li>
</ Ol> 
Angka Romawi huruf kecil
<ol type="i">
Daftar <li> item 1 </ li>
Daftar <li> item 2 </ li>
Daftar <li> item 3 </ li>
Daftar <li> item 4 </ li>
</ Ol> 
Modal Angka Romawi
<ol type="I">
Daftar <li> item 1 </ li>
Daftar <li> item 2 </ li>
Daftar <li> item 3 </ li>
Daftar <li> item 4 </ li>
</ Ol>


Angka Romawi Modal Mulai Khusus
<ol type="I" start="7">
Daftar <li> item 1 </ li>
Daftar <li> item 2 </ li>
Daftar <li> item 3 </ li>
Daftar <li> item 4 </ li>
</ Ol>
Bernomor
  1. Daftar item 1
  2. Daftar item 2
  3. Daftar item 3
  4. Daftar item 4
Mulai Bernomor Khusus 
  1. Daftar item 1
  2. Daftar item 2
  3. Daftar item 3
  4. Daftar item 4
Surat huruf kecil 
  1. Daftar item 1
  2. Daftar item 2
  3. Daftar item 3
  4. Daftar item 4
Modal Surat 
  1. Daftar item 1
  2. Daftar item 2
  3. Daftar item 3
  4. Daftar item 4
Surat Modal Mulai Khusus 
  1. Daftar item 1
  2. Daftar item 2
  3. Daftar item 3
  4. Daftar item 4
Angka Romawi huruf kecil 
  1. Daftar item 1
  2. Daftar item 2
  3. Daftar item 3
  4. Daftar item 4
Modal Angka Romawi 
  1. Daftar item 1
  2. Daftar item 2
  3. Daftar item 3
  4. Daftar item 4
Angka Romawi Modal Mulai Khusus 
  1. Daftar item 1
  2. Daftar item 2
  3. Daftar item 3
  4. Daftar item 4
<option>listbox pilihan<form action="/cgi-bin/example.cgi"> method=post
<center>
Pilih satu opsi:
<select>
<option> opsi 1 </ option>
<option dipilih> opsi 2 </ option>
<option> pilihan 3 </ option>
<option> opsi 4 </ option>
<option> opsi 5 </ option>
<option> opsi 6 </ option>
</ Select> <br>
</ Center>
</ Form>






Pilih opsi: (Tip)
<p>ayatIni adalah contoh menampilkan penggunaan tag paragraf. <p> Ini akan membuat istirahat garis dan ruang antara baris.


Atribut:


Contoh 1: <br>
<br>
<p align="left">
Ini adalah contoh <br>
menampilkan <br> penggunaan
dari tag paragraf. <br>
<br>
Contoh 2: <br>
<br>
<p align="right">
Ini adalah contoh <br>
menampilkan <br> penggunaan
dari tag paragraf. <br>
<br>
Contoh 3: <br>
<br>
<p align="center">
Ini adalah contoh <br>
menampilkan <br> penggunaan
dari tag paragraf.
Ini adalah contoh menampilkan penggunaan tag paragraf.
Ini akan membuat garis istirahat dan ruang antara baris.


Atribut:


Contoh 1:


Ini adalah contoh
menampilkan menggunakan
dari tag paragraf. 
Contoh 2:


Ini adalah contoh
menampilkan menggunakan
dari tag paragraf. 
Contoh 3:


Ini adalah contoh
menampilkan menggunakan
dari tag paragraf.
<small>kecil (teks)<small> Contoh </ small>Contoh (Tip)
<strike>dihapus teks<strike> Contoh </ strike>Contoh
<strong>penekanan yang kuat<strong> Contoh </ strong>Contoh
<table>tabelContoh 1:


<table border= "4" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td> Kolom 1 </ td>
<td> Kolom 2 </ td>
</ Tr>
</ Table>


Contoh 2: (Internet Explorer)


<Table border = "2" bordercolor = " # 336699"cellpadding =" 2 "cellspacing =" 2 "width =" 100% ">
<tr>
<td> Kolom 1 </ td>
<td> Kolom 2 </ td>
</ Tr>
</ Table>


Contoh 3:


<table cellpadding= "2" cellspacing="2" width="100%">
<tr>
<Td bgcolor = " # CCCCCC "> Kolom 1 </ td>
<Td bgcolor = " # CCCCCC "> Kolom 2 </ td>
</ Tr>
<tr>
<td> Row 2 </ td>
<td> Row 2 </ td>
</ Tr>
</ Table> 		Contoh 1: (Tip)
Kolom 1Kolom 2


Contoh 2: (Tip) 
Kolom 1Kolom 2


Contoh 3: (Tip) 
Kolom 1Kolom 2
Row 2Row 2
<td>data tabel<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td> Kolom 1 </ td> 
<td> Kolom 2 </ td>
</ Tr>
</ Table>

Kolom 1Kolom 2
<th>header tabel<div align="center">
<table>
<tr>
<th> Kolom 1 </ th> 
<th> Kolom 2 </ th> 
<th> Kolom 3 </ th>
</ Tr>
<tr>
<td> Row 2 </ td>
<td> Row 2 </ td>
<td> Row 2 </ td>
</ Tr>
<tr>
<td> Row 3 </ td>
<td> Row 3 </ td>
<td> Row 3 </ td>
</ Tr>
<tr>
<td> Row 4 </ td>
<td> Row 4 </ td>
<td> Row 4 </ td>
</ Tr>
</ Table>
</ Div>
Kolom 1Kolom 2Kolom 3
Row 2Row 2Row 2
Row 3Row 3Row 3
Row 4Row 4Row 4
<title>judul dokumen<title> Judul halaman HTML Anda </ title>Judul halaman web Anda akan dapat dilihat dalam judul bar. (Tip)
<tr>baris tabel<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td> Kolom 1 </ td> 
<td> Kolom 2 </ td>
</ Tr>
</ Table>
Kolom 1Kolom 2
<tt>teletip<tt> Contoh </ tt>Contoh
<u>menggarisbawahi<u> Contoh </ u>Contoh
<ul>daftar unorderedContoh 1: <br>
<br>
<ul>
Daftar <li> item 1 </ li>
Daftar <li> item 2 </ li>
</ Ul>
<br>
Contoh 2: <br>
<ul type="disc">
Daftar <li> item 1 </ li>
Daftar <li> item 2 </ li>
<ul type="circle">
Daftar <li> item 3 </ li>
Daftar <li> item 4 </ li>
</ Ul> 
</ Ul>		Contoh 1:


  • Daftar item 1
  • Daftar item 2


Contoh 2: 
  • Daftar item 1
  • Daftar item 2
    • Daftar item 3
    • Daftar item 4
Diposting oleh Unknown
Label: , ,

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)
Diberdayakan oleh Blogger.
 
 
Copyright © Bengkel Web
2011 All Reserved
Devilzc0de Simple Template by Awang Shellovers