HTML dan WEB DESIGN

 

 

 

A.     Tes Formatif 2

 

1)      Apa yang anda ketahui tentang HTML dan Web Editor ?

·        HTML merupakan kepanjangan dari Hyper Text MarkUp Language yang memiliki fungsi untuk memformat dokumen text biasa agar bisa digunakan pada Worl Wide Web (WWW). HTML bukan merupakan suatu bahasa pemograman, karena sifatnya yang hanya memberikan tanda (marking up) pada suatu dokumen teks dan bukan sebagai program.

 

·        Pada awalnya HTML dikembangkan sebagai subset SGML (Standart Generalizet Mark-Up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media internet, maka HTML relative lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi.

 

·        File-file HTML merupakan dokumen teks yang diformat menggunakan HTML,  untuk melakukan penulisan maupun editing dokumen HTML dapat menggunakan berbagai macam editor, dalam hal ini digunakan Notepat.

 

·        Web Editor yaitu perangakat lunak yang berfungsi sebagai media dalam proses pembuatan suatu HTML dan memberi tanda pada suatu dokumen teks untuk menjadikan teks biasa tersebut ke dalam bentuk Web.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2)      Buatlah halaman HTML untuk menampilkan formulir isian biodata anggota, seperti gambar 17 menggunakan editor Notepat.

 

Notepatnya yaitu :

 

<html>

<head>

<title>Tugas Akhir Semester II (Form Pengisian Biodata Anggota) Oleh : HANTONI RISKHA – Kelas X TI</title>

</head>

<left>

<h3>Biodata Anggota</h3>

</left>

<form action=”proses.asp” method=”post”

name=”form”>

  <table width=”100%” height=”290″ border=”0″ align=”center”

cellpadding=”0″>

    <tr>

      <td width=”20%”><b>Nama</b></td>

      <td width=”1%”><b>:</b></td>

      <td width=”79%”><input name=”txtNama”

type=”text” id=”txtNama” size=”40″></td>

    </tr>

    <tr>

      <td width=”20%”><b>Tempat Lahir</b></td>

      <td width=”1%”><b>:</b></td>

      <td width=”79%”><input name=”txtTempat Lahir”

type=”text” id=”txtTempat Lahir” size=”40″></td>

    </tr>

    <tr>

      <td width=”20%”><b>Tanggal Lahir</b></td>

      <td width=”1%”><b>:</b></td>

      <td width=”79%”><input name=”txtTanggal Lahir”

type=”text” id=”txtTanggal Lahir”></td>

    </tr>

    <tr>

      <td><b>Jenis Kelamin</b></td>

      <td><b>:</b></td>

      <td><input name=”radJk” type=”radio”

value=”1″ checked>

        <b>Pria</b>

        <input type=”radio” name=”radJk”

value=”2″>

        <b>Wanita</b></td>

    </tr>

    <tr>

      <td height=”30″><b>Pendidikan</b></td>

      <td><b>:</b></td>

      <td><select name=”cboJob” id=”cboJob”>

          <option>SD</option>

          <option>SMP/MTsn</option>

          <option>SMA/SMK/MAN</option>

          <option>Perguruan Tinggi</option>

        </select>

    </tr>

    <tr>

      <td height=”59″><b>Alamat</b></td>

      <td><strong>:</strong></td>

      <td><textarea name=”txtAlamat” cols=”37″

rows=”3″ wrap=”VIRTUAL” id”txtAlamat”></textarea></td>

    </tr>

    <tr>

      <td width=”20%”><b>Nomor Telepon</b></td>

      <td width=”1%”><b>:</b></td>

      <td width=”79%”><input name=”txtNomor Telepon”

type=”text” id=”txtNomor Telepon” size=”30″></td>

    </tr>

    <tr>

      <td width=”20%”><b>E-mail</b></td>

      <td width=”1%”><strong>:</strong></td>

      <td width=”79%”><input name=”txtE-mail”

type=”text” id=”txtE-mail” size=”40″></td>

    </tr>

    <tr>

      <td><input name=”btnSimpan” type=”submit”

id=”btnSimpan” value=”Simpan”>

             <input name=”btnBatal” type=”reset”

id=”btnBatal2″ value=”Batal”></td>

      <td> </td>

      <td> </td>

    </tr>

</table>

</form>

</body>

</html>

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: