Table HTML

Apa Fungsi dari Table HTML?

Sebagai salah satu bagian inti dari bahasa untuk membuat web, table HTML berperan penting dalam menyajikan data secara terstruktur.

Fungsi utama table HTML adalah membantu pembuat website menampilkan informasi dalam format grid yang dapat mempermudah audiens memahami dan menginterpretasikan data.

Bagi web developer, table HTML berguna dalam menampilkan informasi secara lebih terstruktur dan jelas. Bukan hanya itu, pemahaman table HTML juga membantu kamu dalam membuat desain responsif agar situs web terlihat kompatibel di semua perangkat, baik desktop, tablet, ataupun smartphone.

Elemen-elemen Utama dalam Table HTML

Ada beberapa elemen utama yang digunakan dalam table HTML untuk menyusun dan memformat tampilan data. Berikut penjelasan tentang elemen-elemen tersebut:

< table >: digunakan untuk membuat tabel itu sendiri. Semua elemen lain yang membentuk tabel akan diletakkan di dalam tag ini.

< tr >: berfungsi untuk membuat baris baru dalam tabel. Setiap baris dalam tabel HTML dimulai dengan tag dan diakhiri dengan tag < /tr >.

< th >: dipakai untuk membuat sel header dalam tabel. Sel header biasanya digunakan untuk memberikan judul pada kolom atau baris. Elemen < th> secara otomatis akan menebalkan dan meratakan teks ke tengah.

: Elemen Penyematan Gambar

<img> </img> : Elemen Penyematan Gambar

<img> </img> adalah elemen yang diganti ; ia memiliki display nilai inline secara default, namun dimensi defaultnya ditentukan oleh nilai intrinsik gambar yang disematkan, seperti dulu inline-block.

<img></img> tidak memiliki garis dasar, jadi ketika gambar digunakan dalam konteks pemformatan sebaris dengan , bagian bawah gambar akan ditempatkan pada garis dasar teks.

scr => untuk mengarahkan ke web gambarnya.

alt => untuk memberikan informasi kalau gambar tidak berhasil.

: Elemen Jangkar

<a> </a> : Elemen Jangkar

Atribut elemen ini mencakup atribut global .

Menyebabkan browser memperlakukan URL tertaut sebagai unduhan. Dapat digunakan dengan atau tanpa filenamenilai:

Tanpa nilai, browser akan menyarankan nama file/ekstensi, yang dihasilkan dari berbagai sumber:

Content-DispositionTajuk HTTP

Segmen terakhir di jalur URL

Jenis media ( dari Content-Typeheader, awal URL data:, atau Blob.typeuntuk blob:URL )

filename: mendefinisikan suatu nilai menyarankannya sebagai nama file. /dan \karakter diubah menjadi garis bawah ( _ ). Sistem file mungkin melarang karakter lain dalam nama file, sehingga browser akan menyesuaikan nama yang disarankan jika perlu.

TAG ELEMENT HTML

Tag komentar digunakan untuk menyisipkan komentar pada kode sumber. Komentar tidak ditampilkan di browser.

Kita dapat menggunakan komentar untuk menjelaskan kode kita, yang dapat membantu kita saat mengedit kode sumber di kemudian hari. Ini sangat berguna jika kita memiliki banyak kode.

Tip dan Catatan

Kita dapat menggunakan tag komentar untuk "menyembunyikan" skrip dari browser tanpa dukungan skrip (sehingga skrip tidak ditampilkan sebagai teks biasa).

Catatan: Dua garis miring di akhir baris komentar (//) adalah simbol komentar JavaScript. Ini mencegah JavaScript mengeksekusi tag -->.

Formatting di HTML (Bold, Italic, Underline, dll)

Paragdaft tambahan pada HTML dapat kita buat dengan tag <b>, <i>, <s>, <u>, <small>, <sup>, <sub>, <mark>.

Masing-masing paragraft akan ditampilkan dengan tulisan yang bebeda.

Tag <b> digunakan untuk menebalkan tulisan,

Tag <i> digunakan untuk memiringkan tulisan,

Tag <s> digunakan untuk memberi garis tengah pada tulisan,

Tag <u> digunakan untuk memberi garis bawah pada tulisan,

Tag <small> digunakan untuk mengecilkan tulisan,

Tag <sup> digunakan untuk mengangkat tulisan,

Tag <sub> digunakan untuk merendahkan tulisan,

Tag <mark> digunakan untuk menandai tulisan.

Cara Membuat Heading di HTML

Judul pada HTML dapat kita buat dengan tag <h1> sampai <h6>. Tag <h1> digunakan pada judul level pertama. Lalu tag lainnya digunakan pada sub heading atau level berikutnya.

Masing-masing judul akan ditampilkan dengan ukuran teks yang bebeda. Tag <h1> adalah yang paling besar, dan tag <h6> paling kecil.

Tag <h1> biasanya dipakai pada judul artikel. Lalu tag <h2>, <h3>, <h4>, <h5>, dan <h6> dipakai pada sub judul atau sub heading.

CARA MEMBUAT HTML DI VISUAL STUDIO CODE

Langkah 1: Download dan Install Visual Studio Code

Sebelum kamu dapat mulai menulis kode HTML, kamu harus memiliki Visual Studio Code di komputer kamu. Kamu bisa mendapatkannya secara gratis dari situs web resmi Microsoft. Setelah mendownload, ikuti saja instruksi yang diberikan untuk menginstall aplikasi ini di komputer kamu.