Today's Headline

Besaran dan Turunan

Koordinat Cartesius

Google

AddToAny

Struktur HTML

Diposting oleh On 21:18

Dokument struktur HTML dibagi ke dalam tiga bagian, yaitu:

  • Elemen HTML
  • Elemen HEAD
  • Elemen BODY
Elemen HTML
Setiap dokumen struktur HTML harus diawali dan ditutup dengan tag HTML.
Struktur HTML
Sintak:
<HTML> .... </HTML>
Tag HTML akan memberitahu browser bahwa yang ada di dalam kedua tag tersebut adalah struktur dokumen HTML.
  • Tag adalah teks khusus (markup) berupa dua karakter “<” dan “>”. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambah karakter “/” setelah karakter “<”)
  • Elemen terdiri atas tiga bagian, yaitu tag pembuka, isi dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada browser digunakan Elemen TITLE.
  • Atribut, digunakan untuk mendefinisikan properti dari suatu elemen HTML yang terdiri atas nama dan nilai.
Baca Juga:

Sintak elemen:
<TITLE> .... </TITLE>
Contoh:
<TITLE> Welcome to HTML </TITLE>

Dimana:
<TITLE> ➜ tag pembuka judul dokumen HTML.
Welcome to HTML ➜ isi judul dokumen HTML.
<TITLE> ➜ tag penutup judul dokumen HTML.

Penulisan program yang baik adalah secara terstruktur. Tag-tag ditulis secara berpasangan pada suatu elemen struktur HTML, tidak boleh saling tumpang tindih dengan tag-tag lainnya.

Contoh penulisan tag yang benar:
<P>
       <B>
                ..............
       </B>
</P> 
Contoh penulisan tag yang salah:
<P>
      <B>
              ..............
      </P>
</B>
Atribut, digunakan untuk mendefinisikan properti dari suatu elemen HTML yang terdiri atas nama dan nilai.

Sintak:
<TAG>
Nama Attribute=”Nilai Attribut”
</TAG>
Secara umum atribut harus berada dalam tanda petik satu (‘) atau tanda petik dua (“). Sebagai contoh atribut TEXT untuk membuat warna teks menjadi biru dan atribute BGCOLOR untuk membuat latar belakang halaman web menjadi hitam.

Sintak:
<BODY BGCOLOR=”BLACK” TEXT=”BLUE”>

Elemen HEAD
Bagian header dari dokumen HTML di apit oleh tag HEAD.

Sintak:
<HEAD> .... </HEAD>
Di dalam bagian ini juga diletakkan tag TITLE yang menampilkan judul dari halaman pada browser.

Sintak:
<TITLE> .... </TITLE>
Header juga memuat tag META yang digunakan untuk menentukan informasi tertentu mengenai dokumen HTML, dapat digunakan untuk menentukan author name, keywords, dan lainnya pada tag META.

Baca Juga:

Ada banyak meta tag sesuai dengan standar HTML 4.0 dari World Wide Web Consortion, tapi sebenarnya yang betul-betul dipakai oleh search engine hanya 3, yaitu description, keyword, dan robots.
  • Meta Tag Description
  • Meta Tag Keyword
  • Meta Tag Robots

Meta Tag Description
Meta Tag Description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter. Usahakan agar description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan.

Sintak:
<META name=”description” content=”description ....”>
Contoh:
<META name=”description” content=”Belajar membuat design website “>
Beberapa search engine seperti Google tidak memakai meta tag sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat-kalimat awal yang ada pada halaman tersebut.

Meta Tag Keyword
Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine.

Sintak:
<META name=”keywords” content=”keyword1 keyword2 keyword3 ...”>
atau ada juga yang menulis dengan pemisah tanda koma:
<META name=”keywords” content=”keyword1, keyword2, keyword3, ...>
dan;
<META name=”Author” Contents=”name”>
Contoh:
<META name=”Author” Contents=”Sam”>
Meta Tag Robots
Meta tag robots digunakan untuk memberikan keterangan tentang halaman web mana yang bisa di index dan mana yang tidak di index oleh mesin pencari.

Sintak:
<META name=”robots” content=”index | noindex | follow | nofollow”>
Elemen BODY
Elemen ini digunakan untuk menampilkan isi dokumen HTML yang akan ditampilkan pada website.

Sintak:
<BODY> .... </BODY>

Bantu Berikan DONASI jika artikel ini dirasa bermanfaat Donasi akan digunakan untuk memperpanjang domain www.raimondwell.com
DonasiDonasi
Next
« Prev Post
Previous
Next Post »

Terima Kasih telah meninggalkan komentarnya