My Weblog

Mei 3, 2008

Membuat web

Filed under: Uncategorized — iza28 @ 3:24 am

Introduction

HTTP (Hypertext Transfer Protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol inilah yang berfungsi untuk mentransfer dokumen-dokumen web yang ditulis dalam format HTML.
HTML adalah kependekan dari Hypertext Markup Language, sebuah dokumen dalam format ASCII yang memuat kalimat-kalimat (perintah) untuk diproses oleh browser. Disebut Markup Language karena berfungsi untuk ‘memperindah’ file teks biasa untuk ditampilkan pada program web browser. HTML sebenarnya merupakan perkembangan dari SGML (Standardised General Markup Language) yang merupakan dasar untuk membangun sebuah situs Web.
Walau untuk saat ini sudah terdapat banyak tool untuk membuat webpage secara WYSIWYG (What you see is What you get) seperti Microsoft FrontPage, Nestcape Editor atau bahkan Macromedia Dreamweaver, namun alangkah baiknya untuk menguasai dasar-dasar HTML terutama untuk membangun aplikasi dengan teknologi CGI (Common Gateway Interface). Hal ini penting mengingat HTML merupakan dasar dari pemrograman sebuah web.


Struktur HTML

Ciri khas sebuah dokumen HTML adalah adanya tag dan elemen. Apa yang dilakukan browser ketika membacakan dokumen HTML sebenarnya adalah menterjemahkan tag- tag yang ada di dalam dokumen tersebut untuk kemudian ditampilkan ke layar browser. Dengan kata lain, tag adalah sejumlah instruksi kepada browser untuk memberitahu tentang bagaimana caranya mengatur tata letak teks, image dan hal lainnya yang ingin ditampilkan.
Tag HTML biasanya berupa tag-tag yang berpasang-pasangan dan ditandai dengan simbol < dan >. Pasangan atau penutup perintah dari sebuah tag ditandai dengan ‘ / ‘. Misalnya pasangan dari tag <contoh> adalah </contoh>.

Setiap dokumen atau halaman HTML pada dasarnya memiliki struktur atau susunan file sebagai berikut :

————————————
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>

<BODY>
</BODY>
</HTML>
————————————

Tag <HTML> menandakan bahwa dokumen yang ditulis berformat HTML. Sedangkan Tag <TITLE> menunjukkan judul dokumen yang akan ditampilkan pada title bar web browser. Tag ini hanya boleh berada di dalam blok <HEAD>. Tag <BODY> merupakan isi dari dokumen HTML, dimana teks, gambar atau apapun yang ingin ditampilkan pada dokumen ada pada bagian ini.


Perintah Dasar HTML

Ada sebegitu banyak perintah-perintah dalam HTML, namun yang akan dibahas kali ini adalah perintah umum yang biasa digunakan antara lain :

Membuat Background

Selain perintah di atas, terdapat juga perintah lain untuk memperindah tampilan, seperti perintah background, bgcolor, color, image maupun image map. Perintah background digunakan untuk membuat sebuah gambar menjadi latar belakang. Sedangkan perintah bgcolor dapat digunakan pada body maupun font yang berfungsi untuk merubah warna background. Contohnya :

<BODY background=”gambar_background.jpg”>

<BODY bgcolor=”#000000″> , dimana tanda #000000 merupakan kode RGB untuk warna hitam

<FONT face=”comic sans ms” color=”#FFFFFF”> , dimana face digunakan untuk menampilkan jenis font, dan color untuk menampilkan warna pada teks.

<IMG SRC=”gambar.jpg”> dimana IMG SRC (Image Source) merupakan perintah untuk menampilkan gambar. Untuk mengatur posisi gambar, dapat digunakan perintah ALIGN, yang terdiri dari Top, Middle, Bottom, Left, Center dan Right.
Contoh : <IMG SRC=”gambar.jpg” ALIGN=left WIDTH=200 HEIGHT=150 ALT=”Gambar” >. Perintah ALT (Alternative) digunakan untuk menampilkan teks pengganti untuk gambar. Karena bisa saja gambar tersebut tidak dapat ditampilkan pada browser yang non-grafis.

ada beberapa jenis gambar yang bisa anda gunakan untruk memperindah tampilan web yang anda buat diantaranya GIF, JEPEG, PNG.

—————————–

<HTML>

<HEDAD>

<TITLE> Latar belakang gambar </TITLE>

<BODY BACKGROUND = “<a href=”http://s307.photobucket.com/albums/nn295/mawi_zl/?action

=view&current=naruto-sasuke01.jpg” target=”_blank”><img src=”http://i307.photobucket.com/albums/nn295

/mawi_zl/naruto-sasuke01.jpg” border=”0″ alt=”Photobucket”></a>>

</BODY>

</HEAD>

</HTML>

—————————-

Dalam kode diatas saya mengelink sebua gambar yang saya simpan di photobucket anda juga bisa menggunakan fasilitas ini dengan mendaftar di photobucket.

Hello world!

Filed under: Uncategorized — iza28 @ 1:51 am

Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!

Buat situs web atau blog gratis di WordPress.com.