Cara Mengenal Pemrograman (HTML)

  HTML merupakan singkatan dari Hypertext Markup Language. HTML digunakan untuk membangun halaman web. HTML digunakan untuk melakukan mark-up (penandaan) terhadap sebuah dokumen teks. Tanda tersebut digunakan untukmenentukan format atau style dari teks yang ditandai halaman web dibangun oleh kode-kode HTML.

HTML adalah bahasa markup yang umum digunakan. Kepopuleran HTML disebakan karena HTML ini mudah digunakan. Pembuatan dokumen web dengan HTML dapat dilakukan dengan mudah dan cepat. Dokumen web dapat tersaji dengan cepat ke banyak pembaca di seluruh dunia sekaligus. HTML mudah melakukan kontrol terhadap tampilan halaman web baik berupa teks, gambar, suara, animasi maupun video.

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan web browser seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

a. Hypertext

Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.

b. Markup

Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada Word Wide Web.

c. Language

Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen. Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih pada format dokumen yang berorientasi pada aplikasi.

Fungsi HTML

Hypertext Markup Language merupakan standar bahasa yang di gunakan untuk menampilkan dokumen web, yang bisa dilakukan dengan HTML yaitu:

– Menentukan format suatu teks

– Membuat list tentang sekelompok hal

– Membuat link ke dokumen lain atau bagian lain dari dokumen yang sama.

– Menyisipkan citra atau gambar.

– Menampilkan informasi dalam bentuk tabel

– Memodifikasi.Mengontrol tampilan dari web page dan contentnya.

– Mempublikasikan dokumen secara online sehingga bisa di akses dari seluruh dunia.

– Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.

– Menambahkan object-object seperti image, audi, video dan juga java applet dalam dokumen HTML.

 Struktur HTML

1. 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 HTML

2. 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:

a. Tag dan digunakan untuk menandai awal dan akhir dari suatu file HTML.

b. Tulisan yang berada diantara tag dan akan ditampilkan oleh browser pada      bagian title yang mana merupakan title dari jendela browser.

c.  Berisi keterangan informasi, seperti title dan jenis dokumen, ditulis diantara   head tags.
d .Bagian tag BODY menandai awal dan akhir dari badan dokumen HTML. Tag ini memiliki sejumlah  attribut dapat ditentukan.

3. 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 marquee.

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.

 https://ono67.wordpress.com/2013/12/12/makalah-dasar-pemrograman-web-dengan-html/