Kamis, 06 November 2008

മാറ്റി ദാസര്‍ HTML

HTML
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) : mendefinisikan judul yang hendak ditampilkanpada browser.d) : mendefinisikan teks beserta formatnya yanghendak ditampilkan sebagai isi halaman web2) Format Teks Dasar dalam HTMLa) Heading, HTML mengenal 6 level heading, mulai 1 (terbesar)sampai 6. heading ditampilkan dengan font lebih besar dan tebaldaripada teks normal.

heading level 1

,

heading level2

dst.b) Paragraf, setiap ada paragraf baru diawali dengan

paragraf satu

, dst.c) List, HTML mendukung daftar (list) tidak bernomor, bernomordan definisi.· Tidak bernomor (unordered list) :
  • satu
  • dua
  • tiga
· Bernomor (ordered list) :
  1. satu
  2. dua
  3. tiga
· Definisi (definition list) :
d) Performatted Text, dalam HTML, spasi, tab dan baris baru (enter)tidak memiliki pengaruh. Agar format tampilan sesuai dengansourcenya, maka diperlukan tag
.
Nama : SayaTanggal : Lahir
e) Extended Quotations, untuk membuat kutipan panjang, sehinggahasilnya menjorok ke dalam, digunakan tag
.

paragraf satu

paragraf masuk ke dalam

f) Ganti baris (line break), untuk menulis alamat surat dengan barisbarispendek, tidak bagus jika menggunakan tag

(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. atau untuk 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.”Foto”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 :

Tidak ada komentar:

Posting Komentar

Entri yang Diunggulkan

Apa beda Linux dan Windows?

Saya tadi siang diminta teman (tetangga rumah) melalui milis perumahan untuk menjelaskan apa itu Linux dan Open Source dengan bahasa awam. S...

Accestrade

Tiket

adsencomp

Adsense Indonesia

Supermarket Online

Asuransi

Kursus

link

yubisnis

https://affiliate.yukbisnis.com/dashboard/orders

www.bhinneka.com

HP Pavilion 15-ak050TX Non Windows [W0J13PA] - Black

Pages

Formulir Kontak

Nama

Email *

Pesan *

Technology

kumpul bloger

Cliksen

tripelclik

adsoptimal

Toko Pedia

Beli Pulsa

Survey

Advertisement

Disqus Shortname

Lazada

Frozenshop.com

Kidipal

Mitre Indonesia

Mykitchen

Tinggal.com

Toko Online

Seekmi

KLIKnKLIK

CNA Brings You Home

Total Tayangan Halaman

Hotel

THE BODY SHOP

Pesona Nusantara

FlowerAdvisor

HELLO SORA Korean Beauty

Go Indonesia Booking Campaign

Raja Premi

Ciptaloka

Padiciti Booking Campaign

Asports

MILAMILI

Buahhatiku

Blanja

Padiciti Kereta Api Booking

MPF Register Campaign

Sold.id

TOP UP

Orami

Terminal Mainan

Health

Pengikut

SAHABAT BLOGGER

Perfume Store

Sephora Digital

kim. Fashion

REEBONZ

Translate

Lensza.co.id

Travelio.com

SPORTDECA

Perfect Beauty

Modern Look Hijup.com

Nastengels

ZALORA

Otomotif

Pages - Menu

Popular Posts

Popular Posts

Blog Archive

Recent Posts

Text Widget

Download

Blogger templates