Posted by bibil23 on Juni 05, 2015 in Tips Dan Trik | No comments
Cara Membuat Web Site dengan HTML
Disini saya
akan mengajarkan membuat web dengan mengunakan HTML(Hyper Text Markup Language
file) di aplikasi Noteped/dreamweaver langsung saja :
1. Cara membuat tittle/judul :
<html>
<head>
<title>
Belajar memebuat title> </title>
</head>
</html>
Maka
jadinya seperti ini :
2. Cara membuat text :
<html>
<head>
<title>
Belajar memebuat title> </title>
</head>
<body>
<u>untuk
text bergaris bawah</u>
<i>untuk
text miring</i>
<b>untuk
text tebal</b>
<small>untuk
text kecil</small>
<sub>untuk
text di atas garis</sub>
<sup>untuk text
di bawah garis</sup>
<p>untuk
paragraf</p>
<br>untuk
baris</br>
</body>
</html>
Maka
jadinya seperti ini :
3. Cara Mebuat link :
<html>
<head>
<title>
Belajar memebuat title> </title>
</head>
<body>
<a
href="www.facebook.com" > ingin ke fb klik disini </a>
</body>
</html>
Maka
hasinya seperti ini :
4. Cara Memberi background:
<html>
<head>
<title>Belajar
membuat title</title>
</head>
<body
bgcolor=green>
</body>
</html>
Maka
hasinya seperti ini :
5. Cara Membuat table :
<html>
<head>
<title>Belajar
membuat title</title>
</head>
<body>
<table
width=80% border=1 >
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
Maka
hasinya seperti ini :
6. Cara membuat OL Dan UL :
<html>
<head>
<title>
Belajar memebuat title> </title>
</head>
<body>
<ol>
<li>Alfukat</li>
<li>Jeruk</li>
<li>Kurma</li>
</ol>
<ul>
<li>Muhammad</li>
<li>Bilal</li>
<li>Zakariya</li>
</ul>
</body>
</html>
Maka
hasinya seperti ini :
7. Cara Membuat Text Area:
<html>
<head>
<title>
Belajar memebuat title> </title>
</head>
Text
Area
<textarea
name="text area" rows="9" cols=30" >
Maka
jadinya seperti ini :
8. Cara membuat Radio Battom:
<html>
<head>
<title>
Belajar memebuat title> </title>
</head>
<body>
Jenis
Kelamin =
Laki-laki: <input type="radio"
name="jenis_kelamin" >
Perempuan: <input
type="radio"name="jenis_kelamin">
</body>
</html>
Maka
jadinya seperti ini :
9. Cara Membuat Checbox :
<html>
<head>
<title>
Belajar memebuat title> </title>
</head>
<body>
Jenis
Kelamin =
Laki-laki:
<input type="checkbox" name="jenis_kelamin" >
Perempuan:
<input type="checkbox"name="jenis_kelamin">
</body>
</html>
Maka hasinya seperti ini :
10. Cara membuat option value :
<html>
<head>
<title>
Belajar memebuat title </title>
</head>
<body>
Agama
<select
name="agama">
<option
value="n_Islam">Islam
<option
value="n_Kristen">Kristen
<option
value="n_Katolik">Katolik
<option
value="n_Budha">Budha
<option
value="n_hindu">Hindu
</select>
</body>
</html>
Maka hasinya seperti ini :
11. Kita akan menggabungkan html-html di
atas menjadi sebuah web sederhana:
<html>
<head>
<title>Belajar
Membuat WEB SITE</title>
<body>
<table
width=100% border=1 bgcolor=green>
<th
colspan="50"> <h1>
<div align="center" >BOIDATA SISWA</h1></th>
<tr>
<td width="26%">
Nama </td>
<td width="74%"
colspan="2">:
<input type="text" name="nama" /> </td>
</tr>
<tr>
<td> Nis </td>
<td
colspan="2">:<input type="text"
name="nis"/> </td>
</tr>
<tr>
<td>Jurusan</td>
<td
colspan="2"><select name="Jurusan">
<option value="n_rpl">RPL
<option
value="n_TOSM">TOSM
<option
value="n_TOKR">TOKR
<option
value="n_TPMI">TPMI
</select></td>
</tr>
<tr>
<td> Jenis Kelamin</td>
<td colspan="2"
>Laki-Laki:<input type="radio" name="jenis kelamin"
value="laki-laki">Perempuan:<input type="radio"
name="Jenis Kelamin" value="perempuan"></td>
</tr>
<tr>
<td><span
class="style3">Agama</span></td>
<td colspan="2">
<select
name="agama">
<option
value="n_Islam">Islam
<option
value="n_Kristen">Kristen
<option value="n_Katolik">Katolik
<option
value="n_Budha">Budha
<option
value="n_hindu">Hindu
</select> </td>
</tr>
<tr>
<td> Hoby </td>
<td colspan="2">
<Ol>
<li> Menbuat web</li>
<li> Desain Grafis</li>
<li> Berenang</li>
<li> Bola Voly</li>
</Ol> </td>
</tr>
<tr>
<td> Alamat </td>
<td colspan="2" >
<input type="textarea" name="alamat"
rows="30" cols="30" >
</td>
</tr>
<tr>
<td> Link </td>
<td colspan="2" >
<a
href="www.facebook.com"> ingin ke fb klik disini </a >
</td>
</tr>
</table>
</form>
</html>
Maka hasilnya seperti ini :
Sekian ilmu dari saya semoga
bermanfaat di dunia dan diakhirat.
Terimakasih.
0 komentar:
Posting Komentar