Belajar Tag-Tag HTML

A. Pendahuluan

1. Pengertian

Elemen, tag danatributpada HTML sebenarnyasalingberkaitan, hanyasajaatribut di sinimemilikitugaskhususuntukmemberikaninformasiatausifattambahan yang akandiberikankepada tag danelemen yang mengandungatributtersebut.

HTML (Hypertext Markup Language) merupakan symbol-simbolatau tag-tag yang dituliskandalamsebuah file yang dimaksudkanuntukmenampilkanhalamanpada web browser.

Sebuahhalaman website akandiapitoleh tag <html>……</html>. File HTML selaluberakhiranekstensi *.html atau *.htm.

2. LatarBelakang

3. MaksuddanTujuan

4. Hasil yang diharapkan

B. AlatdanBahan :

Laptop(text editornya notepad), File Items, Web Browser.

C. JangkaWaktupelaksanaankegiatan

D. Proses tahappekerjaan

MenggunakanAtributdari Tag

a. Tag <body>…</body>

sepertinamanya body artinyatubuh. Makaatribut yang disetpada tag body akanberpengaruhpadaseluruhtubuhataudokumen. Pada tag body terdapatbeberapaatributnamunadadua yang terpentingyaitubackground danbgcolor. Atribut background digunakanuntukmembuatgambarmenjadilatardarihalaman. Sedangkanbgcolordigunakanuntukmensetwarnadarilatarhalamanwebset.

Contoh :

Hasilnya :

a. Tag …

Tag digunakanuntukmembuat paragraph dalamsebuahhalaman web. Kita semuatahu kalua paragraph ada yang bertipe rata kiri, tengah, kanan.

Contoh :

Hasilnya :

a. Tag …

Fungsi tag adalahuntukmemanipulasibaikjenis, ukuran, danwarnahuruf.

Contoh :

Hasilnya :

a. Tag <img>

Tag <img>digunakanuntukmenampilkangambarpadahalaman. Format file yang dapatdidukungoleh tag imgbermacam-macammulai BMP, JPG, GIF, TGA dan lain-lain. Tag imgmemilikibeberapaatributyaitu :

- Src : letak file gambar yang akanditampilkan

- Border :tebalbingkaigambar

- Height :menentukantinggi image/gambar

- Width :menentukatebal image/gambar

Nilaidariatributsrcjikaletak file gambarberadapadaderektori yang samadenganderektori file html anda. Makacukuptuliskanfilenyasaja, contohnyasrc=”nama_file.jpg”. danjikaletakfilenyaberadapada sub folder/direktorimakanilainyaadalahsrc=”sub_folder/nama_file.jpg”.

Untukcontoh kali inimasuklahkedirektori/folder HTML yang telahandabuatsebelumnya. Buatlahsatubuah folder dalamdirektori HTML tersebut. Dan berilahnama folder itugambar. Lalucopykansatugambarapasajakedalam folder gambartersebut.

Laluketiklahkodeberikut :