Selasa, 11 November 2008

Mengenal HTML Lebih Dalam...

Pengertian singkat HTML
HTML adalah singkatan dari hyper text markup language.
HTML merupakan sebuah jenis teks dokumen khusus yang digunakan oleh Web browser untuk mempresentasikan teks dan gambar. Di dalam teks tersebut terdapat beberapa tag yang dapat disusun menjadi sebuah halaman web.

Software yang kita perlukan dalam membuat suatu halaman website adalah :
a. editor : notepad, dreamweaver, phexpert, zens, frontpage
b. browser : ie, mozila, opera, google chrome


Pada dasarnya HTML ini memiliki struktur umum yaitu :

<html>

<head>

</head>

<body>

</body>

</html>


Langkah-langkah membuat dokumen HTML dengan editor Notepad dan cara menyimpannya :
1. Buat terlebih dahulu tag tag berikut dalam Notepad.

<html>

<head>

</head>

<body>

</body>

</html>

2. Tiap dokumen HTML membutuhkan sebuah judul. Ketikan judul tersebut di antara <head> dan </head> dengan diapit <title> dan </title>, misalnya:

<head>
<title> My Profile </title>
</head>

3. Jika tadi disimpan maka yang akan muncul hanyalah sebuah halaman putih. Untuk mengisikannya coba buat tulisan diantara <body> dan </body> misalkan :

<body>
This is the real me
</body>

4. Sampai disana, halaman web yang putih tersebut akan bertuliskan "This is the real me". Setelah itu, kita akan mencoba mengganti warna beckground kita dengan mengedit bagian <body>, misalnya :

<body bgcolor="pink">(untuk warna pink)

atau

<body bgcolor="green"> (untuk warna hijau)

5. Setelah itu simpan hasilnya dengan mengklik file -> save as.
Kemudian akan muncul kotak dialog, terlebih dahulu klik anak panah kecil di ujung kanan kotak Save as type kemudian pilih All Files (*.*). Setelah itu, isilah kotak File name dengan nama file yang anda inginkan misalnya: lat1.html Ingat! jangan sampai lupa penambahan ekstensi .html di belakang nama file. Terakhir, klik tombol Save maka file akan tersimpan sebagai dokumen web. Setelah itu coba jalan kan dokumen webnya dan lihat hasilnya.


Selain tag tag diatas kita juga bisa menggunakan tag tag lainnya seperti :

<a> = Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<center> = Untuk perataan tengah terhadap teks atau gambar
<span> = Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<h1>...</h6> = Ukuran font
<hr> = Membuat garis horizontal
<p> = Ganti paragraf
<table> = Membuat tabel
<b> = Membuat teks tebal
<i> = Membuat teks miring
<u> = Membuat teks bergaris bawah
<marquee> = Membuat scrolling teks (teks berjalan)
<:html> = Bararti dokumen html
<body> = Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<title> = Mendefinisikan title
<head> = Mendefinisikan head document.





Tidak ada komentar: