Jumat, 22 April 2011

cara membuat myweb dengan css internal

koding untuk hasil diatas :
<html>
<head>
<title>penggunaan css</title>
<style type="text/css">
h4.as_internal{
color:#00ff00;font-family:tahoma,verdana,geneva,lucida,'lucida-grande',arial,helvetica,sans-serif;font-size:14px;font-weight:bold;}
td.as_internal{
background-color=#ffffff;
}
</style>

cara membuat css

koding untuk hasil css diatas :
<html>
<head>
<link rel="stylesheet"type="text/css"href="external.css">
</head>
<body>
<h1>header ini ukurannya 36pt</h1>
<h2>header ini warnanya biru</h2>
<p>paragraf ini letaknya sebelah kiri dengan jarak 50px</p>
</body>
</html>

cara membuat form sederhana menggunakan html

koding untuk hasil html diatas :
<html>
<body bgcolor="aqua">
<p align="center"><font face="Parchment",font size="8"color="black"></p>
<fieldset>
<legend>
biodata fisik
</legend>
<form>
umur<input type="text" size"3">
berat<input type="text" size"3">
tinggi<input type="text" size"3">
</form>
</fieldset>
</body>
</html>

cara membuat list dengan format nama hewan pada html

koding untuk hasil html diatas :
<html>
<body bgcolor="pink">
<font size="6",font face="Matura MT Script Capitals",color="brown">
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="marmut">marmut
<option value="kelinci">kelinci
<option value="jerapah">jerapah
</select>
</form>
</body>
<html>

cara membuat radio dengan format jenis kelamin pada html

koding untuk hasil html diatas :
<html>
<body bgcolor="purple">
<font size="6",font face="Matura MT Script Capitals">
Jenis Kelamin
<form>
<input type="radio"checked name="sex">laki laki
<br>
<input type="radio"checked name="sex">perempuan
</form>
</body>
</html>

Kamis, 21 April 2011

cara membuat tabel_04

koding untuk hasil tabel diatas :
<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>

cara membuat tabel_03

koding untuk hasil tabel diatas :
<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>
    </htm

cara membuat tabel_02

koding untuk gambar tabel diatas :
<html>
<head>
<title>Tugas 2</title>
</head>
<body>
<table border="1"width="500">
<tr>
<td align="center"colspan="4">1</td>

</tr>
<tr>

<td align="center">2</td>
<td align="center"colspan="2">3</td>
<td valign="top"align="center"rowspan="3">8</td>

</tr>
<tr>
<td align="center">4</td>
<td align="center">5</td>
<td align="center">6</td>
</tr>   
<td align="center"colspan="3">7</td>

</tr>
</table>
</body>
</html>

cara membuat tabel_01


Koding untuk membuat tabel seperti diatas :
<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