HTML (HyperText Markup Language )

HyperText Markup Language 

(HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa)

 

Fungsi HTML (HyperText Markup Language)

HTML adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

Fungsi HTML yang lebih spesifik yaitu :

1. Membuat halaman web.
2. Menampilkan berbagai informasi di dalam sebuah browser Internet.
3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

Struktur HTML

Elemen

Elemen terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.Contonya untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: ini adalah tag pembuka judul dokumen HTM

Tag

Adalah teks khusus (markup) berupa dua karakter “”, sebagai contoh adalah tag dengan nama body. Tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter “/” setelah karakter “<"), sebagai contoh ini adalah tag pembuka isi dokumen HTML, dan ini adalah tag penutup isi dokumen HTML. Yang merupakan tag-tag dasar dalam HTML adalah:

1. Tag dan digunakan untuk menandai awal dan akhir dari suatu file HTML.
2. Tulisan yang berada diantara tag dan akan ditampilkan oleh browser pada bagian title yang mana merupakan title dari jendela browser.
3. Berisi keterangan informasi, seperti title dan jenis dokumen, ditulis diantara HEAD tags.
4. Bagian tag BODY menandai awal dan akhir dari badan dokumen HTML. Tag ini memiliki sejumlah attribut dapat ditentukan.

Contoh:

Halaman HTMLku yang pertama

Hello World

Hasil:

Atribut

Atribut mendefinisikan properti dari suatu elemen/tag dari HTML, yang
terdiri atas nama dan nilai

• Pengaturan Halaman HTML
• Menformat Tulisan Pada halaman HTML

Untuk membuat halaman web yang rapi dan menarik, tentu saja perlu melakukan pemformatan tulisan-tulisan, baik tata cara pencetakannya, serta jenis tulisan yang dipergunakan.

Tag – tag untuk memformat tulisan:

Tag

Keterangan

Membuat cetak tebal pada tulisan yang berada diantaranya.

Menyebabkan tulisan berada diantaranya berkedip-kedip.

Digunakan untuk menandai kutipan dari suatu
buku atau artikel majalah. Browser khususnya menampilkan kutipan dengan cetak miring.

Menandai suatu daftar source code program. Biasanya ditampilkan oleh browser dalam suatu monospaced font yang lebih kecil

Style untuk definisi dari suatu istilah. Browser
menampilkan definisi dengan cetak miring.

Text yang berada diantara tags ini dicetak lebih lebar. Browser umumnya menampilkan cetak

Menentukan ukuran font (#) yang digunakan untuk menampilkan HTML dalam tags. Default is 3; ukurannya dari 1 sampai 7.

Tag yang menentukan tingkat heading dengan nilai antara 1 dan 6, dengan sebagai ukuran paling besar dan 6 paling kecil

Text diantaranya ditampilkan dengan cetak miring.

Keyboard tag digunakan untuk mewakili tombol keyboard seperti Del atau Enter. Umumnya ditampilkan oleh browser dengan suatu monospaced font yang lebih kecil.

Preformatted text adalah menampilkan tulisan tanpa format yang khusus. Tag ini bagus digunakan bila ana ingin menangani spasi antar baris; dan juga memudahkan anda untuk meletakan tab dalam dokumen.

(hanya pada Microsoft Internet Explorer 2.0/3.0). Tag ini menyebabkan tulisan yang berada diantaranya
Atribut untuk tulisan MARQUEE :
ALIGN

Menentukan bahwa tulisan dalam marquee harus dirapikan di TOP, MIDDLE atau BOTTOM darimarquee tersebut
BEHAVIOR

Setting yang berlaku untuk atribut ini adalah SCROLL, SLIDE, dan ALTERNATE
SCROLL

Defaultnya, dari sisi yang satu ke yang lain pada
layar secara berulang.
SLIDE

Gulung text melintasi layar, dan
ALTERNATE

BGCOLOR

Yang ini menentukan dari marquee
DIRECTION

Menentukan arah ke
HEIGHT

Menentukan tinggi marquee dalam pixel (HEIGHT = n) atau presentasi dari layar (HEIGHT= n%).
WIDTH

Sama dengan atribut HEIGHT, tetapi
diaplikasikan untuk lebar marquee.
HSPACE

Menentukan margin kiri dan kanan untuk bagianluar marquee dalam pixel.
LOOP

Menentukan jumlah kali marquee harus berputar. Jika diabaikan, set ke -1 atau INFINITE, dan marquee bergulung sampai user meninggalkan halaman tersebut.
SCROLLAMOUNT

Menentukan antara geseran dari tulisan
marquee.
SCROLLDELAY

Menentukan dari tulisan marquee
VSPACE

Menentukan margin top dan bottom untuk bagian luar dari marquee dalam pixel.

Menampilkan sejumlah karakter literal. Banyak
browser menampilkan dengan monospaced font.

Tulisan diantaranya di coret (Example).

Cara lain menggambarkan attention pada suatu bagian dari text; biasanya ditampilkan dengan cetak tebal oleh browser.

Menampilkan bentuk typewriter style (monospaced) font.

Tulisan diantaranya ditampilkan dengan garis bawah.
Contoh :
Heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Hasil :
Contoh :
Font
ukuran 1
ukuran 2
ukuran 3
ukuran 4
ukuran 5
ukuran 6
ukuran 7
Hasil:
Contoh:
Font Face
Arial
Tahoma
Courier New
Hasil:
2.5.2 Menggunakan Karakter Khusus
Berikut ini tata cara pengetikkan untuk menampilkan karakter khusus pada
halaman html:
Entitas
Keterangan
Contoh
©
Copyright symbol
©
®
registered trademark symbol
®
™
trademark symbol
™

nonbreaking space
<
less-than symbol
&
ampersand
&
"
quotation mark