HTML atau Hyper Text Markup Language. Adalah bahasa yang digunakan untuk mendisain dan
memformat halaman web. Kita mungkin sudah mendengar tentang bahasa program seperti C,
C++, Java, dan Visual basic. Masing-Masing bahasa ini terdiri dari perintah sintak
dan programming . Sintak ini adalah yang programmer gunakan untuk memanggil kode.
Sangatlah penting mengetahui bagaimana cara menulis kode menggunakan bahassa yang
relevan.
Lebih dari itu, kita harus konvensional dengan aturan menyangkut bahasa tertentu.
Didalam HTML, sintak ini disebut tag.Tag ditulis dengan tanda-kurung bersudut< dan
>.Ada kelompok tag yang sudah dikenal didalam HTML, yang mana digunakan untuk berbagai tujuan.
Sebagai contoh, dalam rangka memodifikasi satu baris teks ke dalam Bold, kita menerapkan
tag bold dengan suatu tag , kemudian tulis beberapa teks atau suatu paragrap yang
berisi beberapa teks,dan tutup tag menggunakan tag seperti dalam contoh listing 1.
Semua tag didalam HTML harus ditutup menggunakan sintak .Tetapi ada beberapa perkecualian pada aturan ini, yang mana kita akan mendiskusikanya nanti.Kita memakai tag ini
sebab HTML bukanlah bahasa yang sensitip seperti C++ dan Java.
Struktur
Setiap kode HTML perlu ditulis dalam suatu struktur yang mana dapat dihubungkan dengan
Word Wide Web.Tidaklah wajib untuk mengikuti struktur ini. Bagaimanapun juga,lebih
baik
mempraktekan langsung struktur ini sbg perancangan halaman web kita.
Listing 1 menunjukkan struktur suatu halaman HTML sederhana:
Listing 1
Yang ditampilkan di browser, cuma tulisan ini.
Kode diatas menggunakan Notepad dan menyimpan file sebagai satu.html. Kemudian, klik kanan file yang disimpan tadi. bagaimanakah keluarannya?
Listing 2
Untuk menampilkan tulisan cetak tebal
Untuk menampilkan tulisan cetak miring (italic)
Untuk menampilkan tulisan bergaris bawah (underline)
digunakan untuk menampilkan baris baru.
Listing 3
Bla bla bla bla, dan tulisan ini pun akan dianggap satu paragraf. kalau ga percaya, coba aja sendiri. dengan menggunakannya dua kali atau lebih bakal lebih keliatan hasilnya.
Tidak wajib untuk menutup tag
. Tetapi seperti dikatakan sebelumnya, menutup
tiap-tiap tag adalah suatu yang baik yang pemprogram praktekkan.
Listing 4
Bekerja dengan Heading
Kita dapat menggunakan heading untuk mengorganisir teks kita dalam berbagai
tingkatan. Ada lima tingkatan heading didalam HTML seprti di bawah:
Level - 1
Level - 2
Level - 3
Level - 4
Level - 5
Listing 5
Penempatan List contoh teks atau items.Ada dua jenis list didalam HTML.
sebagai berikut
o Ordered List
o Unordered List
Ordered List diwakili oleh tag
tag secara otomatis menomori, dan
Unordered List diwakili oleh tag
dan terlihat seperti bullet.
Cobalah kode di bawah ini:
1. Java
2. C++
kode diatas menghasilkan suatu daftar perintah bahasa. Jika kita
menginginkannya seperti bullet kemudian kita ubah tag
menjadi tag
sebagai di bawah ini:
Listing 6
+ Java
+ C++
Listing 7
Penerapan Definisi List
Definisi List adalah serupa dengan daftar kata. Diterapkan menggunakan tag
dan
seperti ditunjukkan listing 7 dibawah ini.
Java
Developed by Sun Microsystems Inc
Yang kedua
Developed by saya sendiri
Listing 8
Indenting Text
Tag
yaitu teks yang menjorok lebih kedalam dari garis tepi secara
otomatis dari kiri ke kanan. Cobalah contoh berikut :
You can use Sound Recorder to record, play, and edit sound files.
To use Sound Recorder, you must have a sound card and speakers
installed on your computer. If you want to record live sound,
you also need a microphone.
Membuat Links
Suatu website bukanlah halaman tunggal.Terdiri dari beberapa halaman yang saling
berhubungan. Sebagai contoh,ketika kita klik suatu link nama ” About Us”,
pada browser secara otomatis Kita ke halaman web itu .
Bagaimana sihir ini terjadi? Itu merupakan suatu konsep Hyperlinks
Kita dapat menciptakan Hyperlinks menggunakan tag .Dan harus ditutup menggunakan
tag dan itu mewakili anchor.
Listing 9
Rumahweb
href adalah suatu atribut yang digunakan untuk menetapkan link dan mewakili
Teks Reference. Atribut lain meliputi suatu target opsional, yang mana menandakan
bagaimana cara membuka link. Nilai atribut ini jadi kosong. Sebagai contoh,
kode berikut memanggil lokasi Rumahweb.com didalam suatu jendela browser baru
ketika seseorang mengklik teks.
Listing 10
Rumahweb
Selalu ingat untuk menyimpan file yang telah dibuat dalam ekstensi .html
Pages
Followers
Labels
- jaringan (21)
- komputer (34)
- Persib (7)
- Tips 'n Trik Ngblog (10)
Popular Posts
-
I/O adalah suatu mekanisme pengiriman data secara bertahap dan terus menerus melalui suatu aliran data dari proses ke peranti (begitu pula s...
-
1. Pengertian Secara normalnya server WWW (World Wide Web) adalah sebuah mesin tunggal yang bertugas memproses HTTP request untuk sebuah WWW...
-
Jaringan lokal tanpa kabel atau WLAN adalah suatu jaringan area lokal tanpa kabel dimana media transmisinya menggunakan frekuensi radio (RF)...
-
Debian GNU/Linux memiliki sistem manajemen paket yang terbaik (tp bersifat relatif sih). Hanya dengan menggunakan apt sebagai tools advanced...
-
TetTool-All In one softwere Fitur : 1) IP Address Scanner 2) IP Calculator 3) IP Converter 4) Port Listener 5) Port Scanner Freezeer 2010 Sa...
-
Install aplikasi # apt-get install nama-aplikasi Update daftar paket yang terdapat di sources.list # apt-get update Update aplikasi # a...
-
Asal Mula Perseteruan Viking vs The jack Banyak yang tidak tahu dan bertanya, bagaimana sebenarnya permusuhan Viking dengan the jak bermula....
MY FACEBOOK
About Me
Blog Archive
-
▼
2010
(45)
-
▼
Mei
(31)
- Menampilkan / Pasang Emoticon di Kotak Komentar
- Membuat Kotak Komentar Blogger di Bawah Postingan
- Cara Membackup Blog
- Trik Memproteksi Blog dari Penjiplakan
- Cara Membuat Link Download
- Hal-hal Yang Harus Diperhatikan Dalam Mengganti Te...
- Membuat Teks Berjalan Pada Tab Window
- Cara Membuat Kotak Blogroll dan Marquee
- Cara Memposting Kode Html/Javascript
- Membuat Sesuatu Yang Selalu Berada Di pojok
- Berharap Pada Kemenpora
- Pengurangan Poin Untuk Rasisme
- Perintah apt-get & dpkg Debian
- perintah apt dan dpkg (ubuntu)
- Cisco Router
- Konfigurasi Dasar Router
- pengertian Webserver dan Percobaannya
- Pengertian Virtual Host dan Percobaannya
- Manage VirtualHost
- Membuat Virtual Host dalam APACHE2 di Sistem Opera...
- Dasar-dasar HTML
- Peralatan Jaringan
- Pengertian Input Dan Output Komputer
- Pengertian Jaringan Komputer
- Pengertian Telnet Dan Ghoper
- Membangun Apache Web Server (Linux Ubuntu)
- Web Server
- Wireless Fidelity (WiFi)
- Pengertian dan Kegunaan WLAN
- 10 Tips Wireless Security
- Perawatan PC secara Hardware & Sofware
-
▼
Mei
(31)
0 komentar:
Posting Komentar