Struktur Dasar HTML

HTML singkatan dari Hypertext Markup Language, adalah sebuah bahasa pemrograman mengandung hypertyext yang mendefinisikan, mendeskripsikan sebuah struktur antarmuka web page untuk membentuk sebuah kombinasi halaman web, yang terdiri atas desain, database dan prosesnya.

HTML Editor, sebuah editor (sarana) untuk membuat sebuah file HTML, misalnya Macromedia Dreamweaver.

Struktur dasar HTML digambarkan sebagai berikut :

main page : halaman keseluruhan dari sebuah file HTML

main head : menggambarkan header atau title yang menyangkut identitas sebuah halaman

main body : menggambarkan tubuh dari halaman HTML itu sendiri, didalmnya dapat dimasukkan unsur tabel, paragraf dan lainnya

Hypertext adalah suatu paradigma ( cara atau pola ) antarmuka untuk menampilkan dokemen, yaitu dapat bercabang ke dokumen lain, menurut definisi awal hypertext berarti “ branch or perform on request” yang artinya bercabang atau melaksanakan saat diminta. Yang paling banyak digunakan dalam dunia computer adalah penelusuran antar dokumen yang disebut hyperlink. Dengan memilih hypertlink menyebabkan computer memuat dokumen yang ditunjuk. Untuk mewujudkan hal ini digunakan tag yang bernama Anchor ( jangkar ).

Dokumen-dokumen yang ditulis pada halaman web akan menggunakan tag, tag-tag inin mempunyai atrribut, seperti contohnya “backround”, :bgcolor”, “FONT”, “IMAGE”, dll. Cara penulisan tag-tag ini juga harus diperhatikan bentuk-bentuk tanda bacanya, seperti tanda < , > , / , “, dll. Terdapat banyak sekali yag-tag untuk memformat bentuk tampilan halaman web.

Microsoft FrontPage Editor

Microsoft FrontPage Editor adalah sebuah program untuk membuat, mendesain, dan
mengedit halaman World Wide Web. Seperti menambahkan text, images, table, form, dan
elemen lain di halaman web. FrontPage editor menampilkan itu semua seperti apa yang akan
Anda ingin tampilkan di Web browser (Interner Explorer dan Netscape)

Anda tidak perlu belajar HTML [Hyphertext Markup Language] untuk menggunakan
FrontPage Editor, karena secara otomatis akan membuat file yang Anda ketikan menjadi
sebuah HTML code. FrontPage Editor mengenerates semua tag HTML termasuk extensions
seperti cascading style sheets, frames, dan ActiveX Controls.

APA YANG DAPAT ANDA LAKUKAN DI FRONTPAGE EDITOR ?

1. Membuat halaman

• Membuat halaman dengan templates [blangko] yang dibuat sendiri
  

• Membuat halaman dengan templates atau wizards yang sudah ada [default]
  

2. Desain dan Layout halaman

• Menggunakan Themes
  

• Membuat desain sendiri dengan template yang dibuat
  

3. Convert File ke HTML

• MS WORD 2.0 dan 6.0
  

• MS WORD 95 dan 97
  

• Microsot Excel 4.0 dan 5.0
  

• Microsoft 95 dan 97
  

• Word Perfect 6.x
  

4. Membuka File HTML
5. Mengetik dan Edit Text, dan gambar
6. Membuat Hypherlinks dan Bookmarks
7. Membuat Tabel

WYSIWG

Program HTML editor WYSIWG (What You See Is What You Get) adalah program HTML editor
yang menyediakan interface seperti program pada Microsoft Word. Namun output yang dihasilkan berupa file HTML. Contoh program HTML editor yang bersifat WYSIWYG adalah
Microsoft FrontPage, Macromedia Dreamweaver dan Adobe GoLive.

Kita asumsikan anda sebagai orang awam yang belum mengenal sama sekali HTML. Jika anda
menggunakan program semacam ini dan hanya drag n drop saja tanpa mengerti kodenya maka
sama saja anda tidak menguasai teknik pemrograman web secara nyata.

Ini akan mempersulit anda jika nanti anda mempelajari bahasa web progromming seperti Java
atau PHP. Oleh karena itu, dalam materi yang kita bahas dalam ebook ini menggunakan “PHP
Designer 2006” yang sifatnya hanya syntax highlighting. Namun setelah membaca e-book ini
dan menguasai HTML anda tentu sudah mengerti dan tidak bingung ketika menggunakan
program WYSIWYG.

Seperti yang telah dijelaskan sebelumnya bahwa HTML(Hyper Text Markup Language) adalah
simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk
menampilkan halaman pada web browser. Tag-tag HTML selalu diawali dengan dan diakhiri
dengan dimana x tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang
tidak diakhiri dengan tanda seperti tag
, dan lainnya.

Sebuah halaman website akan diapit oleh tag ……. File-file HTML selalu
berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda mengetik sebuah naskah dan
menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.