Web Design : Meet 3 (Pembuatan List, Ordered, Form, input)

Pertemuan 4 : web design

Pembuatan List, Orderad dan UnOrdered

Buat File dengan p3_1.html

<!doctype html>
<html>
  <head>
    <title>Pembuatan List</title>
  </head>
  <body>
    <p>Jadwal Belajar HTML <b>LP3I Palangka Raya</b></p>
    Dengan Square / Bullet Kotak<hr>
    <ul type="square">
      <li>Senin</li>
      <li>Selasa</li>
      <li>Rabu</li>
      <li>Kamis</li>
    </ul>
    Dengan Disc / Bullet Titik<hr>
    <ul type="disc">
      <li>Senin</li>
      <li>Selasa</li>
      <li>Rabu</li>
      <li>Kamis</li>
    </ul>
    Dengan Circle / Bullet Lingkaran<hr>
    <ul type="circle">
      <li>Senin</li>
      <li>Selasa</li>
      <li>Rabu</li>
      <li>Kamis</li>
    </ul>
    Dengan Angka Romawi<hr>
    <ol start="1" type="I">
      <li>Senin</li>
        <ol type="a">
          <li>Jam 07.00 - 08.40</li>
          <li>Jam 12.00 - 13.40</li>
        </ol>
      <li>Selasa</li>
      <li>Rabu</li>
      <li>Kamis</li>
    </ol>
    Dengan Nomor<hr>
    <ol start="1" type="1">
      <li>Senin</li>
        <ol type="a">
          <li>Jam 07.00 - 08.40</li>
          <li>Jam 12.00 - 13.40</li>
        </ol>
      <li>Selasa</li>
      <li>Rabu</li>
      <li>Kamis</li>
    </ol>

  </body>
</html>

Pembuatan Form, Input, Textarea, Combobox, Checkbox

Buat file baru dengan nama p3_2.html

<!doctype html>
<html>
  <head>
    <title>Pembuatan Form, Input, Textarea</title>
  </head>
  <body>
    <p>Pembuatan Form dan Inputan</p><hr>
    <form method="post">
      <p>
        Inputan<br>
        <input type="text" name="input1"><hr>
        
      </p>
      <p>
        Textarea<br>
        <textarea name="textarea1" rows="5" cols="20"></textarea><hr>
      </p>
      <p>
        Pembuatan Combobox<br>
        <select size="1" name="D2">
          <option>Pilih Mata Kuliah</option>
          <option value="1">Web Design</option>
          <option value="2">Web Programming</option>
        </select><hr>
      </p>
      <p>
        Pembuatan Radio Button<br>
        Pilih Jenis Kelamin<br>
        <input type="radio" value="lk" name="jk">Laki-laki<br>
        <input type="radio" value="pr" name="jk">Perempuan<br>
      </p>
      <p>
        Pembuatan Check Box<br/>
        Hobi Saya adalah :<br/>
        <input type="checkbox" name="C1" value="ON">Membaca<br/>
        <input type="checkbox" name="C2" value="ON">Makan<br/>
        <input type="checkbox" name="C3" value="ON">Ngoding<br/>
      </p>

      <p><input type="submit" value="cetak"></p>
      <p><input type="reset" value="batalkan"></p>
    </form>
  </body>
</html>

 

Recommended For You

About the Author: adyrhs

Leave a Reply

Your email address will not be published. Required fields are marked *