Rabu, 27 Agustus 2014

Pengenalan HTML

Apa itu HTML?
Hypertext Markup Language (HTML) adalah salah satu format yang banyak dipakai dalam pembuatan dokumen halaman web. sederhananya merupakan kode-kode tertentu yang disebut sintaks yang dituliskan kedalam suatu file yang meberikan aturan main pada browser bagaimana dan seperti apa halaman dokumen tersebut ditampilkan. file HTML bereksistensi *.html bisa juga *.htm


Bagaimana Membuat file HTML?
Untuk membuat file HTML bisa dengan editor teks biasa seperti Notepad dll. namun pada saat sekarang telah banyak editor HTML yang memiliki tampilan bersifat WYSIWYG (What You See Is What You Get) Arti : Apa Yang Anda Lihat Adalah Apa Yang Anda Dapatkan, seperti Macromedia Dreamweaver, Adobe GoLive, MS FrontPage, Web Maker, dll
yang bisa menampilakan file tersebut dalam bentuk sintaks HTML biasa maupun seperti apa yang akan ditampilkan browser.
Jika anda pemula sangat saya anjurkan untuk membuat secara manual menggunakan notepad dll dengan langsung mengetikkan kode demi kode HTML ke dalam file yang anda buat. Kenapa? jika menggunakan software tertentu anda tidak akan terbiasa dengan tag HTML.anda akan dimanjakan oleh tools yang digunakan dalam software tersebut untuk membuat tampilan halaman HTML, ini akan menyulitkan jika anda ingin mengedit kembali file tersebut secara manual.Hasil sintaks HTML bisa dilihat di Web Broser seperti Mozila Firefox, Internet Explorer, Goole Crome, dll.

Struktur Dasar Html
Kode HTML harus berada dalam sebuah tag kontainer. Yaitu diawali dengan "<nama_tag>" dan diakhiri dengan
"</namatag>". Struktur dasar HTML berisi elemen-elemen atau tag sebagai berikut:
<html>
<head>
<title>Judul Halaman/Caption</title>
</head>
<body>
Isi web/konten
</body>
</html>

Keterangan:
  • <html>..</html>
    Mendefinisikan bahwa teks yang berada antara kedua tag tersebut adalah file HTML.
  • <head> .. </head>
    Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META dll
  • <title> .. </title>
    Sebagai titel atau judul halaman. Kalimat yang ada dalam tag ini akan muncul pada title bar browser Anda.
  • <body> .. </body>
    Didalam tag inilah yang menjadi inti halaman web yaitu bagian yang akan ditampilkan sebagai isi halaman pada browser. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, leftmargin,topmargin dll

Sekarang kita langsung saja membuat file HTML, ikuti langkah-langkah berikut :
  • Buat sebuah folder tempat menyimpan file HTML yang akan kita buat.
  • Buka notepad atau editor teks lainnya
  • Ketik kode dasar html di atas, lihat contoh :
<html>
<head>
<title>HTML pertamaku</title>
</head>
<body>
Ayo belajar HTML
</body>
</html>

  • Simpan halaman tersebut kedalam folder yang kita buat sebelumnya dan beri nama misalnya index.htm 
Dalam pemograman web anda harus membuat sebuah file dengan nama index.html yang berfungsi sebagai file pertama yang akan dibuka
  •  Buka file yang telah disimpan tersebut dengan browser anda. caranya dengan index.html > klik kanan > Open With > pilih salah satu browser anda misalnya Internet Explore/Mozilla Firefox.

1 komentar:

  1. bapa tugas yang dimasukin ke blog yang Yulinar Dwiryanti 12IPA4 blognya baru yulinard12.blogspot.com terus yang mira ayu juga udah pak. makasih

    BalasHapus