Tutorial HTML (4)

Assalamualaikum warahmatullahi wabarakatuh. Balik lagi nih ke tutorial HTML, jadi pada kali ini kita akan melanjutkan pembelajaran dari tutorial yang sebelumnya, bagi teman-teman yang baru gabung bisa lihat di link ini.


HTML Table




Tabel HTML memungkinkan pengembang web untuk mengatur data menjadi baris dan kolom.





Definisi Tabel HTML Tag <table> mendefinisikan tabel HTML. 

Setiap baris tabel didefinisikan dengan tag <tr>. Setiap header tabel didefinisikan dengan tag <th>. Setiap data tabel / sel didefinisikan dengan tag <td>. Secara default, teks dalam elemen <th> dicetak tebal dan di tengah. Secara default, teks dalam elemen <td> beraturan dan rata kiri.

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>


HTML Form



Form HTML digunakan untuk mengumpulkan masukan pengguna. Masukan pengguna paling sering dikirim ke server untuk diproses.

Syntax Form :

<!DOCTYPE html>
<html>
<body>
<form action="Sript URL" method="GET|POST">
        <!-- element form disini -->
    </form>
</body>
</html>

Element-element HTML Form:

1. <input> : Elemen <input> HTML adalah elemen formulir yang paling sering digunakan. Sebuah elemen <input> dapat ditampilkan dengan berbagai cara, bergantung pada atribut type. Berikut beberapa contohnya:

  • <input type="text"> : Menampilkan bidang input teks satu baris.
  • <input type="radio"> : Menampilkan tombol radio (untuk memilih salah satu dari banyak pilihan).
  • <input type="checkbox"> : Menampilkan kotak centang (untuk memilih nol atau lebih dari banyak pilihan).
  • <input type="submit"> : Menampilkan tombol kirim (untuk mengirimkan formulir).
  • <input type="button"> : Menampilkan tombol yang dapat diklik.

2. <label> : Elemen <label> mendefinisikan label untuk beberapa elemen formulir.

3. <select> : Elemen <select> mendefinisikan daftar drop-down:

4. <textarea> : Elemen <textarea> mendefinisikan bidang masukan multi-line (area teks).

5. <button> : Elemen <button> mendefinisikan tombol yang dapat diklik.

6. <fieldset> : Elemen <fieldset> digunakan untuk mengelompokkan data terkait dalam formulir.

7. <legend> : Elemen <legend> mendefinisikan keterangan untuk elemen <fieldset>.

8. <datalist> : Elemen <datalist> menentukan daftar opsi yang ditentukan sebelumnya untuk elemen <input>.

9. <output> : Elemen <output> mewakili hasil penghitungan (seperti yang dilakukan oleh skrip).

10. <option> : Mendefinisikan opsi dalam daftar drop-down.

11. <optgroup> : Mendefinisikan sekelompok opsi terkait dalam daftar drop-down.

Jangan Bingung, Segera Praktekkan!

Mudah-mudahan dengan memahami apa itu HTML rasa bingung kamu tentang membuat halaman web bisa sedikit berkurang ya!

Nih, saya kasih referensi kampus yang oke banget buat fokus ke pemograman web nama kampusnya adalah Sekolah Tinggi Teknologi Nurul Fikri (STT-NF). STT-NF saat ini sedang membuka penerimaan mahasiswa baru TA. 2021/2022. Yang memiliki dua program studi sudah terakreditasi B yaitu Sistem Informasi & Teknik Informatika. Ada peluang Beasiswa 100% full sampai lulus juga loh! Semoga bermanfaat.

Komentar

Posting Komentar

Postingan populer dari blog ini

Tutorial HTML

Gambar
Assalamualaikum warahmatullahi wabarakatuh Bahasa yang wajib dipelajari, bagi yang mau menjadi web developer adalah HTML. Apa itu HTML?      HTML merupakan singkatan dari Hyper Text Markup Language. HTML adalah sebuah bahasa standar untuk pembuatan halaman web. Dengan adanya HTML, kita dapat membedakan struktur yang tersusun dari sebuah halaman melalui tag atau elemen-elemen penyusunnya.      Elemen atau tag pada HTML dikenali oleh browser seperti google chrome, refox atau Ms Edge, dll. Browser tersebut mengidentikasi setiap elemen penyusun HTML dan ditampilkan sesuai karakteristik elemen tersebut. Contohnya sebuah elemen paragraph akan ditampilkan sebagai tulisan panjang, atau sebuah elemen pranala/link akan dicetak dengan warna biru dan ketika mouse mendekat kursornya berubah menjadi telunjuk, dsb. Contoh sebuah halaman HTML sederhana: < !DOCTYPE  html > < html > < head > < title > Judul Halaman < /title > < /head ...
Baca selengkapnya