Mengenal HTML dini

Dini TriyamaXI IA 2

Mengenal HTMLSebelum Anda melangkah lebih jauh sebaiknya Anda perlu mengetahui beberapa istilah atau pengertianpenting berikut ini.

HTML -----> (

Hyper Text Markup Language) adalah format standar dokumen pada halaman Situs Web.

Browser ----->

merupakan program yang dipergunakan untuk menampilkan isi dari dokumen HTML danformat-format lain di world wide web, Tiga browser yang ternama yaitu Internet Explorer,Opera danNetscape Navigator.

URL -----> (

Uniform Resource Locator

)

, merupakan cara standar untuk menyatakan lokasi atau pemberianalamat dari sebuah file atau halaman dalam web. Bentuk penulisan dari URL merupakan sebagai berikut: protokol://alamat

Contoh :

http://www.yahoo.com

http

= merupakan Protokol yang dipergunakan sebagai kepanjangan dari : Hyper Text Transfer Protocol,sedangkan yahoo.commerupakan alamat dari file atau dokumen tersebut.Jenis Protokol lain seperti FTP, File Transfer Protocol, GOPHER dan TELNET.Link- String text atau image (gambar) yang dapat di-klik untuk mengantarkan pengguna ke dalam dokumenatau lokasi lain.Attributes- berada di dalam sebuah tag. Ia memberi perintah bagaimana tag tersebut ditampilkan ke dalambrowser Mengedit tag yang mengandungnya.

HTML Standard:

Web Browser yang berada di pasaran seperti Internet Explorer dan Netscape Navigator,diproduksi oleh perusahaan yang berbeda-beda, sehingga tampilan dari sebuah dokumen yang sama(termasuk dokumen HTML) dapat terlihat berbeda.Sebuah website yang kelihatan bagus dan rapi pada Internet Explorer dapat terlihat berantakan padaNetscape. Sebagai tambahan pengunjung yang berbeda dapat menghasilkan tampilan sebuah halamantertentu yang berbeda-beda pula, hal ini dikarenakan oleh berbagai faktor seperti resolusi monitor yangdipergunakan dan setting browser yang berbeda.Oleh karena itu hindari merancang sebuah halaman web dengan aturan yang baku pemilihan font dan ukuranlay out. Terkadang image tertentu akan kelihatan lebih besar dalam monitor lain.

HTML Tags :

HTML merupakan komposisi dari tag-tag. Tag merupakan perintah yang dituliskan denganmenggunakan tanda < dan >. Sehingga semua string yang berada di antara kedua tanda tersebut, disebut tag.HTML merupakan komposisi dari tag-tag. Tag merupakan perintah yang dituliskan dengan menggunakan tanda< dan >. Sehingga semua string yang berada di antara kedua tanda tersebut, disebut tag. <TAG> _____________ </TAG><TAG> menunjukkan indikasi dari awal format, dan </TAG> akhir/penutup. Apapun yang berada diantarakedua tag tersebut akan memiliki perilaku yang dipengaruhi oleh atribut tag yang anda pasangmengurungnya.

Frame :

Adalah sebuah halaman situs Web yang menampilkan dua atau lebih halaman web lainnya yangbisanya berfungsi untuk mempermudah navigasi atau penelusuran halaman demi halaman situs web tersebut.

Table :

adalah sebuah penataan halaman Web menggunakan baris dan kolom untuk mengatur layout atautata ruang halamam Web agar lebih rapi, menarik danlebih memudahkan dalam pengaturan letak teks dangambar yang ditampilkannya.

Spacing :

Spasi dan atau ruang kosong tidak mempengaruhi tampilan dari sebuah halamn web ; Sebanyakapapun spasi akan tetap dihitung sebagai satu spasi. Untuk menampilkan spaci sebagai spasi maka dipergunakan kode ini "

"

1

Dini TriyamaXI IA 2

Seputar HTML Editor

HTML ----->

(Hyper Text Mark-Up Language)

Editor

adalah tool yang diperlukan untuk mempermudahpembuatan halaman web. Ada banyak sekali HTML Editor yang tersebar di Internet dan bisa di downloadkapan saja.Ada 2 jenis HTML editor yang umum, yaitu editor jenis biasa dan jenis

WYSIWYG

(What You See Is What YouGet). Editor jenis biasa umumnya digunakan oleh para web master berpengalaman karena lebih fleksibel dantidak merubah kode sumbernya. Sedangkan editor jenis

WYSIWYG

adalah editor yang biasa digunakan olehpemula.Contohnya

Microsoft Frontpage

yang ada pada Windows office.Jika Anda setengah berpengalaman, maka Anda bisa menggunakan kedua jenis editor bersama-sama. Saatmelakukan desain dan layout, sebaiknya Anda menggunakan Editor jenis WYSIWYG. Tetapi setelah layoutterbentuk, sebaiknya Anda beralih ke editor HTML biasa. Mengapa? Karena editor WYSIWYG seringkalimelakukan perubahan otomatis saat kita menuliskan kode-kode HTML yang tidak umum untuk mendapatkanefek tertentu. Selain itu Editor jenis WYSIWYG sering kali sanngat menjengkelkan karena merubah kode koderumit yang telah kita buat.Berikut ini beberapa sofware HTML Editor yang bisa anda download gratis

•

1st Page 2000

http://www.evrsoft.com/download

•

Homesite

http://www.allaire.com

•

WebMania

http://www.w3.org/Tools/Webmania.htmlHTML Editor lainnya sebaiknya anda carilewathttp://www.webattack.comatauhttp://www.download.comdan gunakan keyword "

free HTML editor

"untuk mencarinya.Disana akan lebih banyak pilihan yang bisa anda download. Selain itu akan selalu ada HTML editor terbaruyang selalu Update.

Web Hosting

adalah situs web yang memberi layanan tempat menyimpan file situs situs kita dimana webhosting atau web server tersebut selalu terhubung ke internet selama 24 jam sehari untuk membuat semuaorang di seluruh dunia bisa melihat dan mengakses situs web yang kita miliki.Untuk mencari layanan

web hosting

sangatlah mudah, baik yang membayar maupun layanan yang gratis. Jikasitus kita adalah situs personal atau situs yang berhubungan dengan hoby dan kegemaran kita makamemanfaatkan

Web Hosting

gratis adalah pilihat terbaik.Namun jika situs web yang kita miliki merupakan situs bisnis, maka sebaiknya kita menggunakan layanan webhosting yang berbayar meski ada juga

Web Hosting

gratis yang mengijinkan situs bisnis di tempatnya.seperti

Hypermart

http://www.hypermart.net.Untuk memilih sebuah Web Hosting gratis ada beberapa hal yang harus dipertimbangkan sebelumnya. Antaralain besarnya space yang kita dapat, alamat domain yang kita peroleh, kecepatan aksesnya, jenis iklan yangakan di tampilkan, fasilita upload file dan fasilitas lain seperti counter, guestbook, message bosrd dan lainlain.

Berikut beberapa layanan Web Hosting gratis yang bisa anda pilih.

•

GEOCITIES

http://www.geocities.comFasilitas yang akan kita dapatkan di sini adalah besar space15 MB, loading situs yang biasa saja,counter, guesbook, e-mail dan lai lain.

•

HYPERMART

http://www.hypermart.netBesar space yang kita peroleh 11 MB, e-mail gratis, danfasilitas untuk situs bisnis seperti bussines resources dan shoping cart. Loading situsnya lumayancepat.

•

0CATCH

http://www.0catch.combesar space 100 MB (wow), e-mail gartis, CGI enable, counter, danlain lain.

•

TRIPOD

http://www.tripod.com. Besar space 20 MB, e-mail gartis, loading situs cepat, counter,guesbook dan lain lain.

•

HOMEPAGE

http://www.homepage.comBesar space 10 MB, akses situs bagus dan masih banyak lagi.

2

Dini TriyamaXI IA 2

•

WEB4FREE

http://www.web4free.comBesar space 10 MB, akses situs lambat dan fasilitas lainnya.

•

VIRTUAL AVENUE

http://www.virtualave.netBesar space 20 MB, akses situs yang cepat dan masihbanyak lagi.Masih banyak situs Web Hosting gratis lainnya bisa anda lihat lebih lengkap di

http://www.freewebspace.com

Tag Dasar halaman Web

Ada beberapa tag yang sebuah dokumen HTML harus memilikinya. Apabila tag-tag ini tidak dicantumkan,tampilan dari dokumen tersebut akan terganggu struktur dan lay out-nya akan menjadi tidak karuan.

<HTML>

Ini merupakan Tag Utama yang setiap halamn Web harus mempunyai.

<HTML>

tag.

<HTML>

harus muncul atau ditempaytkan pada bagian paling awal dari kode halaman anda,dan

</HTML>

sebagai yang paling akhir.

<HEAD>

Tepat di bawah tag HTML adalah tag <HEAD>. Tag HEAD ini mengandung obyek yang akan di load lebih dahuluoleh browser pengunjung halaman anda sebelum menampilkan bagian lain dalam halaman yang sama.

<TITLE>

Tag Title ini diletakkan di antara tag HEAD.

<TITLE>

Selamat Datang di Iklan Bonanza

</TITLE>

String yang berada di antara tag TITLE akan ditampilkan sebagai judul pada bagian kiri atas window browser.

<BODY>

Di bawah tag HEAD, namun masih di dalam (di antara) tag HTML.<HTML><HEAD><TITLE></TITLE></HEAD>

</HTML>Tag BODY ini berisi informasi yang berhubungan dengan property dasar pada keseluruhan isi dokumen HTML.Text, Link, Link yang telah dikunjungi, Link yang aktif dan warna latar belakang (background) dokumen sertaimage yang akan menjadi background didefinisikan pada bagian ini.<BODY TEXT="white" LINK="gray" VLINK="orange" ALINK="gray" BGCOLOR="black" BACKGROUND="white-tile.gif"></BODY>Tag BODY ini mengandung informasi yang berhubungan dengan property dasar pada keseluruhan isi dokumenHTML. Text, Link, Link yang telah dikunjungi, Link yang aktif dan warna latar belakang (background)dokumen serta image yang akan menjadi background didefinisikan pada bagian ini.

3