Pengikut

Diberdayakan oleh Blogger.
RSS

Membuat curriculum vitae dan form

16.55 |

 Curriculum vitae dan form
Membuat Form
1.Buka Dreamwiever
2.Pilih Html 
3.Tuliskan Codding Html Di bawah ini

<html>
<head>
<title>membuat form</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  DAFTAR RIWAYAT HIDUP
  <table width="465" border="3">
    <tr>
      <td width="121">Nama</td>
      <td width="15">=</td>
      <td width="303"><input name="Nama" type="text" id="Nama" size="50" maxlength="30" /></td>
    </tr>
    <tr>
      <td>Tempat,tanggal lahir </td>
      <td>=</td>
      <td><input name="tempat,tanggal lahir" type="text" id="tempat,tanggal lahir" size="50" maxlength="30" /></td>
    </tr>
    <tr>
      <td>Alamat</td>
      <td>=</td>
      <td><textarea name="alamat" cols="50" id="alamat"></textarea></td>
    </tr>
    <tr>
      <td>Jenis Kelamin </td>
      <td>=</td>
      <td><p>
        <label>
          <input name="laki-laki" type="radio" value="radio" />
          laki-laki</label>
        <br />
        <label>
          <input name="laki-laki" type="radio" value="radio" />
          perempuan</label>
        <br />
      </p></td>
    </tr>
    <tr>
      <td>Agama</td>
      <td>=</td>
      <td><select name="select" size="1">
        <option>Islam</option>
        <option>Kristen</option>
        <option>Hindu </option>
        <option>Buddha</option>
      </select>
      </td>
    </tr>
  </table>
  <p>Riwayat Pendidikan</p>
  <table width="500" border="2">
    <tr>
      <td width="144"></td>
      <td width="338"></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </table>
  <input type="submit" name="Submit" value="Submit" />
  <input name="reset" type="reset" id="reset" value="Reset" />
  <p> </p>
</form>
</body>
</html>

4.hasilnya

Membuat Curriculum Vitae
1.Buka  Dreamwiever
2.Pilih Html
3.Tulis coding htmlnya seperti di bawah ini :
<html>
<head>
<title>Pemrograman web</title>
</head>
<body bgcolor="#FF33FF" text="#FFFFFF">
<div align="center">
<center>
<h1>CURRICULUM VITAE</h1>
</center>
<hr/>
<h2>
Data Pribadi</h2>
<table width="800px">
<tr>
    <td width="25%">Full name</td>
    <td width="1%">;</td>
    <td><b>Siti Mariyam</b></td>
    <td rowspan="5"><img src="Foto0232.jpg"" alt="Foto Mariyam"
    title="Foto Mariyam" height="100px" width="75px"></td>
    </tr>
<tr>
    <td>Place,Date of Birth</td>
    <td>:</td>
    <td>Malang,July 05, 1994</td>
    </tr>
<tr>
    <td>Address</td>
    <td>:</td>
    <td>jl P Diponegoro no 35 RT/RW 05/02, Malang JAWA TIMUR, 65171</td>
        </tr>
<tr>
    <td>E-mail</td>
        <td>:</td>
        <td>merry.gewhi.5@gmail.com</td>
        </tr>
</tbody>
    </table>
<h2>
Educational Background</h2>
<table width="800px">
    <tbody>
<tr>
    <td width="25%">2013-present</td>
    <td width="1%">:</td>
    <td>Major of Informatic Management at STMIK AMIKOM YOGYAKARTA</td>
    </tr>
<tr>
    <td>2010-2013</td>
    <td>:</td>
    <td>Muhammadiah 7 High School, Gondanglegi</td>
    </tr>
<tr>
    <td>2007-2010</td>
    <td>:</td>
    <td>Negeri 2 Jonior High School,Bululawang</td>
    </tr>
<tr>
    <td>2001-2007</td>
    <td>:</td>
    <td>Gading 1 Elementari school,Krebet</td>
    </tr>
</tr>
</table>
<br/><br/>
</body>
</html>
4. Hasilnya
 


Catatan :
  1. Untuk Menampilakan Image :  <img src=nsms filr gambar> 
  2. Tag <Center>, text untuk rata tengah 
  3. Src: menunjuk kepada URL atau directori lokasi gambar Bgcolor : menentukan warna latar belakang. 
  4.  Text : menentukan teks   . 
  5. <h..> : membuat heading sebuah dokumen dan di tutup dengan </h.> 
  6.  Bgcolor : menentukan warna latar belakang.
  7.  <br> : membuat garis baru
  8.  <p>membuat paragraph baru. 
  9. Align : posisi text di sekitar gambar, nilainya adalah top, middle, bottom, left, right. 
  10. Width : lebar gambar dalam satuan pixel 
  11. Tag <hr /> :membuat garis batas horizontal, tidak memerlukan penutup < /hr >
  12. Tag <title>, digunakan untuk memberi judul dokumen
  13. Tag <center>, Teks rata tengah
  14. Tag <ul> dan <ol>
  15. <b>, untuk menampilkan huruf tebal.
  16. <i>, untuk menampilkan huruf miring.
  17. <u>, untuk menampilkan garis bawah pada teks. <tt>, untuk menampilkan huruf seperti huruf mesin ketikan
  18. <strike>, untuk menampilkan garis horizontal pada bagian tengah huruf.
  19. <big>, untuk menampilkan ukuran huruf yang lebih besar.
  20. Tag <table> : Mendefinisikan sebuah tebel 
  21. Tag <tr> : Mendefinisikan baris tabel
  22. Tag <th> : Mendefinisikan judul kolom
  23. Tag <td> : Mendefinisikan isi tiap kolom




    Sekian Dan Terimakasih


 


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Diposting oleh Inovasi Baru

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)