yang merupakan kepanjangan dari Hyper Text MarkUpLanguage memiliki fungsi untuk memformat dokumen teks biasa agarbisa digunakan pada World Wide Web (WWW). HTML bukanmerupakan suatu bahasa pemrograman, karena sifatnya yang hanyamemberikan tanda (marking up) pada suatu dokumen teks dan bukansebagai program.Pada awalnya HTML dikembangkan sebagai subset SGML (StandartGeneralized Mark-Up Language). Karena HTML didedikasikan untukditransmisikan melalui media internet, maka HTML relatif lebihsederhana daripada SGML yang lebih ditekankan pada formatdokumen yang berorientasi pada aplikasi.File-file HTML merupakan dokumen teks yang diformat menggunakanHTML, maka untuk melakukan penulisan maupun editing dokumenHTML dapat menggunakan berbagai macam editor, dalam hal inidigunakan Notepad.Struktur dasar dokumen HTML berisi elemen-elemen atau tag,a) : mendefinisikan bahwa teks yang beradadiantara kedua tag tersebut adalah file HTML.b) : mendefinisikan head dalam sebuah fileHTML.c)
heading level 1
,heading level2
dst.b) Paragraf, setiap ada paragraf baru diawali denganparagraf satu
, dst.c) List, HTML mendukung daftar (list) tidak bernomor, bernomordan definisi.· Tidak bernomor (unordered list) :- satu
- dua
- tiga
- satu
- dua
- tiga
.Nama : SayaTanggal : Lahire) Extended Quotations, untuk membuat kutipan panjang, sehinggahasilnya menjorok ke dalam, digunakan tag.paragraf satu
f) Ganti baris (line break), untuk menulis alamat surat dengan barisbarispendek, tidak bagus jika menggunakan tagparagraf masuk ke dalam
(spasiterlalu lebar). Maka digunakan tag
untuk ganti baris.Karangmalang.
Yogyakarta.
55281g) Garis datar (horizontal rule), untuk membuat garis horizontalyang digunakan untuk membatasi bagian-bagian digunakan tag
. Yang dapat diikuti dengan penentuan ukurannya denganatribut size dan width.
h) Memformat karakter, atau untuk membuat teks Bold. atau untuk membuat teks Italic. atauuntuk membuat teks typewriter3) Dasar Link HTML1) Relative dan Absolute Link, link ke suatu dokumen pada direktorilain dapat dibuat dengan menentukan relative path dari posisidokumen asal berada. Ini disebut sebagai relative link. Misal :a href=”Harga/index.html”>Daftar HargaAlamat (URL) dokumen secara lengkap (absolute path) dapatdigunakan untuk menentukan tujuan link, disebut link absolute :a href=”http://gmail.google.com”>E-mail Google2) Link ke suatu bagian di dokumen lain, misalnya : satu.html dilinkke suatu bagian di dua.html, caranya adalah :Pada dokumen satu.html, dituliskan :TigaPada bagian yang dituju, dituliskan :Tiga3) Link ke suatu bagian di dokumen yang sama, caranya hampirsama dengan langkah di atas :Pada dokumen satu.html, dituliskan :TigaPada bagian yang dituju, dituliskan :Tiga4) Mailto, link yang langsung menuju ke alamat e-mail.Kirim E-mail4) Menyisipkan Gambar1) Atribut ukuran gambar, bila tidak dituliskan, maka ukuran gambarsesuai ukuran aslinya. Namun ukuran gambar bisa dibuat dengannilai tertentu dengan cara menuliskan atribut height dan width.3) Teks alternatif untuk gambar, dimaksudkan untuk menggantigambar apabila browser tidak mampu menampilkan gambartersebut.4) Atribut border dan spasi, jika atribut ini tidak disertakan, makagambar ditampilkan tanpa garis tepi.5) Gambar sebagai hyperlink.6) Gambar sebagai background7) Background warna5) Membuat TabelTabel merupakan cara untuk menampilkan informasi dalam bentuk selyang terdiri dari kolom dan baris. Berikut contoh untuk membuatsebuah tabel yang terdiri dari 2 kolom dan 2 baris.a)
: mendefinisikan bahwa teks di dalamnyamerupakan tag-tag pembuatan tabel.b)
: mendefinisikan penentuan ada atau tidaknyaserta ukuran border pada tabel.c)
: table row, mendefinisikan bahwa teks di dalamnyaakan berada dalam satu baris. Banyaknya tag menunjukkan banyaknya baris pada suatu tabel.d) : table division, mendefinisikan isi dari suatu kolom,tag ini selalu berada di dalam tag . Banyaknya tag diantara tag menunjukkan banyaknyakolom dalam suatu baris.6) Membuat FrameFrame HTML digunakan untuk membuat tampilan HTML yang terbagimenjadi beberapa bagian di mana setiap bagiannya merupakan satuhalaman HTML yang terpisah. Frame bernmanfaat saat suatu halamanHTML pada suatu bagiannya gerganti-ganti isi, sedangkan pada bagianlainnya relatif tetap, sehingga lebih menghemat bandwidth internet.a) Menentukan banyaknya baris dan tinggi masing-masing frame. Disini dibuat dua baris dengan tinggi 80 pixel untuk baris pertama,dan tinggi baris kedua memanfaatkan sisa ruang pada web browser(dinyatakan dengan tanda *).b) Memberikan nama pada frame pertama yang telah dibuat danmenentukan nama file yang akan ditampilkan dalam frametersebut.c) Membagi baris kedua menjadi 2 kolom dengan ukuran kolom kiri150 pixel dan kolom kanan memanfaatkan sisanya.d) Memberikan nama frame paling kiri pada baris kedua dengan namaleft_menu dan menentukan file menu.html menjadi isi pada frameini. Frame sebelah kanan dinamai main_page dengan file isi.htmlsebagai isinya.e) Mengakhiri pembuatan frame.7) Membuat FormForm merupakan elemen HTML yang berupa blanko (form) yangdipergunakan untuk menjaring informasi dari pengguna. Macammacamform :a) Input, dengan tipe : text, password, checkbox, radio button, reset,submit dan hidden.b) Textarea.c) Select.Berikut ini contoh tag pembuatan form : Langganan: Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar