2011-09-10

FONDASI HTML

I'm Dying here
Bila anda membaca tulisan pelajaran HTML di Internet (bahasa Indonesia terutama).. Kalian akan membaca tentang keterangan saja tetapi tidak mendapatkan fondasinya.. tulisan saya akan memulai dari dasar dari HTML ato fondasi dari HTML..

Web yang kita ketahui ini, sebenarnya adalah HTML.. sebenarnya tanpa fondasi, kita dpat mengeluarkan tampilan. Tetapi ada minornya.. kalau web anda tidak memiliki fondasi maka google tidak akan/sulit mengenali web anda.

Fondasi apaan seh yang dimaksud.. nah inilah fondasi yang kumaksud
<html>
<head>
</head>
<body>
</body>
</htmL>
fondasi di atas ini sangat penting!! alasan pentingnya krn google (salah satu mesin pencari) membaca status / isi dari site anda untuk di munculkan di dunia maya. walau aslinya bentuknya ada yg lebih detail.. skip dahulu.

TAG HTML
apa seh yang disebut TAG, secara teori code yang menjadi bahasa dari html. tetapi kita lebih baik mengenalnya dengan:
  •  code yang diawali dengan "<" dan di akhiri dengan ">"
  •  code yang selalu di akhiri seperti
      <p> </p>
          . dengan beberapa pengecualian seperti <br /> yang memiliki 1 dan biasanya diberikan akhir />
  •  memiliki atribut seperti src=.....
  •  dan paling jarang disentuh secara langsung (ketik langsung) selain pake program semacam Dreamweaver yg langsung menghasilkan code/tag nya
bila dalam tulisan di http://werbach.com/barebones/barebone_id.html menyatakan tag html terdiri dari
  1.  Elemen Dasar (semua dokumen HTML harus memuatnya)
  2.  Ancangan Struktural (tampilan terkendali oleh pilihan browser)
  3.  Format tampilan (penulis menetapkan tampilan naskah)
  4.  Acuan (links) dan grafik
  5.  Pemisah (dividers)
  6.  Daftar (lists)
  7.  Latar belakang dan warna
  8.  Huruf spesial
  9.  Formulir (forms)
  10.  Table (tables)
  11.  Frame
  12.  Java
  13.  Lain-lain
saya lebih condong menyatakan tag terdiri dari kategori
  1.  penghasil tampilan. yang terdiri dari tag2 untuk format tulisan seperti <b> <i> <s> dst
  2. Form. yang terdiri dari <form> <input> <select> dst. Sangat berguna buat interaksi
  3. Pendukung tampilan. yang memberikan tampilan tambahan baik langsung maupun tak langsung. Misal <img> <table> dan lainnya. Tetapi masih bisa terlihat secara langsung..
  4. Tidak nampak. sama seperti di atas, tetapi ini tidak terlihat! terdiri dari <style> <script> <meta> <title> dst. biasanya ini berada di Header / didalam tag <head>


dan dengan mengetahui sedikit ttg html inilah kamu dah siap untuk lanjut ke step mempelajari PHP.. dimana step paling dasar adalah menulis

echo 'Pengen makan Nasgor';

1 komentar:

Suwanto mengatakan...

wah bar tahu gan...maksih infonya