Pengertian HTML
HTML adalah singkatan dari Hyper Text Markup Language, “Tag - tag markup“ inilah yang memberitahu browser bagaimana cara menampilkan sebuah halaman website sesuai dengan keinginan administrator atau pembuat website. Bahasa HTML ini biasanya digunakan untuk membuat website yang bersifat statis.
Sebuah halaman web minimal mempunyai empat buat tag, yaitu :
<HTML> Sebagai tanda awal dokumen HTML.
<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).
<BODY> Sebagai isi website yang anda buat. Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.
Contoh sederhana file HTML :
<HTML>
<HEAD>
<TITLE>Belajar HTML</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF">
Isi Websiteku
</BODY>
</HTML>
Tag HTML Dasar
Dalam penggunaannya teks yang ingin anda tampilkan pada website harus terletak di antara tag kontainer atau di antara tag pembuka dan penutup. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag>.
Dibawah ini beberapa tag HTML dasar :
Tag Deskripsi
<p> Membuat paragrap
<br> Membuat baris baru
<b> Membuat teks menjadi bold / tebal
<big> Menambah besar teks
<em> Membuat teks menjadi miring
<i> Membuat teks menjadi italic / miring
<small> Membuat teks menjadi kecil
<strong> Membuat teks menjadi tebal
<sub> Membuat teks menjadi subscripted
<sup> Membuat teks menjadi superscripted
<u> Membuat teks menjadi digaris bawahi
Penataan Struktur Website
Dalam menghasilkan website yang baik anda harus melakukan menata struktur website dengan baik dan benar seperti memilih jenis dan ukuran huruf, background image, tabel, dll.
Berikut ini beberapa tag yang digunakan dalam penataan struktur website :
1.) Headers <H>….</H> : Digunakan untuk mengatur ukuran huruf pada header. Header tersebut bernilai<H1>s/d<H6>
Contoh :
<H3>Belajar Html</H3>
Hasilnya :
Belajar Html
2.) Paragraph Baru <P> : Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.
3.) Line Break <BR> : Digunakan untuk pindah ke baris baru.
4.) Font <FONT> : Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.
Kumpulan 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
<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
No comments:
Post a Comment