Jumat, 18 Januari 2013

Belajar HTML dasar dan Fungsi tag HTML



Untuk memahami dan Belajar HTML dasar dan Fungsi tag itu tidak sulit, jka kita sudah mengerti dasarnya pasti sangat mudah, File HTML (Hyper Text Markup Language) adalah text atau file yang berisikan tulisan yang mengandung perintah-perintah HTML yang disebut tag.

Untuk membuat dokumen website diperlukan satu program penyunting text seperti notepad, wordpad, ms word, dan program lainnya untuk membuat website seperti dreamweaver, dll. dan juga kita membutuhkan browser seperti IE, Mozilla, netscape, opera, safari, google chrome dll.
Text editor digunakan untuk menulis dokumen website sedangkan browser digunakan untuk melihat hasil tampilan website yang telah kita buat menggunakan text editor.

Dokumen HTML dibagi menjadi dua bagian besar, yaitu HEAD (bagian atas atau kepala) yang berisi judul dokumen ataupun informasi lain dan bagian BODY (tubuh dokumen) yang merupakan isi dari data dokumen, masing masing ditandai oleh Tag <HEAD> dan <BODY>

Struktur standar dari file HTML adalah sebagai berikut:

<html> tag pembuka html
<head> tag pembuka head
......
</head> tag penutup head

<body> tag pembuka body
..........
..........
</body> tag penutup body
</html> tag penutup html

HTML tag yang biasa digunakan :

<a>...</a> bila digunakan dengan HREF akan menyisipkan hyperlink
<b>...</b> huruf menjadi tebal bissa juga dengan memakai STRONG
<blink>...</blink> huruf akan berkedip berulang-ulang
<blockquote>...</blockquote> digunakan untuk menandai sebagai sebuah kutipan dari sumber lain
<body>...</body> bagian tag ini mengandung semua tag dan teks didalam dokumen.
<br>...</br> pemenggal baris pada point tertentu dalam dokumen.
<center>...</center> Segala sesuatu diantara tag-tag untuk di buat ke posisi tengah.
<font>...</font> menentukan atribut font.
<head>...</head> untuk bagian kepala dokumen
<html>...</html> untuk seluruh dokumen html
<strong>..</strong> menyuruh browser untuk menampilkan teks yang diapit dengan penekanan yang kuat.
<title>...</title> menentukan judul dokumen.
<hr>...</hr> menempatkan garis horizontal melintang didokumen.
<p>...</p> menempatkan paragraf didalam dokumen.
<form>...</form> menyisipkan sebuah form input
<img>...</img> menyisipkan sebuah gambar.
<li<...</li> digunakan dalam daftar terurut dan tidak terurut.
<ul>...</ul>daftar tidak terurut
<table>...</table> menyisipkan tabel