Rabu, 24 September 2014

vaniardiansyah.blogspot.com : Struktur Dasar HTML

Diposting oleh Unknown di 05.17 Label: HTML

Sebelum kita membahas tentang struktur HTML terlebih dahulu kita harus mengetahui bagaimana cara pembuatan HTML. HTML dibuat menggunakan HTML editor. HTML editor merupakan tool atau alat yang digunakan untuk menulis, mengedit, dan menyimpan scrip HTML. Ada banyak sekali HTML editor yang dapat digunakan, diantaranya :

Adobe Dreamweaver
Microsoft Expression Web
Notepad ++
CoffeeCup HTML Editor dll.

Pada dasarnya struktur HTML terdiri dari tag,elemen, dan atribut.

a. Elemen

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

b. 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 <body> ini 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> </body> menandai 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>

Hallo Pembaca Makalah Pemrograman Dasar WEBsite dengan HTML.

</body>

</html>

c. 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: name = 'John "shotgun" Nelson'.

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).

Pada pembuatan WEB Standartpada dasarnya terdiri dari 3 tag utama, yaitu:

Tag HTML

Tag HTML merupakan tag pembuka dari keseluruhan halaman web. Semua kode HTML akan berada di dalam tag ini. Tag HTML di awali dengan kode <html> dan harus di tutup dengan kode </html>.

Tag Head

Elemen pada tag <head> umumnya akan berisi berbagai definisi halaman dan berbagai macam kode, misalnya kode CSS, JavaScript, Favicon.ico atau ikon situs, RSS dan kode-kode lainnya yang tidak tampil di browser.

Contoh

tag yang terdapat dalam tag <head> adalah tag <title> yang digunakan untuk menampilkan judul dari sebuah halaman web

Tag Body

Tag </body> akan berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, link, tabel, gambar, dan sebagainya. Tag body ini ditutup dengan </body>.

Agar anda lebih memahami keterangan di atas coba ketik scrip di bawah ini :