Belajar XHTML - Bimo Septyo Prabowo lahir di Jakarta besar di Jakarta

Sunday, February 25, 2007

Belajar XHTML

setidaknya anda tahu tentang html

Bab1

selamat datang didunia wb dan html. dengan sedikit pengetahuan ,beberapa latihan dan beberapa buah pikiran anda dapat membuat sbuah web.

Habitat alami dunia web
=========================

halaman web dapat berisikan brbagai jenis seperti text, grapis, form, audio dan video serta game interaktif. Browsing web sebentar kemudian anda lihat kumpulan informasi isi yang di tampilkan dalam berbagai cara. Setiap website berbeda, tetapi kebanyakan dari mreka mempunyai satu hal yang umum : Hypertext Markup language(HTML).
Apapun informasi yang terdapat di dalam web, setiap web dibuat dalam HTML.HTML menjaga halaman web menjadi satu , grapis ,isi dan informasi yang disusunnya.
File html menghasilkan halaman web yang hanya sebuah document text.Text adalah bahasa persatuan komputer.banyak text yang anda buat dalam komputer windows, termasuk file HTML .
Tetapi halaman web jarang berbentuk dokument text.Mereka dibuat dengan spesial ,penuh perhatian.HTML adalah kumpulan dari instruksi yang anda ketik untuk mengkondisikan bagaimana halaman web anda semestinya.

Hypertext
=============
Instruksi khusus dalam HTML memperbolehkan text untuk menunjuk(point) ke sesuatu.bebrapa pointer disebut hyperlinks.Hyperlinks adalah perekat yang menjaga dunia web menjadi satu. Dalam web browser anda, hyperlinks biasanya muncul warna biru dan digaris bawah.ketika anda klik, itu mengarah ketujuan yang dimaksud.

Hypertext atau bukan ,sebuah halaman web adalah file text. Anda dapatmembuat dan mengedit sebuah halaman web dalam berbagai applikasi yang dibuat untuk text.Ketika anda memulai dengan HTML, sebuah text editor adalah alat yang bagus untuk digunakan.
Kebanyakan dari web yang mempunyai nilai berasal dari kemampuan untuk menunjuk halaman atau sumber lain (seperti image, file download, presentasi yang berupa media) dalam halaman web yang sama atau web lain.Contohnya,FirstGov (www.firstgov.gov) adalah website gateway yang berfungsi menjual akses untuk halaman web lainnya.

Markup
============
Web browser dibuat khususnya untuk maksud membaca instruksi HTML (yang disebut dengan markup) dan menampilkan hasilnya.
Markup terdapat pada file text (termasuk isinya) untuk memberi perintah kepada browser.

sebagai contoh buatlah instruksi HTML dalam notepad seperti ini:

"http://www.w3c.org/1999/xhtml">


Wine Varietals


the dog


Although wines tend to be generically categorized as
either “white” or “red,” in reality, there is a
collection of wine varietals each with its own
distinguishing characteristics. The red category
includes a robust collection of over 20 varietals,
including:



  • Barbera

  • Brunello

  • Cabaret Franc

  • Cabarnet Souvignon

  • Carigan

  • carinegere

  • Gamay






kemudian simpan dalam bentuk:
file name : coba.html
save as type: all files


Halaman ini memasukkan image, sebuah text paragraf tentang anggur dan daftar anggur:
Bagaimanapun , komponen yang berbeda di gunakan dalam format yang berbeda :

Judul di bagian atas laebih besar dari text didalam paragraf.
setiap item ditandai dengan sesuatu.

Banyak text ditutup dangan (<>) adalah tag HTML (sering kali di sebut markup).contohnya: P dalam kurung tutup (tag

..

) mengidentifikasi text sebagai text, tag li (
  • ...
  • ) mengidentifikasi setiap item sebagai daftar.
    Tag dan isi diantara tag dan dalam tag disebut elemen

    Browser
    ===============
    sebagai tampilan halaman web berdasarkan instruksi html yang disikan.

    Dunia web terdiri dari berbagai jenis browser dalam ber bagai bentuk dan ukuran, yang paling terkenal adalah Microsoft Intenet Explorer dan Netscape Navigator. Browser yang lain seperti Mozilla firefox dan opera juga digunakan secara luas.Sebagai pengembang HTML, Anda harus berfikir diluar dari browser yang anda gunakan.Setiap user mempunyai browser kesukaannya sendiri.
    Setiap browser mempunyai HTML yang sedikit berbeda .Setiap browser dapat menerima JavaScript,multimedia, style sheet dan tambahan HTML lainnya.
    Ketika bekerja dengan HTML, anda memerlukan test halaman anda dalam berbagai jenis browser.setidaknya, install tiga browser yang berbeda dalam komputer anda.
    Yahoo mempunyai daftar complet list di alamat
    http://dir.yahoo.com/Computers_and_Internet/Software/Internet/World_Wide_Web/Browsers

    Anda harus menulis instruksi HTML dengan pikiran bahwa orang akan melihat web menggunakan web browser, biasanya web browser meminta dan menampilkan halaman web tersedia dalam internet melaui webserver. Ketika anda mengembangkan halaman HTML anda ,dapat ditampilkan sementara dalam komputer lokal yang disebut dengan localhost.

    Web Server
    ==============
    HTML anda tidak bagus jika anda tidak membaginya dangan dunia.Web Server membuat mungkin. Web Server adalah
    terhubung ke internet
    jalankan software webserver
    Respon permintaan dari web browser untuk halaman web

    Hampir semua komputer dapat manjadi web server, termasuk komputer anda.

    Bagian komponen (x)HTML
    ===========================
    Bagian berikut mengungkapkan misteri dari X.Bagian berikut menunjukkan

    HTML dan XHTML apa bedanya ?
    =============================
    =============================
    HTML adalah HyperText Markup Language ,sebuah pengertian yang dikembangkan akhir tahun 1980-an dan awal tahun 1990-an untuk mengambarkan halaman web. HTML sekarang terdiri dari beberapa deskripsi standar (spesifikasi) dari World Widw World Consortium(W3C). Spesifikasi HTML terakhir di selesaikan tahun 1999. Dokumen resmi yang menjelaskan HTML dan XHTML terdapat di website W3C di http://www.w3c.org.Bahasa Markup biasanya terdiri dari beberapa versi untuk mengidentifikasi mereka. Versi yang masih berlaku adalah 4.01 ,terdaftar sejak Desember 1997, dapat dilihat di http://www.w3c.org/TR/html14.

    XHTML mempunyai dua draft utama, 1.0 dan 1.1 .Versi 1.1 lebih tinggi tingkatannya dari 1.0, tetapi kebanyakan developer web content dan tool software menikuti spesifikasi 1.0.Spesifikasi XHTML 2.0 dalam draft yang sedang dikerjakan(Pengarangnya belum menyelesaikan isi dan strukturnya).Ketika spesifikasi W3C selesai, dikenal dengan rekomendasi W3C.
    Anda dapat menemukan 3 spesifikasi dari versi XHTML:
    1) XHTML 2.0 Working Draft (7/4/2004)
    --------------------------------------
    www.w3.org/TR/2004/WD-xhtml2-20040722/

    2) XHTML 1.1 Module-based XHTML Recommendation (5/31/2001)
    --------------------------------------
    www.w3.org/TR/xhtml11/

    3) XHTML 1.0 Recommendation (1/26/2000)
    --------------------------------------
    www.w3.org/TR/xhtml1/

    Ketika anda menulis X didepan HTML menjadi XHTML anda mendapatkan yang baru, improfisasi dari versi HTML berdasarkan eXtensible Markup Language(XML).XML didesain untuk bekerja dengan baik untuk komputer, software, dan internet.

    Formula asli HTML mempunyai ketidakumuman yang dapat menyebabkan kesalahan ketika membaca dokumen HTML. XHTML akan menggantikan HTML suatu hari tetapi HTML masih banyak dipakai.

    Tipe tipe dari (X)HTML
    =========================
    =========================
    Spesifikasi HTML dan XHTML menggunakan Document Type Definition ditulis dalam Standar Generalized Markup Language (SGML)-nenek moyangnya semua bahasa Markup- untuk mengemukakan detail.Dalam versi awal, HTML menggunakan elemen untuk format yang berlebihan, developer menyadari bahwa :

    >>Format di perlukan bahasa tersendiri (sekarang disebut Cascading Style Sheet atau CSS)

    >>elemen HTML seharusnya menggambarkan hanya struktur halaman.

    Maka menghasilkan tiga cita rasa HTML yang juga diterapkan dalam XHTML yaitu DTD XHTML :

    :XHTML Transitional :menggunakan elemen HTML untuk menggambarkan tampilan muka dan warna halaman. XHTML Transitional digunakan untuk menggambungkan XHTML strict dan CSS.
    :XHTML Strict: tidak termasuk elemen yang menggambarkan format. versi ini didesain untuk membentuk membuat format berdasarkan CSS dan format halaman.
    :XHTML Frameset : Memasukkan Frame ,adalah bahasa dari markup yang memperbolehkan untuk menampilkan lebih dari satu halaman web atu sumber dalam jendela web browser yang sama.Saat ini sudah jarang digunakan.

    Sintaks dan Aturan
    ==================
    ==================
    HTML adalah bahasa yang sejujurnya untuk menggambarkan isi halaman web. HTML dan XHTML mempunyai tiga tipe komponen yaitu:
    -> ELEMEN : Mengidentifikasi bagian HTML yang berbeda dengan menggunakan tags.
    Elemen adalah pembentuk blok dari (x)HTML.Ketika anda akan menggambarkan setiap bagian text di halaman anda.Elemen di buat dari tags beserta isi ,ada dua tipe dari elemen yaitu

    >Elemen yang menggambarkan isi menggunakan Tag pair dan apapun isi diantara pembuka dan penutup tag pair.Tag Pair adalah elemen yang menggambarkan isi dari tag pair untuk menandai permulaan dan akhir dari elemen.memulai dan mengakhiri tag seperti ini .....
    Isi seperti paragraph , table,head dan list selalu menggunakan Tag Pair contoh:

    Although wines tend to be generically categorized as
    either “white” or “red,” in reality, there is a
    collection of wine varietals each with its own
    distinguishing characteristics. The red category
    includes a robust collection of over 20 varietals,
    including:




    > Elemen yang dimasukkan ke halaman menggunakan satu tag
    Single tags adalah elemen yang digunakan tanpa tag penutup seperti :

    Image dan tag pindah baris menggunakan hanya satu tag
    satu kunci pembeda antara XHTML dan HTML adalah dalam XHTML semua elemen kosong harus diakhiri dengan slash (/) ,karena XHTML berdasarkan XML dan aturan XML menngharuskan demikian.

    Bagaimanapun untuk membuat Markup terbaca oleh browser sebelumnya ,anda harus mengunakan spasi diantara tag dan slash(/) seperti ini :

    spasi ini memperbolehkan browser terdahulul mengabaikan slash(/) penutup (ketika tidak mengetahui XHTML) brwoser terbaru dapat menggunakan tanpa spasi.


    the dog

    elemen mereferensikan image.Ketika broeser menampilkan halaman, itu menggantikan elemen dengan file yang di tunjuk .Mengikuti aturan XHTML diawal ,apa yang muncul diHTML seperti muncul didalam XHTML sebagai .Anda tidak dapat merubah elemen XHTML dan HTML. Elemen legal di (X)HTML adlah yang sesuai di spesifikasi HTML 4.0 dan XHTML 1.0.

    Perulangan
    Banyak struktur halaman menggabungkan elemen perulangan ,sebagai contoh bullet list terdiri dari dua elemen:
    . elemen <\ul> merupakan list yang tidak teratur
    . elemen <\li> merupakan penanda setiap item di list
    ketika menggabungkan menggunakan metode ini ,pastikan untuk menutup elemen dalam secara benar sebelum menutup elemen luar:

    <\ul>
    <\li>Barbera<\/li>
    <\li>Brunello<\/li>
    <\/ul>



    -> Atribut: Informasi tentang turunan dari elemen seperti width ,weight dsb.Atribut memperbolehkan varietas dalam bagaimana elemen menggambarkan isi.Atribut membiarkan anda menggunakan elemen yang berbeda sesuai kondisi yang di inginkan.contohnya ,elemen <\img /> menggunakan atribute src untuk menjelaskan lokasi image yang akan anda gunakan.
    the dog

    dalam HTML, elemen sebagai perintah untuk menampilkan image ke dalam web browser , atribute <\src> menggambarkan secara jelas lokasi.atribut lain seperti width ,height ,align ,hspace menampilkan informasi bagaimana menampilkan image

    ->Entiti : Karakter Teks Non-ASCII, seperti simbol hak paten huruf tertentu.
    Text membuat segalanya terjadi tetapi mempunyai batanya. Entiti adalah spesial karakter yang dapat anda gunakan dalam halaman web.

    karakter Non-ASCII
    ------------------
    Teks berdasarkan America Standard Code for Information Interchange mengemukakan beberapa karakter khusus. Contohnya daftar diatas karakter e dapat diganti dengan (é) dan karakter u dapat diganti dengan (ü).Teks ASCII tidak termasuk karakter (é) atau (ü) jadi HTML menggunakan entiti untuk meggantikan mereka sebagai gantinya. setiap entiti dimulai dengan ampersand (&) dan diakhiri dengan (;). berikut contohnya



    Wine Varietals


    White Varietals



    • Chardonnay

    • Chenin Blanc

    • Fumé Blanc

    • Gewürztraminer

    • Grüner Veltliner

    • Marsanne

    • Muscat

    • Pinot Blanc

    • Pinot Gris

    • Reisling

    • Sauvignon Blanc

    • Sémillon

    • Trebbiano

    • Viognie





    kode karakter (x)HTML
    ---------------------

    pengkodingan untuk karakter ISO-Latin-1 terdapat pada :


    Online Pointers untuk (X)HTML Character Codes
    -----------------------------------------------------------------
    |Name | URL |
    -----------------------------------------------------------------
    |Unicode Code Charts | www.unicode.org/charts/ |
    |ISO-Latin-1 character set| www.htmlhelp.com/reference/charset/|
    |Greek characters |www.unicode.org/charts/PDF/U0370.pdf |
    |Currency symbols |www.unicode.org/charts/PDF/U20A0.pdf |
    |Miscellaneous symbols |www.unicode.org/charts/PDF/U2600.pdf |
    |Arrow characters |www.unicode.org/charts/PDF/U27F0.pdf |
    | |www.unicode.org/charts/PDF/U2900.pdf |
    |Mathematical Characters |www.unicode.org/charts/ |
    |General punctuation |www.unicode.org/charts/PDF/U2000.pdf |
    -----------------------------------------------------------------

    4 comments:

    diditjogja said...

    tengkyu bangetd Om link nya...
    *catet..catet...!*

    Dani Iswara said...

    wah abis terbahas tak tersisa..makasi Om..

    » gemana kl bole anonim tp kode verifikasi diaktifin Om.. :D

    http://daniiswara.wordpress.com/

    Anonymous said...

    Waoooow. Bukan Main Pembahasaannya. Dari Akar sampai Daun dan serta Uneknya2 dibahas. Arigato. Thanks

    Anonymous said...

    Great post, I've been looking for that =D