Kumpulan Aba-Aba Html Dasar

kumpulan isyarat HTML dasar

- isyarat text area

<text area cols=”20″ rows=”2″> isi teks kau disini </text area>
Catatan : Textarea tdk boleh pakai spasi

- isyarat menciptakan paragraph

</p>

- menciptakan baris baru
<br />

- teks kanan
<div style="text-align: right;">Teks kita</div>


- teks kiri
<div style="text-align: left;">Teks kita</div>

- teks tengah
<center>teksnya di sini</center>

- teks berwarna
<span style="color:#00ffff">teks kita</span>

-teks berbayang
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="yellow"><b class="drop-shadow"><b>teks kita</b></font></b>

- menciptakan garis
<hr/>

- garis berwarna
<hr style="color:red">

- garis putus-putus
<div style="border-bottom:3px dashed #00f;"></div>

- garis dengan background
<hr style="height:3px;background:#00f;color:#f00;">

- mengatur ukuran garis
<hr style="color:#00f" width="60%">

- menciptakan garis kanan
<hr style="color:#00f" width="60%" align="right">

- menciptakan garis kiri
<hr style="color:#00f" width="60%" align="left">

- menampilkan gambar
<img src="http://url gambar kita"</a>

- merubah ukuran gambar
<img src="http://url-gambar" width="100" height="100">

- menciptakan link teks
<a href="http://url tujuan">link teks kita</a>

- menciptakan link gambar
<a href="http://url tujuan"><img src ="http://url gambar kita"/></a>

- menciptakan link tombol
<div style="text-align:center;"><a href="http://URL kita"><input type="submit" value="teks linknya di sini" /></a></div>

- menciptakan daftar bulat
<ul><li>menu1</li> <li>menu2</li> <li>menu3</li> </ul>

- menciptakan daftar nomor
<ol><li>menu 1</li> <li>menu 2</li> <li>menu 3</li> </ol>

- teks mesin ketik
<tt>teksnya disini</tt>

- teks dicoret
<s>teks kita</s>

- teks miring italic
<i>teksnya di sini</i>

- teks underline
<u>teksnya di sini</u>

- teks tebal
<b>- teks tebal</b>

- teks besar
<font color="orange" size="15px">Teks</font>

- teks stabilo
<span style="background-color: #ffc1e0;">Teksnya di sini</span>

- menciptakan tabel
<table width="100%" border="1"><tr><td width="100%" bgcolor="#abcdef" align="center">teks 1</td></tr> </table>

Terima kasih telah mampir! Semoga kode-kode diatas bermanfaat.

Berbagi :

Anda mungkin menyukai postingan ini :

• 
  Mengenal Twitter Boostrap
• 
  Perbedaan Html, Css Dan Php
• 
  Cara Menambah Kotak Pencarian Di Blog
• 
  Cara Menciptakan Dampak Shadow Pada Garis Template Blog