Kamis, 21 April 2011

Tag HTML : Nama Hewan

coding nama hewan

<html>
<body>
nama-nama hewan:
<form>
<select name="animal">
<option value="kucing">kucing
<option value="anjing">anjing
<option value="ayam">ayam
<option value="harimau">harimau
<option value="jerapah">jerapah
</select>
</form>
</body>
</html>


Coding Format List Dalam List

(format dalam list ada list)
<html>
<p> nama hewan </p>
<ol>
<li> anjing </li>
<ul type="circle">
<li>taring </li>
</ul>
</ol>
</body>
</html>



Diposting oleh Nurhidayati Rahayu di 12.00 0 komentar

Tag HTML : Ukuran Font

Coding ukuran Font

<html>
<body>
<font size = "3", font face="jokerman", font color="red" >jenis ukuran 3 </font><br>
<hr>
<font size= "5"> jenis ukuran 5</font>
<body>
<html>

coding link dan penyisipan gambar

<html>
<body>
<h1 align = "left" > tes heading kiri </h1>
<hr>
<h1 align ="center"> tes heading tengah </h1>
<hr>
<h1 align ="right"> tes heading kanan </h1>
<p><a href = "latihan1.htm">klik disini </a> ini akan menghubungkan ke lembar sebelumnya</p>
<p>menyisipkan gambar <img src="a.jpg" width="150" height="200"></p>
</body>
</html>

coding link

<html>
<body>
<h1 align = "left" > tes heading kiri </h1>
<hr>
<h1 align ="center"> tes heading tengah </h1>
<hr>
<h1 align ="right"> tes heading kanan </h1>
<p><a href = "1ukuran font.htm">klik disini </a> ini akan menghubungkan ke lembar sebelumnya</p>
</body>
</html>





coding pergerakan objek

<html>
<body>
<h1 align = "left" > tes heading kiri </h1>
<hr>
<h1 align ="center"> tes heading tengah </h1>
<hr>
<h1 align ="right"> tes heading kanan </h1>
<p><a href = "latihan1.htm">klik disini </a> ini akan menghubungkan ke lembar sebelumnya</p>
<p>menyisipkan gambar <marquee direction=right><img src="a.jpg" width="150" height="200"></marquee></p>
</body>
</html>


coding background color

<html>
<body bgcolor="red">
<font size = "3", font face="jokerman", font color="white" >jenis ukuran 3 </font><br>
<hr>
<font size= "5"> jenis ukuran 5</font>
</body>
</html>






coding background image

<html>
<body bgcolor="red", background="a.jpg">
<font size = "3", font face="jokerman", font color="white" >jenis ukuran 3 </font><br>
<hr>
<font size = "5", font face="jokerman", font color="white" > jenis ukuran 5</font>
</body>
</html>




coding bullet n numering
<html>
<body>
<p> nama mahasiswa pria</p><br>
<ol>
<li> rio </li>
<li> rio </li>
<li> rio </li>
</ol>
<p> nama mahasiswa wanita</p>
<ul type="disk">
<li>putri</li>
<li>putri</li>
<li>putri</li>
</ul>
</body>
</html>



Diposting oleh Nurhidayati Rahayu di 11.48 0 komentar

Tag HTML : Table

coding table

<html>
<head>
<tittle><font face="firewalk36" color="green">table_1</font></tittle>
</head>
<body>
<table border="1">
<tr>
<td><font face="firewalk36" color="green">aaaa</td>
<td><font face="firewalk36" color="green">bbbb</td>
<td><font face="firewalk36" color="green">cccc</td>
</tr>

<tr>
<td><font face="firewalk36" color="green">dddd</td>
<td><font face="firewalk36" color="green">eeee</td>
<td><font face="firewalk36" color="green">ffff</td>
</font>
</tr>
</table>
</body>
</html>

coding table 2

<html>
<head>
<title>table_2</title>
</head>
<body>
<table border="1" width=500">


<tr>
<td><font face="firewalk36">Header kiri</td>
<td align="center" width="50%"><font face="firewalk36">header tengah</td>
<td align="right"> <font face="firewalk36">Header kanan</td>
</tr>

<tr>
<td valign="top" rowspan="2"><font face="firewalk36">Menu kiri</td>
<td align="center" colspan="2" height="200"><font face="firewalk36">Bagian isi</td>
</tr>

<tr>
<td align="center"><font face="firewalk36">Footer tengah</td>
<td align="right"><font face="firewalk36">Footer kanan</td>
</tr>
</font>
</table>
</body>
</html>

Diposting oleh Nurhidayati Rahayu di 11.12 0 komentar

Tag HTML : Biodata

coding biodata

<html>
<body bgcolor="green">
<font face="Hooteroll_Jam", font color="yellow", size="3">
<fieldset>
<legend>
My Identity
<legend>
<form>
age<input type="text" size="3">
Weight<input type="text" size="3">
Heiht<input type="text" size="3">
</font>
</form>
</body>
</html>


coding checkbox

<html>
<body bgcolor="yellow">
<font face="firewalk36"   font color="green">
Nama buah favorit:
<form>
<input type="checkbox" name="apel">apel
<br>
<input type="checkbox" name="anggur">anggur
</font>
</form>
</body>
</html>







coding list box

<html>
<body bgcolor="black">
<font face="Hooteroll_Jam", font color="red", size="3">
The name of animals:
<form>
<Select name="animal">
<Option value="cat">cat
<Option value="mouse">Mouse
<Option value="dog">dog
<Option value="pig">pig
<Option value="horse">horse
</font>
</form>
</body>
</html>




coding option

<html>
<body bgcolor="green">
<font face="firewalk36"  font color="yellow">
Gender:
<form>
<input type="radio" check name="sex">man
<br>
<input type="radio" check name="sex">woman
</font>
</form>
</body>
</html>

coding text box

<html>
<body bgcolor="black">
<form>
<tr>
<td><font face="firewalk36" color="purple">Nama depan:</td>
<input type="text" name="Firstname">
<br>
<td><font face="firewalk36" color="purple">Nama Belakang:</td>
<input type="text" name="Lastname">
</font>
</form>
</body>
</html>

Diposting oleh Nurhidayati Rahayu di 11.05 0 komentar

Tag HTML : Kuis

coding kuiz 1

<html>
<head>
<title>Tugas 1</title>
</head>
<body>
<table border="1"width="500">
<tr>
<td align="center"colspan="2">1</td>
<td align="center"width=25%>6</td>

</tr>
<tr>

<td align="center"width=25%>2</td>
<td align="center"width=25%>3</td>
<td valign="center""align="center"rowspan="3">7</td>

</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>   
<td align="center"width=25%>4</td>
<td align="center"width=25%>5</td>
</tr>
</table>
</body>
</html>


coding kuiz 2

<html>
<head>
<title>Tugas 4</title>
</head>
<body>
<table border="1"width="500">
<tr>
<td align="center"colspan="2">1</td>

</tr>
<tr>

<td align="center">2</td>
<td valign="top"align="center"rowspan="2">4</td>

</tr>
<tr>
<td align="center">3</td>
</tr>   
<td align="center"colspan="3"heigh="200">5</td>
</tr>
</table>
</body>
</html>

coding kuiz 3

<html>
<head>
<title>Tugas 3</title>
</head>
<body>
<table border="1"width="500">
<tr>
<td align="center"width=33%>1</td>
<td align="center"width=33%>2</td>
<td align="center"width=33%>3</td>
</tr>
<tr>
<td align="center"width=33%>4</td>
<td align="center"width=33%>5</td>
<td align="center"width=33%>6</td>
</tr>
<tr>   
<td align="center"colspan="3"heigh="200">7</td>
</tr>
</table>
</body>
</html>


coding kuiz 4

<html>
<head>
<title>Tugas 4</title>
</head>
<body>
<table border="1"width="500">
<tr>
<td align="center"colspan="2">1</td>

</tr>
<tr>

<td align="center">2</td>
<td valign="top"align="center"rowspan="2">4</td>

</tr>
<tr>
<td align="center">3</td>
</tr>   
<td align="center"colspan="3"heigh="200">5</td>
</tr>
</table>
</body>
</html>

Diposting oleh Nurhidayati Rahayu di 10.21 0 komentar

Tag HTML : Coba CSS

Coding

<html>
<head>
<link rel="stylesheet" type="text/css" href="eksternal.css">
</head>
<body>
<h1>header ini ukurannya 36pt<h1>
<h2>header ini warnanya biru</h2>
<p>paragraf ini letakknya sebelah kiri dengan jarak 50px</p>
</body>
</html>


 coding CSS Internal

<html>
<head>
<style type="text/css">
hr {color:sienna}
p{margin-left: 20px}
body {backgruond-image: url("images/aku.JPG")}
</style>
</head>
<body>
<p>ini adalah percobaan penggunaan css internal</p>
<hr>
</body>
</html>

Diposting oleh Nurhidayati Rahayu di 10.03 0 komentar

Tag HTML : My Biodata

Coding


<html>
<head>
<title>My Biodata</title>
</head>

<body background="23044699_39372_K9cxxRnQkR.jpg">
<table align="center" border="1"width="80%">

<tr>
<td colspan="2"><marquee ="alternate"><font face="Berlin Sans FB" size="10" color="gray">My Biodata</marquee><font></td> 
</tr>

<tr>
<td colspan="6"height="50"&nbsp;</td>
</tr>

<tr>
<td align="center"colspan="1"><img src="gw.jpg" width="200" height="450"></td>
<td align="left"colspan="1" width="50%">
<font face="Berlin Sans FB" color="violet">Nama : Nurhidayati Rahayu<br> TTL : Bukittinggi, 27-juni-1990<br> Jurusan : Sistem Informasi<br> Fakultas : Sains & Teknologi<br> Agama : Islam<br> No Hp : 081378020264<br> Hobby : Travelling<br> E-mail : bundacynk@yahoo.com<br></br></td>
</tr>

<tr>
<td colspan="2"height="60">&nbsp;</td>
</tr>

<tr>
<td align="center"colspan="2">
<font face="Berlin Sans FB" color="red">My Name is Nurhidayati Rahayu, My Friend's call me Ayu, Saya anak ke dua dari tiga bersaudara, I love My Brother n My Little Sista, I Love My Mom & Dad, Saya juga mempunyai Sahabat nama nya EOF "Endless Of Friendship. Saya menginginkan sekali bisa bekerja di salah satu bank, tetapi Saya rasa harapan Saya terlalu tinggi, hal lain yang ingin Saya raih yaitu bisa membuat website sebagus dan semaksimal mungkin (lagi-lagi harapan yang tinggi), tetapi yang paling terpenting adalah saya bisa membahagiakan orang tua saya dengan kesuksesan saya, karena orang tua adalah peranan penting selama saya hidup.  I Will do the best for my self"</td>
</tr>

<td align="center" colspan="4" width="100"><font face="Berlin Sans FB" size="8" color="gray">*****My Bad Pict(hihihii)*****
</font><marquee scrolldelay="50" scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()">
<img src="aqu.jpg"height="80"> &nbsp &nbsp
<img src="akuh.jpg"height="80"> &nbsp &nbsp <img src="ayu.jpg" height="80"> &nbsp &nbsp
<img src="me.jpg"height="80"> &nbsp &nbsp <img src="gw.jpg" height="80"> &nbsp &nbsp
<img src="ind, ci, yu.jpg"height="80"> &nbsp &nbsp <img src="like it.jpg" height="80"> &nbsp &nbsp
<img src="MKKB.jpg"height="80"> &nbsp &nbsp <img src="nice pict.jpg" height="80"> &nbsp &nbsp
<img src="niez.jpg"height="80"> &nbsp &nbsp <img src="nice.jpg" height="80"> &nbsp &nbsp
<img src="bisma rahayu.jpg"height="80"> &nbsp &nbsp <img src="yuhuu.jpg" height="80"> &nbsp &nbsp
<img src="with non aihara.jpg"height="80"> &nbsp &nbsp <img src="yihhiii.jpg" height="80"> &nbsp &nbsp

</marquee>**********bi5Ma RaHayu**********</td></tr>

</font>
</table>
</body>
</html>













Diposting oleh Nurhidayati Rahayu di 09.26 0 komentar