Kode html
1.Tag Utama
|
Tag
|
Atribut
|
Deskripsi
|
|
<html></html>
|
Baris paling atas dari setiap file HTML
|
|
|
<head></head>
|
Informasi umum dari sebuah halaman web
|
|
|
<title></title>
|
Judul halaman. Terdapat pada head
|
|
|
<body></body>
|
Background, bgcolor, bgsound, font, link,
alink, vlink, topmargin, leftmargin, marginheight, marginwidth
|
Settingan atribut untuk seluruh dokumen
|
2.Modifikasi Teks
|
Tag
|
Deskripsi
|
Contoh
|
|
<b></b>
|
Teks tebal
|
Teks tebal
|
|
<i> </i>
|
Teks miring
|
Teks miring
|
|
<u> </u>
|
Teks garis bawah
|
Teks garis bawah
|
|
<h1></h1>
|
Header 1
|
Header 1
|
|
<h2></h2>
|
Header 2
|
Header 2
|
|
<h3> </h3>
|
Header 3
|
Header 3
|
|
<h4></h4>
|
Header 4
|
Header 4
|
|
<h5></h5>
|
Header 5
|
Header 5
|
|
<h6></h6>
|
Header 6
|
Header 6
|
|
<sub></sub>
|
Subscript
|
Subscript
|
|
<sup></sup>
|
Superscript
|
Superscript
|
3.Font
|
Tag
|
Atribut
|
Deskripsi
|
|
<font></font>
|
Color, size, name
|
Mengubah gaya suatu huruf
|
4.Links
|
Tag
|
Atribut
|
Deskripsi
|
|
<a> </a>
|
Href, target, style, class, name, id
|
Membuat link ke dokumen atau situs lainnya
|
5.Gambar
|
Tag
|
Atribut
|
Deskripsi
|
|
<img>
|
Src, alt, name, border, height, width
|
Menampilkan sebuah gambar
|
6.Formatting
|
Tag
|
Deskripsi
|
Contoh
|
|
<blockquote></blockquote>
|
Digunakan untuk mengatur text dan gambar
dalam suatu tag
|
Contoh text in a block quote format ( “ “ )
|
|
<ol></ol>
|
Ordered List (digunakan dengan <li>)
|
1. Item 1
|
|
<ul></ul>
|
Unordered List (digunakan dengan <li>)
|
• Item 1
|
|
<li>
|
Elemen List
|
|
|
<dd></dd>
|
Definition List
|
|
|
<dt>
|
Definition Term
|
|
|
<dd>
|
Definition Description
|
|
|
<p></p>
|
Paragraf
|
|
|
<br>
|
Ganti baris
|
|
|
<hr>
|
Garis horizontal
|
|
|
<center></center>
|
Menengahkan elemen
|
7.Tabel
|
Tag
|
Deskripsi
|
Contoh
|
|
<table></table>
|
Border, cellpadding, cellspacing, width,
height, name, id, title, bgcolor, background, align, valign
|
Mengatur semua elemen table
|
|
<tr></tr>
|
Height, bgcolor, background, align, valign,
title
|
Membuat baris baru
|
|
<td></td>
|
Height, width, bgcolor, background, align,
valign, title, colspan, rowspan
|
Membuat kolom
|
|
<th></th>
|
Height, width, bgcolor, background, align,
valign, title, colspan, rowspan
|
Header(kepala tabel). Otomatis ke tengah dan
tebal
|
|
<tbody></tbody>
|
Height, width, align, valign, bgcolor,
background
|
Format yang berlaku bagi cell yang diapit
tag
|
|
<colgroup></colgroup>
|
Height, width, align, valign, bgcolor,
background, colspan
|
Format yang berlaku bagi kolom
|
8.Form
|
Tag
|
Deskripsi
|
Contoh
|
|
<form></form>
|
Method, action, name, enctype
|
Mengatur elemen dari form
|
|
<input type=>
|
Text, password, hidden, radio, checkbox,
submit, image, reset
|
Variasi dari tipe elemen input dalam form
|
|
<select></select>
|
Name, size
|
Membuat combo-box. Digunakan bersama dengan
option
|
|
<option>
|
Selected, name, value
|
|
|
<textarea></textarea>
|
Name, rows, cols, wrap
|
Membuat Text Area untuk input text dengan
length yang lebih besar dari input text.
|
KODE HTML LENGKAP
>>Paragraf Baru 1 Baris<<
Code: <br/>
>>Paragraf Baru 2 Baris<<
Code: <p>
>>Text Bergaris<<
Code: <u>isi text</u>
>>Text Area Copy Paste<<
Code: <textarea cols="20" rows="2">isi text</textares>
>>Link Sapaan Pada Header<<
Code:
*#header:after {*content:"http://(*sapaan*)";*}
>>Menampilkan Gambar Di
Postingan<<
Code: <img src="http://alamat gambar/"</a>
>>Membuat
Link Text<<
Code: <a href="http://(link tujuan)">isi
text</a>
>>Membuat
Link Gambar<<
Code: <a href="http://(link tujuan)"<img src="http:// (link gambar)"></a>
>>>Membuat Garis<<
Code: <hr color="(kode warna*)">
>>Membuat Text Warna<<
Code : <span style="color:#(kode warna*)">isi text</span>
>>Membuat Text Di Tengah<<
<div style="text- align:center">isi text</div>
>>Merubah Warna Background
Halaman<<
Code: <body style="background-color:# (kode warna);">
>>Membuat Text Efek Stabilo<<
Code: <span style="background-color:# (kode warna);">isi text</ span>
>>Membuat Text Tebal<<
Code: <b>isi text</b>
>>Membuat Text Kecil<<
Code: <small>isi text</ small>
>>Membuat Text Besar<<
Code: <big>isi text</big>
>>Membuat Text Miring<<
Code: <i>isi text</i>
>>Membuat Text Berkedip<<
Code: <blind>isi text</ blind>
NB: Hapus semua tanda bintang yang ada di dalam kode. itu saja akode html yang admin ketahui dan yang bisa admin berikan, mohon maaf apabila didalam penulisan kode ada yg salah karna semata-mata admin masih dalam pembelajaran, semoga bermanfaat dan wasalam
<a href="alamat_link">kata yang di jaikan link</a>
[url=alamat_link]kata yang di jaikan link[/url]
[link=alamat_link]kata yang di jaikan link[/link]
[alamat_link kata yang di
jaikan link]
Tidak ada komentar:
Posting Komentar