BEBERAPA SCRIPT/CODE HTML BESERTA HASILNYA

Script dan code html beserta hasilnya





Source:https://images.app.goo.gl/8MEnkBPESvnohLSf8

Pada pertemuan kali ini kita akan mengenal Script dan kode di html,berikut penjelasannya:

A.TABLE

Table adalah salah satu Script/kode yang ada di html .Table memungkinkan pengembang web untuk mengatur data dalam baris dan kolom.

Berikut ada beberapa tag yang termasuk ke dalam Table diantaranya:

1.<Table>

Mendefinisikan sebuah table.

2.<Thead>

Mengelompokkan konten header dalam sebuah table.

3.<TR>

Mendefinisikan baris dalam tabel.

4.<TD>

Mendefinisikan sel dalam tabel.

5.<TBody>

Mengelompokkan konten isi dalam tabel.

6.<Th>

Mendefinisikan sel header dalam tabel.

7.<tfoot>

Mengelompokkan konten footer dalam tabel.

8.<colgrup>

Menentukan grup dari satu atau lebih kolom dalam tabel untuk pemformatan.

9.<col>

Menentukan properti kolom untuk setiap kolom dalam elemen <colgroup>.

10.<caption>

Mendefinisikan judul tabel.

Contoh hasil dari tabel:











B.Link 

Link adalah salah satu code dalam HTML.Tautan ditemukan di hampir semua halaman web. Tautan memungkinkan pengguna mengeklik jalan mereka dari halaman ke halaman.

Adapun tag yang berada dalam link:

1.<a href>

a href adalah atribut terpenting dalam pembuatan link.a href bertujuan untuk menunjukan tujuan tautan.

2.Target

Atribut target menentukan tempat untuk membuka dokumen tertaut.

Target dapat memiliki satu dari nilai berikut 

   1._self - Bawaan. Membuka dokumen di jendela/tab yang sama dengan yang diklik

   2._blank - Membuka dokumen di jendela atau tab baru

   3._parent - Membuka dokumen dalam bingkai induk

   4._top - Membuka dokumen di seluruh badan jendela 

Contoh hasil dari link:

Visit W3Schools.com!

C.Form 

Form merupakan salah satu Script dalam html.Form di HTML digunakan untuk mengumpulkan input pengguna. Input pengguna paling sering dikirim ke server untuk diproses.

Berikut ada beberapa tag yang ada di link:

1.<form>

Elemen <form> adalah wadah untuk berbagai jenis elemen input, seperti: bidang teks, kotak centang, tombol radio, tombol kirim, dll.

2.<input>

 <input> adalah elemen form yang paling banyak digunakan.

Elemen <input> dapat ditampilkan dalam banyak cara, tergantung pada atribut type.

Berikut beberapa contohnya:

   1.<input type="text"> Menampilkan kolom input teks satu baris

   2.<input type="radio"> Menampilkan tombol radio (untuk memilih salah satu dari banyak pilihan)

   3.<input type="checkbox"> Menampilkan kotak centang (untuk memilih nol atau lebih dari banyak pilihan)

   4.<input type="submit"> Menampilkan tombol kirim (untuk mengirimkan formulir)

   5.<input type="button"> Menampilkan tombol yang dapat diklik.

3.<Label>

<label> berguna untuk pengguna pembaca layar, karena pembaca layar akan membacakan label dengan keras saat pengguna fokus pada elemen input.

Contoh hasil dari form:











D.Image 

Image merupakan salah satu code dari html.Gambar dapat meningkatkan desain dan tampilan halaman web.

Berikut tag di image:

1.<IMG>

Tag HTML <img> digunakan untuk menyematkan gambar di halaman web.

Gambar secara teknis tidak dimasukkan ke dalam halaman web; gambar ditautkan ke halaman web. Tag <img> membuat ruang penyimpanan untuk gambar yang direferensikan.

Tag <img> kosong, hanya berisi atribut, dan tidak memiliki tag penutup.

Tag <img> memiliki dua atribut yang diperlukan:

src - Menentukan jalur ke gambar

alt - Menentukan teks alternatif untuk gambar 

Hasil dari image: 


E.Video 

Video merupakan salah satu code di dalam HTML.video digunakan untuk menampilkan video di halaman web.

Adapun beberapa tag di dalam video:

1.Kontrol 

Atribut kontrol menambahkan kontrol video, seperti putar, jeda, dan volume.

Sebaiknya selalu menyertakan atribut lebar dan tinggi. Jika tinggi dan lebar tidak disetel, halaman mungkin berkedip saat video dimuat.

2.source

 <source> memungkinkan Anda menentukan file video alternatif yang dapat dipilih oleh browser. Browser akan menggunakan format pertama yang dikenali.

Hasil dari video:


Terimakasih sudah membaca enjoyyyy!!!!

Komentar

Postingan populer dari blog ini

Sejarah Laravel dari awal hingga versi terbaru

Penjelasan Tentang GitHub dan GitLab

Data Analytic Bertujuan Membangun model Machine Learning