Pengertian, Fungsi, dan Struktur HTML (Hypertext Markup Language)

 


Pengertian HTML

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Kesimpulannya, HTML yaitu bahasa pemrograman dasar untuk membuat sebuah web, yang bertujuan untuk menampilakan sebuah informasi guna menghasilkan tampilan yang terintegerasi.

Fungsi HTML

>> Mengontrol tampilan dari halaman web dan isinya.

>> Mempublikasikan dokumen secara online sehingga bisa di akses dari seluruh dunia.

>> Membuat list atau penomoran dari sekumpulan hal.

>> Menampilkan informasi dalam bentuk tabel.

>> Membuat Sebuah link yang digunakan untuk menuju dokument lain.

>> Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.

>> Menambahkan object-object seperti image, audio, video dan juga java applet dalam dokumen HTML.

Struktur HTML

1.      Elemen

Elemen terdiri atas tiga bagian, yaitu tag pembukaisi, dan tag penutup. Contonya untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: <title> ini adalah tag pembuka judul dokumen HTML.

2.      Tag

Tag merupakan teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body. Tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <bodyini adalah tag pembuka isi dokumen HTML, dan </body>ini adalah tag penutup isi dokumen HTML. Yang merupakan tag-tag dasar dalam HTML adalah:

<html> </html>

Tag <html> dan </html> digunakan untuk menandai awal dan akhir dari suatu file HTML.

<title> </title>

Tulisan yang berada diantara tag <title> dan </title> akan ditampilkan oleh browser pada bagian title dan merupakan title dari jendela browser.

<head> </head>

Berisi keterangan informasi, seperti title dan jenis dokumen, ditulis diantara <head> </head>.

<body> </body>

Bagian tag <body> </bodymenandai awal dan akhir dari badan dokumen HTML. Tag ini memiliki sejumlah attribut yang dapat ditentukan.

 

Contoh :

<html>

<head>

<title>Contoh Document HTML</title>

</head>

<body>

Halo netizen! Selamat datang di blog Sarjana TIF.

</body>

</html>

 

3.      Atribut

Atribut terdapat di dalam script sebuah elemen dan memberikan informasi tambahan tentang elemen. Atribut selalu ditentukan dalam tag awal. Atribut ditulis dalam pasangan nama / nilai. Nilai dari atribut harus selalu tertutup dalam tanda kutip. Tanda kutip ganda adalah yang paling umum, tapi gaya tanda kutip tunggal juga diperbolehkan. Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip, maka perlu menggunakan tanda kutip tunggal. Misalnya: judul = 'Judulnya adalah “Pengertian HTML”'.

Di bawah ini adalah daftar dari beberapa atribut yang dapat digunakan pada setiap elemen HTML :

Atribut

Deskripsi

Class

Menentukan satu atau lebih classnames untuk sebuah elemen (mengacu pada kelas dalam style sheet).

Id

Menentukan id unik untuk sebuah elemen.

Style

Menentukan inline CSS style untuk elemen.

Title

Menentukan informasi tambahan mengenai 

elemen (ditampilkan sebagai tool tip).

Posting Komentar

0 Komentar