1. Html Dan Xhtml
HTML (Hypertext Markup Language) merup akan sebuah bahasa markup, bukan bahasa pemrograman. Bahasa markup (Indonesia: mark ah) adalah bahasa yang mengombinasikan teks dan informasi tambahan mengenai teks tersebut. HTML merupakan dokumen standar yang digunakan untuk mendesain halaman web.
Pada awal tahun 2000, W3C (World Wide Web Consortium) membuat perubahan besar melalui XHTML (eXtensible Hypertext Markup Language). Ide dasarn ya, dalam up aya meningkatkan kompatibilitas dokumen HTML, W3C menambahkan struktur dan ekstensibilitas XML (eXtensible Markup )
2. Struktur Dokumen HTML
Setiap dokumen HTML harus diawali dengan tag dan diakhiri dengan komplemennya, yakni tag tag. Dokumen HTML juga menyertakan tiga pasang tag.
- Tag dan : digunakan untuk menyatakan informasi mengenai dokumen HTML
- Tag
- Tag dan : digunakan untuk melingkupi semua teks yang terdapat dihalaman HTML
Di samping elemen utama di atas, masih terdapat berbagai jenis elemen yang dapat digunakan di dalam dokumen HTML. Salah satu elemen yang p erlu diperhatikan adalah untuk penulisan komentar. Di HTML, komentar dinyatakan dengan tag .
3. Persiapan Kebutuhan
Berikut ini adalah kebutuhan-kebutuhan yan g minimal diperlukan:
a. Wamp server
Paket web server Apache, PHP, dan MySQL. Alasan pemilihan paket bundel seperti ini dikarenakan praktis sehingga tinggal memfokuskan pada pemrograman
b. Web Browser
Sangat disarankan men ggunakan browser utama Mozilla Firefox Adapun untuk pembanding, sebaiknya juga memanfaatkan browser lain
c. Editor Teks
Editor teks untuk menuliskan kode-kode HTML pembentuk halaman aplikasi web (tidak diperkenankan menggunakan IDE seperti Dreamweaver dan sebagainya).
d. HTML Validator
Untuk menghasilkan dokumen HTML yan g valid, diwajibkan memasang validator, misalnya berupa add-on pad a browser Firefox.
B. LANGKAH LANGKAH MEMBUAT HTML
Secara garis besar, struktur dokumen HTML terdiri dari dua bagian: header dan bodi. Di mana header mendefinisikan informasi mengenai dokumen, sedangkan bodi mendefinisikan tubuh atau isi dokumen.
Langkah-langkah pembuatan dokumen HTML diperlihatkan sebagai berikut:
1. Buka editor teks.
2. Ketikkan teks (kode-kode HTML)
3. Simpan dokumen HTML dengan nama latihan1.1.html dan letakkan di lokasi directori web missal C:\Wamp\www. Perhatikan www merupakan directori dan sebaikn ya buat subdirektori di dalamnya.
4. Untuk melihat hasil maka klik dua kali pada file yang anda buat.
C. PUBLIKASI HALAMAN WEB
Untuk menguji aplikasi web, kita mempublikasikannya ke web serv er, baik secara lokal maupun Internet. Lingkungan lokal tentu merupakan pilihan yang efisien, khususn ya ketika aplikasi masih dalam tahap pengembangan.
Langkah yang diperlukan untuk publikasi ini sangat sederhana.
1. Pastikan bahwa file dokumen sudah diletakkan di direktori web, misalnya untuk WampServer lokasi defaultnya adalah www. Untuk paket web server lainnya termasuk Apache (versi tunggal) adalah htdocs.
2. Pastikan bahwa web server sudah dijalankan.
3. Buka web browser, kemudian ketikkan alamat URL yang merujuk ke lokasi dokumen.
D. FORMAT TEKS
HTML men yediakan beragam elemen yang dapat dimanfaatkan untuk pemformatan teks
1. Heading
Untuk mengetahui bentuk semua jenis headin g, buat kode HTML seperti di bawah ini. Perhatikan, kode HTML ini sengaja diringkas guna memudahkan penulisan. Jadi, dalam implementasinya h arus mendeklar asikan semua elemen-elemen dasar.
2. Paragraf
Sebagaimana teks pada umumnya, dokumen HTML dapat terdiri dari kumpulan paragraf. Dalam konteks HTML, paragraf direpresentasikan melalui tag
. Tag
sebenarnya merupakan tag pasangan, meski dalam implementasinya kerap kali diabaikan.
3. Fontase
HTML menyediakan sejumlah elemen yang dapat dimanfaatkan untuk mengatur font, seperti huruf tebal, huruf miring, garis bawah, dan masih ban yak lagi. Sebagai tambahan, di sini juga akan dijelaskan mengenai cara mencetak tag. Seperti diketahui, tag
di dokumen secara otomatis akan diterjemahkan sebagai paragraf. Adapun untuk mencetak karakter
di layar, kita perlu menggunakan nama entitas. Sebagai contoh, kar akter < dinyatakan dengan nama entitas < dan karakter > dinyatakan dengan >.
4. Karakter Khusus
Di HTML kita juga bisa menampilkan karakter karakter khusus dengan memanfaatkan nama entitas.
E. PREFORMATTED TEXT
Adakalanya kita menginginkan agar teks yang tertulis di editor teks dapat ditampilkan apa adanya. Pada kasus seperti ini, kita bisa memanfaatkan keberadaan tag
. Tag ini akan menampilkan teks dengan font Courier dan tetap mempertahankan spasi serta baris baru. F. GARIS HORIZONTAL Di HTML, garis horizontal direpresentasikan melalui tag
. Meskipun kebanyakan browser me-render elemen ini den gan visualisasi yang sedikit berbeda, namun pada hakekatnya mencerminkan sebuah bentuk garis horizontal. G. MENGGUNAKAN LIST HTML mendukung list dalam bentuk terurut (ordered), tak terurut (unordered), dan definisi (definition). Untuk setiap bentuk list ini, terdapat list item—dinyatakan melalui tag