Tampilan Script/Code HTML pada website

Tabel Pada HTML

Berikut ini adalah komponen yang digunakan dalam membuat Tabel pada HTML.

Script/Code tabel :

1. <table></table> = Membuat tabel pada sebuah web
2. <tr></tr> = Membuat baris kebawah pada tabel
3. <td></td> = Membuat kolom kesamping (kanan) pada tabel
4. <th></th> = Membuat judul kolom pada tabel
5. Border = Mengatur garis tabel
6. Padding = Mengatur padding pada cell
7. Text-align = Mengatur perataan pada konten tabel
8. Border-spacing = Mengatur jarak spasi tabel
9. Colspan = Menggabungkan beberapa kolom
10. Rowspan = Menggabungkan beberapa baris

Hasil tampilan code : 

Jenis Sayur	Jenis Buah
Brokoli	Mangga
Wortel	Stroberi
Sawi	Semangka
Jagung	Jeruk
Timun	Anggur

Form Pada HTML

Berikut ini adalah komponen yang biasa digunakan dalam membuat Form pada HTML.

Script/Code Form : 

1. <form></form> = Membuat Form pada sebuah web
2. field = Ruas yang dapat diisi dengan data
3. type = type dari field
4. name = nama dari field yang akan menjadi kunci dan variabel di dalam program
5. action = Untuk menentukan aksi yang akan dilakukan saat data dikirim
6. methode = Metode pengiriman data
7. placeholder = untuk menampilkan teks sementara
8. value = untuk memberikan nilai pada field.

Di kemas di dalam <fieldset> nantinya tag ini akan memberikan sebuah garis.

Barulah menambah kan tag <legend> untuk memberikan judul atau teks pada fieldset.

Hasil tampilan code :

Masuk

Nama:

Sandi:

Ingatkan Saya

Image Pada HTML

Berikut ini adalah komponen yang biasa digunakan dalam penambahan Image dalam HTML.

Script/Code Image :

1. <img> = menambahkan gambar pada web
2. src = atribut ini menarik properti yang disebutkan, isinya dapat berupa link maupun gambar
3. alt = sebagai keterangan gambar apabila gambar tidak muncul
4. border = memberikan bingkai pada gambar

Hasil Tampilan Code :

 

https://www.liputan6.com/global/read/2459066/ilmuwan-temukan-ubur-ubur-yang-tak-dapat-mati

Video Pada HTML

Berikut ini adalah komponen yang biasa digunakan dalam penambahan Video dalam HTML.

Script/Code Video :

1. <video> untuk menambahkan video pada web
2. sama seperti image, video pada web perlu menambahkan source atau sumber (src)