Kode Dasar HTML

HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML singkatan dari Hyper Text Markup Language saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
Berikut kami hadirkan kode dasar Html lengkap, namun perlu kami ingatkan tidak semua Browser mendukung.

<img src="example.jpg" alt="image">

<img src="example.jpg" alt="image" width="104" height="142">

<img src="example.jpg" alt="image" style="width:300px;height:320px;">

Link gambar

Klik Gambar

<a href="http://ykub.xtgem.com">
<img src="example.jpg" alt="image" width="104"></a>

<a href="http://ykub.xtgem.com" title="keterangan link">Html link</a>

ini<br>contoh<br>baris<br>baru

Garis pembatas <hr>

<tt>text mesin tik</tt>

<b>Text Tebal Bold</b>

<u>text underline</u>

<i>text miring</i>

Text <sub>Subscript</sub>

Text <sup>Superscript</sup>

<div style="color:#F00;">text disini</div>

<blockquote>text blockquote </blockquote>

contoh text blockquote ini contoh hasilnya. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Text indent dimana Kata pertama menjorok ketengah.
lihat pada awal kalimat jarak dari kiri

<p style="text-indent:14px;">text indent </p>

<bdo dir="rtl">Text Right To Left</bdo>

<q>preformatted Text</q>

<pre>preformatted Text</pre>

<kbd>keyboard Text</kbd>

<var>Variable Text</var>

<code>x=5; y=6; z=x+y;</code>

<em>emphasized Text</em>

<small>smaller Text</small>

<ins>inserted Text</ins>

<del>Deleted Text</del>

<s>Strike Text</s>

<mark>marked Text</mark>

<span style="background:#000;color:#FFF;">text stabilo</span>

<hr style="height:5px;background:#0000ff;color:#FF0000;" />

<hr style="color:#FF0000;" />

<div style="border-bottom:2px dotted #ff7500;"></div>

<font size="50">text</font>

<font color="red" size="50">text</font>

<span style="color:#FF0000;font-size:300%;font-family:'Comic Sans MS';">text font</font>

<div style="text-align:justify;">text rata kiri kanan</div>

<fieldset>
<legend><a href="http://ykub.xtgem.com" title="keterangan link">Judul Post</a></legend>
Html fieldset keterangan postingan disini masukan text atau kode apa saja.
</fieldset>

• list style circle
• list style circle
• list style circle

<ul style="list-style:circle;">
<li>list style</li>
<li>list style</li>
<li>list style</li>
</ul>

• list style square
• list style square
• list style square

<ul style="list-style:square;">
<li>list style</li>
<li>list style</li>
<li>list style</li>
</ul>

1. point 1
2. point 2
3. dst

<ol>
<li>point 1</li>
<li>point 2</li>
<li>dst</li>
</ol>

<input type="submit" value="DOWNLOAD NOW" />

<table width="100%" border="1"><tr><td width="50%" align="center">Your text 1</td><td width="50%" align="center">Your Text 2</td></tr></table>

<div style="color: #fff; text-shadow: #eee 0 0 10px, #777 0 5px 4px, #777 0 4px 3px;   font-size: 50px;   text-align: center; padding: 5px 0; margin: 0; font-weight:  bold; text-transform: uppercase;background:#E6b960;">Shadow</div>

<div style="background-color: #000066; border: 2px solid #000011; align: center"><div style="border: 1px solid #000022"><div style="border: 1px solid #000033"><div style="border: 1px solid # 000044"><div style="border: 1px solid #000055"><div style="border: 1px solid #000066"><div style="border: 1px solid #000077"><div style="border: 1px solid # 000088"><div style="border: 1px solid #000099"><div style="border: 2px solid #666666"><table width="100%"bgcolor="black"><tr><td width="100%" bgcolor="black" align="center"><center><FONT color="#ffffff"><div style="background-color: #222222; border: 1px solid #111111; align: center"><div style="border: 1px solid #222222"><div style="border: 1px solid #333333"><div style="border: 1px solid # 444444"><div style="border: 1px solid #555555"><div style="border: 1px solid #666666"><div style="border: 1px solid 777777"><div style="border: 1px solid # 888888"><div style="border: 1px solid #888888"><div style="border: 1px solid 777777"><div style="border: 1px solid #666666"><div style="border: 1px solid # 555555"><div style="border: 1px solid #444444"><div style="border: 1px solid #333333"><div style="border: 1px solid #222222">DIV STYLE</tr></td></table></div></div></div></div></div></div></div></div></div></div>