Anatomi halaman WEB dan Cara Membuat Struktur Dasar HTML

 

Anatomi halaman WEB


Anatomi halaman WEB
Anatomi atau susunan komponen halaman web terdiri dari beberapa bagian, yaitu : containing block, Logo, navigation, content, white space. Seperti di gambar salah satu contoh dari susunan suatu web.
Komponen yang ada suatu web mungkin bisa sangat banyak, tapi dikali ini saya hanya membahas yang umumnya. Komponen yang sangat banyak haruslah disusun dengan bagian tertentu agar terlihat rapi dan mudah digunakan. Berikut komponen – komponen web :
Ø  Header
Header merupakan bagian web yang paling diatas. Header umumnya berfungsi tempat nama web, logo web, deskripsi web, dan lain-lain.

Ø  Containing Block
Merupakan tempat atau bagian dari halaman web yang membungkus semua komponen halaman web. Containg Block umumnya menggunakan tag <body>, yang didalamnya diisi tag <div> atau tag <table>.
Ø  Logo
Merupakan indentitas dari web atau pemilik situs. Logo biasanya berupa gambar favicon.
Ø  Navigation
Navigation merupakan navigasi, label atau menu. Navigatin merupakan bagian penting dari situs yang memudahkan pengunjung untuk mengakses ke halaman lain di suatu situs.
Ø  Content
Content atau konten yang artinya isi adalah segala hal isi penting web, karna di content tempat informasi yang diberikan dari suatu situs.
Ø  Footer
Footer merupakan bagian paling bawah yang berisi informasi singkat dari web, seperti (copyright) dan macam-macam link.
Ø  White Space
White Space adalah bagian kosong yang membatasi antar bagian komponen web. White Space berfungsi sebagai ruang yang dapat diisi banner, iklan atau info-info penting.



Struktur Dasar HTML

Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut.

Agar lebih mudah memahaminya, silahkan buka text editor (Notepad), lalu ketikkan kode berikut ini:

Contoh struktur dasar HTML:

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
  <html>
  <head>
    <title>Title dari Websiteku</title>
  </head>
<body>
   <p>Selamat Pagi Dunia, Hello World!</p>
</body>
</html>

Save sebagai halaman.html dan jalankan file dengan cara double klik file tersebut, atau klik kanan –> Open With –> Firefox. Kita akan membahas tag-tag yang ditulis tersebut pada tutorial kali ini.

Mengenal Struktur Dasar HTML


sumber:
http://pemprogamanweb.blogspot.com/2015/08/anatomi-halaman-web.html
https://www.duniailkom.com/belajar-html-mengenal-struktur-dasar-html/

Komentar

Posting Komentar

Postingan Populer