Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti texs, grafik, animasi link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan (terdapat tanda "/").HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu.
software yang diperlukan dalam membuat website static
* editor : notepad, dreamweaver, phexpert, zens, frontpage
* browser : ie, mozila, opera, google chrome
Struktur Umum HTML
<html>
<head>
........
</head>
<body>
........
</body>
</html>
Beberapa 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 |
| <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 |
| <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 |
Langkah-Langkah Membuat Dokumen HTML Dengan Editor Notepad dan Cara Penyimpanan
1. Buka aplikasi notepad
Start => All Programs => Accsessories => Notepad
2. Buat struktur dasar HTML
3. Contoh html sederhana:
<HTML>
<HEAD>
<TITLE>Web Saya</TITLE>
</HEAD>
<BODY>
Lagi belajar buat HTML
</BODY>
</HTML>
4. Save
File => save as
Dengan namafile bebas tetapi setelah namafile harus berekstensi .html,,caranya setelah nama tinggal ketik .html contoh : doyox.html
ubah file as type menjadi "all files"
encoding "ANSI"
save
5. Tips
Savelah pada sebuah folder khusus yang telah kita buat agar mudah mencari file Html tersebut
Tidak ada komentar:
Posting Komentar