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>

 

Jika sekiranya bermanfaat bagi anda, mungkin saja juga berguna buat orang lain. Dengan teramat sangat silahkan untuk share info tersebut dengan mengklik button dibawah ini.

Terimakasih telah membaca Web Design - Web Design : Meet 3 (Pembuatan List, Ordered, Form, input). Silahkan tinggalkan komentar, saran dan pesan Anda untuk kemajuan website  IT.DewAdy.Com. Terimakasih untuk dukungan dan partisipasi Anda.


Maaf untuk sementara fitur komentar menggunakan Facebook Kami Nonaktifkan

0 Komentar
  • Nama harus diisi, Email tidak akan disebarluaskan, Terimakasih.
  • Mohon untuk menggunakan ejaan yang benar / kata-kata yang mudah dimengerti

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.


Pencarian . . .

IP Address : 54.145.17.37
Sistem Operasi : Unknown
Browser : Unknown
Versi : ?
00000794
Contact Me

FB : Ady

TW : @ady_rhs

About Me
Sekilas tentang SAYA . . . Saya ADY Blogger asal sebuah desa kecil nan jauh disana. :D yang sekarang berdomisili di Kota Cantik, Palangka Raya, Kalimantan Tengah,
Membuat website Edukasi yang bermanfaat berdasarkan hasil pengalaman yang pernah dicoba dan sharing tentang hal yang saya rasa berguna lebih khusus kepada diri sendiri lebih-lebih jika bisa bermanfaat buat para pembaca sekalian. Hidup itu indah jika kita bisa menjadi orang yang bermanfaat bagi orang lain.
Email :
ady@dewady.com atau dewady.com@gmail.com


Web Hosting
Link Rujukan