Selasa, 11 November 2008

Mengenal HTML

HTML adalah singkatan dari Hyper Text MarkUp Languange yang merupakan sebuah sistem ( seperti HTML atau SGML )untuk membua suatu dokumen yang terindikasi dengan berbagai strukturnya( seperti paragraf) dan memberikan instruksi layoutnya untuk transmisi data.
Software yang digunakan untuk membuat website ada 2,yaitu
1.Note Pad
Merupakan aplikasi yang diguankan untuk membuat web sederhana. Not Pad digunakan membuat kode html untuk membuat halaman web, yang disimpan dalam bentuk” .html”,sehingga, tercptalah sebuah web sederhana.
2. Macromedia Dreamweaver
Merupakan aplikasi yang digunakan untuk membuat web yang sangat menarik. berbeda dari Not Pad yang hanya digunakan untuk membuat suatu web sederhana, dalam aplikasi ini sudah terdapat berbagai hal yang diperlukan dalam pembuatan suatu web. Dreamweaver memiliki 3 lembar kerja yang berbeda, yaitu:
a. Desain ( hanya menampilkan halaman web yang dibuat,tanpa menampilkan kodenya)
b. Split ( menampilkan lembar kerja desain dan kode html-nya)
c. Code ( menampilkan lembar kerja yang berupa kode html-nya saja)

3. Struktur Umum HTML :

4. langkah-langkah membuat dokumen HTML dengan editor Notepad, dan cara penyimpanan:
a. Klik Start-Program-Accessoris-Notepad
b. Setelah berada pada editor notepad lengkapi struktur umum HTML yang ada di jawaban soal no 3
c. simpan file tersebut dengan cara, klik menu File-Save as (pada kolom file name beri nama file, sedangkan pada kolom save as type cari dan klik all file)-save
d. untuk membukanya, aktifkan internet explorer lalu tekan tombol F5 pada keyboard

5Kumpulan Tag HTML
<!-- --> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet> Sebagai awal dari Java applets
<area> Mendefinisikan daerah yang dapat diklik (link) pada image map
<b> Membuat teks tebal
<basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound> Memberi (suara latar) background sound pada halaman web
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink> Membuat teks berkedip
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br> Pindah baris
<caption> Membuat caption pada tabel
<center> Untuk perataan tengah terhadap teks atau gambar
<comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd> Indents teks
<div> Represents different sections of text.
<embed> Menambahkan sound or file avi ke halaman web
<fn> Seperti tag <a name>
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form> Mendefinisikan input form
<frame> Mendefinisikan frame
<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> ... <h6> Ukuran font
<head> Mendefinisikan head document.
<hr> Membuat garis horizontal
<html> Bararti dokumen html
<i> Membuat teks miring
<img> Image, imagemap atau an animation
<input> Mendefinisikan input field pada form
<li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map> Mendefinisikan client-side map
<marquee> Membuat scrolling teks (teks berjalan) - hanya pada MS IE
<nobr> Mencegah ganti baris pada teks atau images
<noframes> Jika browser user tidak mendukung frame
<ol> Mendefinisikan awal dan akhir list
<p> Ganti paragraf
<pre> Membuat teks dengan ukuran huruf yg sama
<script> Mendefinisikan awal script
<table> Membuat tabel
<td> Kolom pada tabel
<title> Mendefinisikan title
<tr> Baris pada tabel
<u> Membuat teks bergaris bawah

Tidak ada komentar: