BADAI UANG

Dasar-Dasar Pemprograman HTML

Dasar-Dasar Pemprograman HTML
Penamaan Dokumen
File yang disimpan dalam format HTML akan berekstensi HTM atau HTML.
File yang berakhiran HTM atau HTML ini sama untuk berbagai jenis sistem operasi seperti Linux, Unix,Windows dsb.
Elemen HTML
Dokumen HTML disusun oleh elemen-elemen. “Elemen “ adalah merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Bebrapa contoh elemen adalah head, body , table, paragraf , list. Elemen dapat berupa teks murni atau buakan teks atau keduanya.
Definisi TAG
Untuk menandai berbagai elemen dalam suatu dokumen HTML, kita menggunakan TAG. Petunjuk menggunakan TAG adalah :
·         Tag HTML diapit dengan dua karakter kurung bersusdut (angle bracket) < dan >
·         Tag HTML secara normal selalu berpasangan seperti <b> dan </b>
·         Tag pertama dalam suatu pasangan adalah tag awal dan tag yang kedua merupakan tag akhir
·         Tag HTML tidak case sensitive . <b> berarti sama dengan <B>Jika dalam suatu tag ada tag lagi maka penulisan tag akhir tidak boleh bersilang harus berurut. Misalnya <b><I>Huruf Tebal dan Miring</I><b> Sebaiknya gunakan tag dengan huruf kecil (lowercase)
Nama elemen ditunjukkan dengan nama tagnya. Suatu elemen didalam dokumen HTML harus ditandai dengan penulisan tagnya yang berpasangan. Ada beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut adalah :
Ø  paragraf dengan tag <p>
Ø  ganti baris- line break dengan tag<br>
Ø  garis datar- horizontal rule dengan tag <hr>
Ø  list item dengan tag <li>
Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan dengan tag <html>, <head>, dan <body> dengan tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya tersusun dari link, grafik, paragraf dan elemen lainnya.
Secara umum dokumen web dibagi menjadi dua bagian yaitu head dan body. Sehingga setiap dokumen html harus mempunyai pola dasar sebagai berikut :
<html>
<head>
……informasi tentang dokumen HTML
</head>
<body>
……informasi yang ditampilakn dalam browser web
</body>
</html>
setiap dokumen html harus diawali dengan menuliskan tag <html> dan tag</html> diakhir dokumen. Tag ini menandai bahwa dokumen ini adalah dokumen HTML.
Dalam satu dokumen hanya ada satu elemen html. Elemen body ditandai dengan tag <body> dan diakhiri </body>. Bagian ini merupakan
elemen terbesar di dalam dokumen html. Elemen ini berisi isi dokumen yang akan ditampilkan pada browser, meliputi paragraf, grafik, link, tabel dsb.

Persyaratan system
·         Sebuah komputer yang siap web. Komputer dengan windows 95/98/NT, Win XP, Win. Vista, Win. 7, Mac atau Unix
·         Editor teks, notepad atau lainnya
·         Browser web, direkomendasikan Mozilla Firefox dan Google Chrome.


Tag-Tag Dasar HTML
Tag dasar berarti elemen dasar. Dokumen HTML secara mendasar akan terdiri atas teks informasi.
HTML Merupakan tag dasar yang mendefinisikan bahwa dokumen ini adalah dokumen HTML. Tag ini merupakan satu keharusan bagi pemrogram web untuk menuliskannya sebagai tag pertama dalam dokumen HTML.
<html> di awal dokumen dan </html> di akhir dokumen.
Head Merupakan tag berikutnya setelah <html> untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan
<head> di awal setelah <html>, dan </head> di akhir section head
Title Merupakan tag di dalam head yang harus dituliskan untuk memberikan judul/informasi pada caption browser web tentang topik atau judul dari dokumen web yang ditampilkan dalam browser.
<title> judul dokumen</title>
Body Merupakan section utama dalam dokumen web. Pada section ini semua isi dokumen yang akan ditampilkan di dalam browser harus dituliskan.
<body> di awal, segera setelah tag </head>
</body> di akhir, diletakkan sebelum tag </html>
Atribut TAG
Ø  Atribut TAG : Menyatakan suatu tentang TAG.
Ø  Atribut digunakan untuk mengubah default formatting TAG <BODY BGCOLOR=red>
BODY merupakan element, BGCOLOR(Background) merupakan atribut yang memiliki nilai red
Previous
Next Post »