Blogger templates

Sabtu, 03 Maret 2012

Mengenal Tag-Tag Dasar HTML (Hypert Text Markup Language)

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam script web html. Dalam penggunaannya sebagian besar tag/ kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/").

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 titlel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian pada title bar browser Anda.


<BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, jenis text, table, warna active link dan lain-lain.

o    Contoh Tag-Tag HTML

<!--    -->            Memberikan komentar atau keterangan. Kalimat yang terdapat                      pada container tidak akan ditampilkan oleh browser.
   

<bgcolor=”#xxxxxx”>    Memberikan warna pada background html atupun cell pada table. Penghitungan warna kode secara hexadecimal. 2 karakter berturut-turut yaitu untuk merah, hijau, dan biru.


<background=”url”>    Memberikan background gambar pada  halaman web berdasarkan image sumber yang ditentukan (url).


<table>   </table>        Membuat table.


<tr>   </tr>            Membuat rows.


<td>   </td>            Membuat cell.


<width=”x”>            Mengatur ukuran panjang suatu table, gambar, garis, dll.


<height=”x”>            Mengatur ukuran lebar  suatu table, gambar, garis, dll.

<font color=”#xxxxxx”>    Memberikan warna pada font/ tulisan. Penghitungan warna kode secara hexadecimal. 2 karakter berturut-turut yaitu untuk merah, hijau, dan biru.


<font face=”(jenis huruf)”>    Mengatur jenis huruf suatu kalimat yang akan ditampilkan oleh browser. Misalnya Times New Roman, Arial, Helvetica, dll.


<font size=”x”>    Mengatur ukuran kalimat yang akan ditampilkan oleh browser. X adalah variable. Maksimal adalah 6.


<img src=”url”>    Memberikan image/ gambar pada halaman html berdasarkan alamat file yang ditentukan (url). Contoh file ber-extensi *.jpg/jpeg, *.bmp, *.png dll.


<embed src=”url”>    Memberikan file multimedia (audio/video) pada halaman html berdasarkan alamat file yang ditentukan (url). Contoh file ber-extensi *.swf, *.avi, *.wmv, *.mp3,  dll.


<p>    </p>            Merupakan awal dari satu paragraph.


<br>                Ganti baris (enter).


&nbsp;                Memberikan spasi pada tampilan.


<b>   </b>            Membuat kalimat menjadi tebal (bold).


<i>   </i>            Membuat kalimat menjadi miring (italic).


<u>   </u>            Membuat kalimat menjadi bergaris bawah (underlined).


<p align=”left/center/justify/center”>   </p>                   
Memberikan gaya tulisan pada kalimat yang ditampilkan oleh  browser. Seperti rata kiri = left, rata kanan = right, rata tengah = center, rata kiri kanan = justify.   



<marquee>  </marquee>    Membuat tulisan bergerak kearah yang diminati. Misalnya jika ingin bergerak ke atas maka penulisan tagnya:


<marquee direction=”up”>(kalimat)</marquee>. Up bisa diganti down, right atu left.


<a href=”url/address”></a>    Membuat link ke suatu file html lain atau ke suatu situs tetapi dengan syarat ditambahkan “http://(alamat sites)/”, dll.

0 komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.

Che ragiliya. Diberdayakan oleh Blogger.

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Online Project management