Diberdayakan oleh Blogger.

Rabu, 20 Juni 2012

Belajar HTML

Frima Nainggolan-Mungkin beberapa tag dan program di bawah ini dapat membantu anda belajar Pemrogram Berbasis WEB. Beberapa program di bawah ini anda copy di Notepat dengan name file berakhiran .html dan type All Files. Kemudian anda coba membuka file yang telah anda simpan. Icon file yang disimpan akan berbentuk icon Mozilla atau bentuk media aplikasi anda umtuk masuk ke internet.

1. Tag HTML
  • <b>.........................</b>  membuat tulisan tebal 
  • <i>............................</i>  membuat tulisan miring
  • <u>..........................</u>  membuat tulisan bergaris bawah
  • <sup>....................</sup>  membuat tulisan naik ½ spasi
  • <sub>....................</sub>  membuat tulisan turun ½ spasi
  • <br>........................</br>  membuat turun baris
  • <p>...........................</p>  membuat paragraph
  • <hr>.........................</hr>  membuat garis
  • <hn>........................</hn>  membuat judul  
  • <marquee>.....</marquee>  membuat teks berjalan
  • <blink>................</blink>  membuat teks berkedip 


2. Program membuat 2 frame
     
<html>
<head>
<title>Program buat 2 Frame </title>
</head>
<frameset cols="50%,50%">
<frame src="Frame1.html""name:Frame1"/>
<frame src="Frame2.html""name:Frame2"/>
</frameset>
<body>
</table>
</body>
</html>


Implementasi :



3. Program membuat 4 kolom 2 baris
     
<html>
<head>
<title>Prog buat 4 kolom 2 baris</title>
</head>
<body>
<table border=2 width=100% height=100%>
<tr>
<td>Kolom 1 Baris 1</td>
<td>Kolom 2 Baris 1</td>
</tr>
<tr>
<td>Kolom 3 Baris 2</td>
<td>Kolom 4 Baris 2</td>
</tr>
</table>
</body>
</html>


Implementasi :




4. Program membuat Form Data
      
<html>
<head>
<title>Prog buat Form Data </title>
</head>
<body>
<form action="#" method="get">
<p>Nama : <input type="text" name="nama">
<p>Alamat : <input type="text" name="alamat">
<p>Jenis Kelamin :
<input type="radio" name="sex" value="man">laki - laki
<input type="radio" name="sex" value="woman">Perempuan
<p>Pekerjaan :
<select name="pekerjaan">
<option value="pelajar">Pelajar</option>
<option value="Peg_negri">Pegawai Negri</option>
<option value="Buruh">Buruh</option>
</select>
<p>Hobby :
<input type="checkbox" name="hobby" value="Sepakbola">Facebookan
<input type="checkbox" name="hobby" value="Main Komputer">Main Komputer
<input type="checkbox" name="hobby" value="Tidur">Tidur
<p>
<input type="submit" value="kirim data">
<input type="reset" value="ulangi">
</form>
</body>
</html>


Implementasi :

 


Tidak ada komentar:

Posting Komentar

  © Blogger templates Newspaper by Ourblogtemplates.com 2008

Back to TOP