Skip to main content

Daftar grafik Tag HTML

  Nah......buat sobat-sobatku  semua yang lagi pusing nyari-nyari kode tag HTM di mbah google  sekarang  gak usah pusing lagi,aku punya daftarnya.
Silahkan sobat lihat-lihat tabelnya dibawah ini  kemudian praktekan...

Grafik Tag HTML

Untuk menggunakan salah satu tag HTML berikut, cukup sobat  pilih kode HTML tersebut kemudian copy dan paste ke halaman web Anda.



Tag
Nama
Kode Contoh
Browser View
<! - komentar <- Ini dapat dilihat di bagian HTML dari dokumen -> Tidak ada yang akan menunjukkan (Tips)
<A - jangkar <a href= "http://www.domain.com/">
Kunjungi Situs Kami </ a> 		Kunjungi Situs Kami (Tips)
<b> berani <b> Contoh </ b> Contoh
<big> besar (teks) <big> Contoh </ big> Contoh (Tips)
<body> tubuh dokumen HTML <body> Isi dari halaman HTML Anda </ body> Isi dari halaman web Anda (Tips)
<br> garis istirahat Isi <br> halaman Anda Isi dari halaman Anda Isi dari halaman web Anda
Isi dari halaman web Anda
<center> pusat <center> ini pusat akan isi Anda </ center>
Pusat ini akan isi Anda
<dd> definisi deskripsi <dl>
<dt> Definisi Istilah </ dt>
<dd> Definisi dari istilah </ dd>
<dt> Definisi Istilah </ dt>
<dd> Definisi dari istilah </ dd>
</ Dl>
Definisi Istilah
Definisi istilah
Definisi Istilah
Definisi istilah
<dl> definisi daftar <dl>
<dt> Definisi Istilah </ dt>
<dd> Definisi dari istilah </ dd>
<dt> Definisi Istilah </ dt>
<dd> Definisi dari istilah </ dd>
</ Dl>
Definisi Istilah
Definisi istilah
Definisi Istilah
Definisi istilah
<dt> definisi istilah <dl>
<dt> Definisi Istilah </ dt>
<dd> Definisi dari istilah </ dd>
<dt> Definisi Istilah </ dt>
<dd> Definisi dari istilah </ dd>
</ Dl>
Definisi Istilah
Definisi istilah
Definisi Istilah
Definisi istilah
<em> tekanan Ini adalah Contoh <em> </ em> menggunakan tag penekanan Ini adalah Contoh menggunakan tag penekanan
<embed> embed objek <embed src="yourfile.mid" width="100%" height="60" align="center">
(Tips)
<embed> embed objek <Embed src = "yourfile.mid" autostart = "true" tersembunyi = "false" loop = "false">
<noembed> <bgsound src="yourfile.mid" loop="1"> </ noembed>

Musik akan mulai diputar saat halaman dibuka dan hanya akan bermain satu kali. Sebuah panel kontrol akan ditampilkan untuk memungkinkan pengunjung Anda untuk menghentikan musik.
<font> font yang <font face="Times New Roman"> Contoh </ font> Contoh (Tips)
<font> font yang <font face="Times New Roman" size="4"> Contoh </ font> Contoh (Tips)
<font> font yang <font face="Times New Roman" size="+3" color="#ff0000"> Contoh </ font> Contoh (Tips)
<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: (Tips)
Email:
<h1>
<h2>
<h3>
<h4>
<h5>
<h6> 		pos 1
judul 2
bagian 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> Berisi elemen menggambarkan dokumen </ head> Tidak ada yang akan menunjukkan
<hr> horisontal aturan <hr />
Isi dari halaman web Anda (Tips)
Isi dari halaman web Anda
<hr> horisontal aturan <hr width="50%" size="3" /> Isi dari halaman web Anda
Isi dari halaman web Anda
<hr> horisontal aturan <hr width="50%" size="3" noshade /> Isi dari halaman web Anda
Isi dari halaman web Anda
<hr>
(Internet
Explorer) 		horisontal aturan <Hr width = "75%" color = " # ff0000 "size =" 4 "/> Isi dari halaman web Anda
Isi dari halaman web Anda
<hr>
(Internet
Explorer) 		horisontal aturan <Hr width = "25%" color = " # 6699ff "size =" 6 "/> Isi dari halaman web Anda
Isi dari halaman web Anda
<html> hypertext markup language <html>
<head>
<META>
<title> Judul dari halaman web Anda </ title>
</ Head>
<body> web isi halaman HTML
</ Body>
</ Html> 		Isi dari halaman web Anda
<i> miring <i> Contoh </ i> Contoh
<img> gambar <img src="Earth.gif" width="41" height="41" border="0" alt="text menggambarkan image" /> kalimat tentang situs Anda (Tips)
<input> kolom masukan Contoh 1:

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

<input>
(Internet Explorer) 		kolom masukan Contoh 2:

<form method=post action="/cgi-bin/example.cgi">
<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: (Tips)

<input> kolom masukan Contoh 3:

<form method=post action="/cgi-bin/example.cgi">
<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: (Tips)

<input> kolom masukan Contoh 4:

<form method=post action="/cgi-bin/example.cgi">
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: (Tips)

<input> kolom masukan Contoh 5:

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



Contoh 5: Tips)

Pilih opsi:
<input> kolom masukan Contoh 6:

<form method=post action="/cgi-bin/example.cgi">
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"> Seleksi 1
<input type="checkbox" name="selection" checked> Seleksi 2
<input type="checkbox" name="selection"> Seleksi 3
<input type="submit" value="Submit">
</ Form>
Contoh 6: (Tips)

Pilih opsi:
Opsi 1
Opsi 2
Opsi 3

Pilih opsi:
Seleksi 1
Seleksi 2
Seleksi 3
<li> daftar item Contoh 1:

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

Contoh 2:

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

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

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

Bernomor khusus Mulai

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

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

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



Pilih opsi: (Tips)
<p> ayat Ini adalah contoh menampilkan penggunaan dari tag paragraf. <p> Ini akan membuat satu baris dan spasi di antara baris.

Atribut:

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

Atribut:
Contoh 1:

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

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

Ini adalah contoh
menampilkan penggunaan
dari tag paragraf.
<small> kecil (teks) <small> Contoh </ small> Contoh (Tips)
<strike> dihapus teks <strike> Contoh </ strike> Contoh
<strong> penekanan yang kuat <strong> Contoh </ strong> Contoh
<table> tabel Contoh 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)

<Perbatasan tabel = "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: (Tips)
Kolom 1 Kolom 2

Contoh 2: (Tips)
Kolom 1 Kolom 2

Contoh 3: (Tips)
Kolom 1 Kolom 2
Row 2 Row 2
<td> tabel data <table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td> Kolom 1 </ td>
<td> Kolom 2 </ td>
</ Tr>
</ Table>
Kolom 1 Kolom 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 1 Kolom 2 Kolom 3
Row 2 Row 2 Row 2
Baris 3 Baris 3 Baris 3
Baris 4 Baris 4 Baris 4
<title> dokumen judul <title> Judul dari halaman HTML Anda </ title> Judul dari halaman web Anda akan dapat dilihat dalam judul bar. (Tips)
<tr> baris tabel <table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td> Kolom 1 </ td>
<td> Kolom 2 </ td>
</ Tr>
</ Table>
Kolom 1 Kolom 2
<tt> teletip <tt> Contoh </ tt> Contoh
<u> menggarisbawahi <u> Contoh </ u> Contoh
<ul> daftar unordered Contoh 1: <br>
<br>
<ul>
<li> Daftar item 1 </ li>
<li> Daftar angka 2 </ li>
</ Ul>
<br>
Contoh 2: <br>
<ul type="disc">
<li> Daftar item 1 </ li>
<li> Daftar angka 2 </ li>
<ul type="circle">
<li> Daftar angka 3 </ li>
<li> Daftar angka 4 </ li>
</ Ul>
</ Ul> 		Contoh 1:

  • Daftar angka 1
  • Daftar angka 2

Contoh 2:
  • Daftar angka 1
  • Daftar angka 2
    • Daftar angka 3
    • Daftar angka 4

   Saya rasa cuma itu yang bisa saya berikan dan kalau ada yang salah aku minta maaf aja sob soalnya aku bukan ahli kode HTML. lihat aja tuch blog aku aja masih berantakan macam kapal pecah.hikhik..jadi malu,,

Semoga Bermanfaat

Labels:

Comments

Post a Comment

Popular posts from this blog

Cara mengganti warna jilbab dan baju menggunakan adobe photoshop cs5

    S ebenarnya tehnik mengganti warna jilbab,baju dan lainya pada foto dapat dilakukan dengan mudah menggunakan Adobe photoshop baik itu Adobe photoshop CS sampai yang terakhir Adobe photoshop CS5 . Tentunya dengan menguasai tehnik ini akan membuat kita lebih muda dalam  menentukan warna pakaian yang paling cocok untuk kita sebelum membelinya di toko. Dan yang paling menyenangkan dari tehnik ini warna yang dihasilkan  akan terasa lebih segar dan tentunya tidak kaku.Nah...bila sobat tertarik ingin tahu bagaimana caranya, silahkan ikuti tutorial berikut... 1.  Pertama kita buka foto yang akan kita ubah jilbabnya.sebelumnya kita buat duplikatnya dulu agar foto kita tetap aman bila terjadi kesalahan dalam mengedit.Setelah itu kita buat seleksi pada bagian jilbabnya.Dalm hal menyeleksi terserah anda ingin menggunakan tool apa saja ,bisa menggunakan Lasso tool , Poligonal lasso tool ataupun Quicck selection tool , terserah anda mana yang menurut anda paling anda kuasai.lakukakan
6 comments
Read more

Cara instal dan menjadikan adobe photoshop cs5 trial version menjadi full version

   Masih melanjutkan tentang tuturial cara instal  Adobe photoshop cs5 pada kesempatan kali ini aku akan melanjutkan kembali tutorial cara instal dan menjadikan software canggih Adobe photoshop cs5 yang trial version ini mnjadi full version selamanya. Mari ikuti tahap-tahapnya berikut ini:  Oea,  sebelumnya aku minta maaf karena pada tutorial kali ini aku menggunakan Adobe illustrator cs5 sebagai tutorialnya tapi santai saja sob karena cara instal untuk product Adobe cs5 family sama saja.yang berbeda cuma serialnya doank Silahkan simak caranya berikut ini: 1.  Pertama kita buka folder file Adobe photoshop kemudian klik Set-up untuk menginstalnya. setelah muncul tampilan seperti gambar berikut ini, pada pilihan bahasa kita pilih  English (international) kemudian klik Accept untuk melanjutkan.  2.  Akan muncul lagi gambar seperti dibawah ini..kita pilih Install this product as a trial. pada pilihan bahasa kita pilih lagi bahasa English international kemudian klik Next
14 comments
Read more

Menyamakan warna antara dua gambar

    Masih melanjutkan tentang tutorial photoshop.kali ini saya akan membuat tutorial tentang Menyamakan warna antara dua gambar .Tehnik ini  tentunya sangat berguna bagi kita dalam mengkomposisikan warna gambar. Dengan menguasai  tehnik ini  kita dapat  menyamakan warna dengan objek yang berbeda secara otomatis.Oke sekarang kita coba untuk  mempraktekanya 1.  Pertama kita buka sebuah file gambar yang akan kita komposisikan warnanya 2.  Kemudian kita buka lagi gambar yang akan kita ambil sampel warnanya. kemudian  buat seleksi menggunakan lasso tool . setelah selesai kita kembali pada dokumen yang pertama. 3.  Pada dokumen pertama kita klik menu Image > Adjustment > Match color .      * Pada kotak source kita pilih sunset.jpg      * Kemudian kita atur nilai      * Luminance dengan nilai  = 80      * Fade menjadi                = 40 Setelah selesai klik Ok 4.  Langah terakhir kita klik menu Edit > Fade match color . Ganti mode blending mode m
11 comments
Read more