BITCOIN BLABK COINS
BITCOIN BLABK COINS

Rabu, 26 September 2012

Home » » PEMROGRAMAN WEB - HTML

PEMROGRAMAN WEB - HTML

By  September 26, 2012  No comments

HTML

HTML merupakan singkatan dari HyperText Markup Language yang merupakan sintaks atau kode yang digunakan untuk membuat halaman web (web page). Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang dapat ditampilkan pada aplikasi web browser.
Tag adalah teks khusus (markup) berupa dua karakter "<" dan ">", secara umum tag ditulis secara berpasangan, yang terdiri atas tag AWAL dan tag AKHIR (ditambahkan karakter "/" setelah karakter "<").

1. Sejarah HTML














  • HTML 2.0 - (RFC1866) disetujui sebagai standard pada 22 September 1995
  • HTML 3.2 - 14 Januari 1996
  • HTML 4.0 - 18 Desember 1997
  • ISO/IEC 15445:2000 “ISO HTML” berdasar pada HTML 4.01 Strict – 15 Mei 2000
  • XHTML 1.0 ? gabungan HTML & XML - 24 Januari 2000
  • XHTML 1.1 - 16 February 2007.

    • HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox, Microsoft Internet Explorer dan lain-lain.

    2. Editor HTML

    Untuk membuat dokumen HTML, anda perlu mengetahui dan mempelajari tag-tag yang digunakan untuk menandai bagian-bagian dari suatu dokumen HTML. Anda dapat menggunakan program editor teks biasa seperti Notepad untuk aplikasi Windows atau Sidekick dan WordStar dalam format Non Document untuk aplikasi DOS.
    Semua dokumen HTML harus disimpan sebagai file teks murni. Ada dua macam ekstensi file yang dapat digunakan, yaitu ekstensi file “.html” ( untuk sistem operasi UNIX atau WINDOWS 95) atau “.htm” ( untuk sistem operasi DOS/WINDOWS 3.x)

    3. Struktur HTML

    Secara umum struktur penulisan dokumen HTML, diawali dengan <html> diakhiri dengan </html> sebagai berikut:
     

    4. Elemen-Elemen HTML

    1. HEAD

    Head berfungsi untuk mengidentifikasi header web yang berisikan informasi tentang web. Bentuk umum tag head sebagai berikut:
     
    Tag HEAD memilki beberapa atribut, antara lain: title, meta, style, link, script.













  • Tag TITLE, digunakan untuk memberikan judul dari suatu homepage, contoh penggunaan tag title:

    •  













  • Tag META, digunakan untuk menunjukan informasi metadata mengenai halaman web yang sedang diakses, contoh penggunaan tag meta:

    •  













  • Tag STYLE, digunakan untuk menentukan berbagai bentuk, ukuran, warna, dari tag yang digunakan agar tidak terjadi pemborosan penggunaan tag. Berikut contoh tag STYLE:

    •  













  • Tag LINK, digunakan untuk menautkan suatu halaman dengan halaman atau dokumen lainnya. Contoh penggunaan tag LINK:

    •  













  • Tag BASE, menyatakan URL asal dari suatu dokumen, Contoh:

    •  

    2. BODY

    Tag Body, merupakan tempat untuk menuliskan isi dari sebuah halaman web seperti teks, gambar, tabel dan lainnya yang akan ditampilkan pada halaman web. Tag Body memiliki beberapa atribut diantaranya:













  • Tag <background=” “ />, digunakan untuk memuat latar belakang dengan gambar/foto, Contoh:















  • Tag <bgcolor=” “ />, digunakan untuk menentukan warna latar belakang homepage, Contoh:















  • Tag <bgproperties=” “ />, digunakan untuk menentukan nilai property background tetap, Contoh:















  • Tag <leftmargin=” “ />, digunakan untuk menentukan batas kiri halaman dalam satuan pixel, Contoh:















  • Tag <topmargin=” “ />, digunakan untuk menentukan batas atas halaman dalam satuan pixel, Contoh:















  • Tag <text=” “ />, digunakan untuk menentukan warna teks, Contoh:


    • Pada bagian body terdapat beberapa tag untuk mengatur format Judul, teks, penomoran, paragraf, font diantaranya:













  • Heading dengan format tag <h3> …. </h3>, digunakan untuk menentukan ukuran judul naskah (paling kecil <h6> dan paling besar <h1>), Contoh:















  • Garis Horizontal dengan format tag: <HR />, berfungsi untuk menampilkan garis horizontal, Contoh:















  • Breakline (Baris Baru) dengan format tag <BR> berfungsi untuk menentukan baris baru atau baris berikutnya, Contoh:















  • Format Teks: merupakan suatu jenis format yang diberikan pada teks tanpa tergantung jenis dari elemen dasar teks tersebut antara lain:

    • - <B>…</B> : Untuk menebalkan teks
    - <I>…</I> : Untuk membuat teks tampil miring
    - <U>…</U> : Untuk membuat teks tampil bergaris-bawah
    - <BIG>…</BIG> : Untuk memperbesar teks
    - <SMALL>…</SMALL> : Untuk memperkecil teks
    - <STRONG>…</STRONG> : Untuk membuat efek Strong
    - <S>…</S> : Untuk membuat efek coretan pada teks
    - <TT>…</TT> : Untuk menampilkan teks dalam font typewriter
    - <SUB>…</SUB> : Untuk membuat teks subscript
    - <SUP>…</SUP> : Untuk membuat teks superscript













  • ATRIBUT FONT SIZE Untuk menentukan ukuran font, elemen FONT menyediakan atribut dengan nilai 1 sampai 7. Nilai 1 digunakan untuk membuat teks ukuran terkecil, standar teks pada halaman web adalah nilai 3. Ukuran font teks dapat ditentukan secara relatif berdasarkan ukuran default, yaitu dengan mendahului ukuran font dengan tanda + atau -. Contoh : font ukuran 4 bisa ditulis Size=+1., Contoh:















  • ATRIBUT FONT COLOR digunakan untuk memberi warna pada font. Atribut Color menerima nilai RGB suatu warna atau nama warna, Contoh:















  • ATRIBUT FONT FACE: menentukan jenis huruf (font) dengan format Tag: <FONT FACE=”ARIAL”>…</FONT>, Contoh:















  • Penomoran dengan format tag <ol><li> … </li></ol>, digunakan untuk penulisan penomoran, Contoh:















  • Daftar dengan tag <ul><li> … </li></ul> digunakan untuk penulisan daftar tanpa nomor, Contoh:















  • PARAGRAF dengan format tag <P>…</P> berfungsi untuk pengaturan perataan teks paragraf dalam dokumen HTML. Atribut yang digunakan dalam paragraf ALIGN mempunyai tiga nilai, yaitu :

    • • LEFT, untuk meratakan teks ke margin kiri, Contoh:

    • RIGHT, untuk meratakan teks ke margin kanan

    • CENTER, untuk meratakan teks ke tengah margin














  • Tag <DIV>…..</DIV> digunakan untuk membuat tabel sederhana, Contoh:


    • 3. Menu

    Menu adalah suatu daftar item yang pendek yang tidak disertai dengan nomor ataupun penanda item. Menu List menggunakan tag awal <MENU> … </MENU>, didalamnya menggunakan tag <LI>. Browser secara otomatis akan mengidentifikasi setiap item yang ada dalam menu list. Menu List biasanya digunakan untuk menampilkan item-item yang mempunyai link ke page lain. Untuk membuat link ini digunakan tag <A> yang akan membuat link ke halaman lain. Penggunaan tag <A> adalah <A HREF “page.html”> link ke halaman page.html </A>.

    4. Image

    Untuk menyisipkan gambar dalam dokumen HTML dengan tag IMG dan diikuti atribut SRC.

    5. Tabel

    Untuk membuat table digunakan beberapa tag:
    Tag <TABLE>, berfungsi untuk mendefenisikan tabel
    Tag <TR>, berfungsi untuk mendefenisikan baris table
    Tag <TD>, berfungi untuk mendefenisikan kolom table
    Tag <TH>, berfungsi untuk mendefenisikan judul pada kolom atau baris table

    6. Form

    Form biasanya digunakan untuk membuat buku tamu, daftar isian dan sebagainya, terdapat beberapa tag yang digunakan antara lain:
    Tag <FORM>, berfungsi untuk mendefenisikan pembuatan form yang diikuti oleh atribut yaitu:
    o METHOD untuk pengolahan form
    o ACTION untuk menentukan direktori file.
    Tag <TEXTAREA>, digunakan untuk membuat kotak isian teks yang diikuti oleh atribut:
    o NAME untuk nama objek teks area,
    o ROWS untuk menentukan jumlah baris teks area,
    o COLS untuk pilihan lebih dari satu.
    Tag <INPUT>, digunakan untuk meminta masukan dari pengunjung web dengan diikuti oleh atribut:
    o NAME untuk objek masukan (input)
    o SIZE untuk menentukan ukuran kotak Input
    o MAXLENGTH untuk menentukan jumlah teks maksimal
    o VALUE untuk menentukan nilai tetap dari objek Input
    o CHECKED untuk menentukan pilihan atau RADIO BUTTON
    o TYPE untuk menentukan tipe dari input.


     

    0 komentar:

    Posting Komentar

    Dengan segala kerendahan hati menerima saran dan kritik yang bersifat membangun, silahkan berikan saran dan kritik Anda pada kolom komentar

    Artikel Lainnya

    Analisis Data

     Materi Pelajaran Informatika SMA/MA/SMK Kelas X 1.       Pengertian Analisis data adalah proses inspeksi, pembersihan dan pemodelan data ...

    BITCOIN BLABK COINS