Senin, 08 Desember 2014

Materi HTML


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

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 seperti: 
  1. Macropedia Dreamweaver
  2. Adobe Golive
  3. MS FontPage
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. Struktur Dasar Html,Kode HTML harus berada dalam sebuah tag kontainer. Yaitu diawali dengan namatag dan diakhiri dengan /namatag
Cara membuat file HTML,langkah-langkahnya berikut :
  • Buat sebuah folder tempat menyimpan file HTML yang akan kita buat.
  • Buka notepad atau editor teks lainnya untuk lebih memudahkan saya merekomendasikan untuk menggunakan editor yang memang dikhususkan untuk editor pemograman seperti PSPAD,notepad++ dll,untuk tutorial ini saya menggunakan PSPAD.
  • Jika menggunakan Notepad maka buat sebuah file teks baru,
  • Ketik kode
  • cara buka notepad klik start/all program/accessories/notepad
    bisa sudah terbuka notepad anda copy/paste kode di bawah ini :

    <html>
    <head>
    <title>Title Websise Saya</title>
    </head>
    <body>
    Hay Selamat Datang Di Website Pertama Saya
    </body>
    </html>

    Simpan file tersebut ke C:\My Documents dengan nama "websiteSaya.htm." Ketika menyimpan file tersebut dengan Notepad ganti "save as type"-nya dengan "all files". Kemudian buka browser, dari menu File klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.

    Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tagterdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " </…>". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.

    Elemen HTML kemudian ada yang memiliki atribut dan nilaitertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolor="0000ff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).

    Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " <html>" dan tag penutup " </html>" dan yang berada diantaranya merupakan isi atau konten dari elemen html tersebut. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama.