Kamis, 21 Februari 2013

HTML (HyperText Markup Language)

World Wide Web
    Internet merupakan penghubung jaringan di seluruh dunia.
    Agar antar jaringan yang beraneka ragam di seluruh dunia bisa berkomunikasi diperlukan protokol.
    WWW merupakan bagian Internet yang sangat berkembang
    Tiga Prinsip kerja WWW:
    HTTP adl protokol utk WWW
    URL adl standart alamat internet
    HTML utk membuat dokumen yg bisa diakses melalui web.
HTML
    HTML = HyperText MarkUp Language
    Adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform komputer ke platform komputer lain tanpa perlu melakukan perubahan apapun.
    Disebut markup language karena mengandung tanda –tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.
    Dengan HTML dapat menentukan baris mana yang yang merupakan judul, menentukan tampilan gambar dan format teks lain.
Fungsi HTML
    Mengontrol tampilan dan isi Web Page
    Mempublikasikan dokumen ke internet
    Membuat online form
    Menambah object image, audio dan video
Apa yg dibutuhkan ?
    Browser
    Software utk menerjemahkan tag HTML menjadi Web Page.
    Mis : Internet Explorer, Opera, Mozilla Firefox, Netscape Navigator dll.
    Editor
    Software utk membuat dokumen HTML
    Mis : Notepad, Ms. Front Page, DreamWeaver
Struktur Dokumen HTML
<HTML>
    <HEAD>
*** Bagian Head ***
Berisi informasi yang menjelaskan tentang dokumen HTML, spt judul dokumen, basis URL, hubungan antar dokumen, dan indeks suatu d0kumen
    </HEAD>
    <BODY>
*** Bagian Body ***
    </BODY>  
</HTML>
Tubuh atau isi dokumen HTML Sebagian besar dokumen HTML berada pada bagian ini
Elemen HTML
Suatu elemen HTML terdiri tag-tag dan atributnya.
    TAG
    Sewaktu browser menampilkan halaman web, browser akan membaca teks pada dokumen HTML dan mencari kode khusus yang disebut tag.
    Tag biasanya merupakan suatu pasangan tag awal
    < … > dan tag akhir </… >
    Format umum
<nama tag> teks yang ditampilkan </nama tag>
Contoh : <HTML>
            ……. Isi dokumen ….
           </HTML>
Elemen HTML
    Atribut
    Tag awal biasanya memiliki beberapa atribut yang menyatakan karakteristik tag tersebut.
   Misalnya : <P Align=“center”>
   Ket. :
    digunakan untuk membuat paragraf rata kiri.
    <P> = tag
    Align = atribut
center = nilai dari atribut yg dipakai
Contoh-1
    Buka Notepad (Start – Program – Accessories – Notepad)
 

Hasil file contoh-1 (Latih1.html)


Contoh-2
    Buka lembar kerja baru ( File – New ) dan ketikkan dokumen dibawah ini
 
Hasil
    Jalankan di browser (Internet Explorer)
 

Heading
    Heading adalah sekumpulan kata atau frasa yang menjadi judul atau subjudul dalam suatu dokumen HTML.
    HTML menyediakan 6 tingkat heading.
    Untuk menyatakan heading digunakan tag <Hx> dimana x adalah nomor level heading dari 1 – 6.
    Pemakaian heading diawali dengan tag <Hx> dan diakhiri dengan tag </Hx>
    Buka lembar kerja baru ( File – New ) dan ketikkan dokumen dibawah ini
 

Hasil di browser

0 komentar:

Posting Komentar

Tulkiyah © 2008 Template by:
SkinCorner