PEMOGRAMAN WEB HTML-asas Vanessa 10-4/25
HTML
-Pengertian: HTML adalah singkatan dari Hypertext Markup Language, HTML merupakan salah satu bahasa pengkodean atau pemograman yang digunakan untuk membuat halaman website yang ditampilkan pada web browser.
HTML diciptakan oleh Sir Tim Berners-lee pada akhir tahun 1991 namun tidak dirilis secara resmi. Sir Tim Berners-lee merilis HTML versi pertama pada tahun 1993 dengan tujuan untuk berbagi informasi yang dapat dibaca dan diakses melalui web browser.
-Fungsi: Fungsi utama HTML adalah untuk membangun struktur halaman web. HTML merupakan bahasa markup yang digunakan untuk membuat dan menyusun halaman web. Berikut beberapa fungsi HTML:
1.Membangun struktur halaman web
HTML digunakan untuk membuat struktur dasar wajib halaman web, seperti header, footer, navigasi, dan konten. Struktur wajib dari HTML itu sendiri ada 3, yaitu:
!DOCTYPE html — untuk deklarasi type dokumen. Khusus untuk element ini harus digunakan huruf besar atau capslock
html — tag utama dalam HTML, untuk memulai dokumen
head — untuk bagian kepala dari dokumen (kop web)
title — untuk judul web
body — untuk bagian body dari dokumen.
Oh ya, setiap elemen” tersebut nantinya harus dibuatkan tag penutup yg berupa /judul tag sebagai penanda bahwa penggunaan tag tersebut sudah selesai.
2.Menampilkan teks dan konten
Elemen dalam HTML adalah sebuah komponen yang menyusun dokumen HTML. Elemen kadang juga disebut sebagai node, karena ia merupakan salah satu jenis node yang menyusun dokumen HTML dalam diagram HTML tree. HTML digunakan untuk menampilkan teks dan konten pada halaman web, seperti paragraf, heading, dan link. Contohnya adalah:
1. Tag format text:
-tag p: digunakan untuk memulai membuat paragraf
-tag h1 sampai h6 digunakan untuk mengatur ukuran font. Tag h1 adalah font paling besar dan selanjutnya menjadi semakin kecil.
adapula element:
-element i sebagai italic, maka text akan dicetak miring
-element b sebagai bold, maka text akan dicetak tebal
-element u sebagai underline, maka text akan dicetak garis bawah
-element s maka text akan dicetak tercoret
-element mark sebagau marker, maka text akan dihighlight, dan untuk merubah warna kidta daoat menggunakan element mark style= “background-color= pink”
-element sup, maka text akan dicetak diatas (seperti pangkat pada mtk) dan sub, maka text akan dicetak dibawah (seperti unsur kimia)
2. Attribute
Atribut adalah kata kunci khusus yang berada di dalam tag pembuka. Atribut juga disebut sebagai modifier yang akan menentukan perilaku dari elemen. contohnya adalah:
-atribut a adalah tag untuk membuat link. Tag ini mewajibkan menambahkan atribut hrefuntuk menyatakan halaman tujuan dari link.
-atribut src adalah atribut khusus untuk tag img yang fungsinya untuk menentukan gambar yang akan ditampilkan. Lalu atribut width dan height adalah atribut yang mengatur ukurannya.
Selanjutnya, kita akan membahas cara untuk membuat tabel. Sebelumnya, kita harus ketahui bahwa tabel memiliki 4 unsur utama, yaitu:
1. Baris
2. Kolom
3. Sel
4. Garis
Tag yang digunakan untuk membuat tabel diantaranya adalah:
1. Tag table untuk membungkus tabelnya. Dalam tag ini, kita harus menggunakan atribut “border” agar tabelnya memiliki garis, maka penggunaannya akan menjadi table border=“jumlah”. Dan untuk mengatur jarak text dengan garis dalam tabel diperlukan atribut “cellpadding” maka penggunaannya akan menjadi table border=“jumlah” cellpadding=“jumlah”
2. Tag tr (tabel row) untuk membuat baris
3. Tag td (table data) untuk membuat sel
4. Tag th (table head) untuk membuat judul pada header
5. Atribut “rowspan” digunakan untuk menggabungkan baris dan “colspan” digunakan untuk menggabungkan kolom