Kamis, 01 Desember 2011

HTML

HTML (Hyper Text Markup Languange) adalah bahasa standart dalam menulis halaman web. Walaupun sekarang telah banyak aplikasi yang digunakan untuk membuat halaman web secara WYSIWYG (What You See Is What You Get) tetapi kita juga harus bisa menguasai tag-tag HTML.


  1. Dasar-dasar HTML : Sesuai dengan namanya maka dokumen HTML terdiri dari tanda-tanda (markup) untuk menandai perintah-perintahnya (yang selanjutnya akan kita sebut sebagai tag). Tag HTML biasanya adalah tag-tag yang berpasangan dan ditandai dengan simbol < dan > , sedangkan 'pasangan' atau akhir perintah dari sebuah tag ditandai dengan tanda / , misalnya pasangan dari tag <tag> adalah </tag> . 
  • Heading : Tag heading berfungsi untuk menformat Heading (Judul/sub judul) dalam sebuah documen ada 7 heading. Ada 7 buah heading yang dikenal dalam HTML yaitu <H1> sampai <H7>.
  • Paragraf : untuk memformat paragraf kita bisa menggunakan tag <P>. Dengan tag ini kita bisa menentukan alignment (posisi) dari document HTML. Untuk mengatur posisi tulisan kita menggunakan atribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan (left / center / justify / right)
  • Break Line : Tag Break <BR> berfungsi untuk pindah baris. Tag break tidak memerlukan tag penutup break .
  • Horizontal Ruler : Tag Horisontal Ruler <HR> berfungsi untuk membuat garis mendatar. Tag horisontal ruler juga tidak memerlukan elemen penutup </hr>.  Atribut elemen <hr> adalah Align yaitu posisi garis mendatar (left / center / right), Size yaitu ketebalan garis (dalam piksel), Width yaitu panjang garis (dalam piksel atau % lebar halaman), Noshade yaitu garis solid.
  • Pemformatan Karakter : Untuk mengukur jenis, ukuran, warna suatu font, kita bisa  menggunakan tag <FONT>. Atribut elemen-elemen font meliputi Size (ukuran warna), Color (warna huruf), Face (jenis huruf).  Atribut tersebut terletak pada tag <body> sehingga efeknya dapat terliahat di seluruh dokumen.
  • Marquee adalah sebuah text berjalan pada halaman web. sintaksnya adalah sebagai berikut: <marquee [property]>......isi text marquee.....</marquee>
  • Membuat Link : Elemen link berfungsi sebagai penghubung antara suatu halaman dengan halaman lain, atau ke URL lain, bahkan dalam satu halaman untuk berpindah ke sub judul yang lain. Format tag link adalah sebagai berikut: <a href=URL_tujuan>hypertext</a> , URL_tujuan merupakan lokasi dan nama file yang akan di tuju, sedangkan hypertext adalah text yang akan dijadikan link atau tombol penghubung.
  • Membuat Tabel : untuk menampilkan data dalam bentuk tabel pada HTML, gunakan tag <table>....</table>. Elemen table berisi properti <tr>...</tr> untuk menentukan baris (table row) yang di dalamnya terdapat properti <td>...</td> untuk menampilkan data pada setiap sel table (table data)
  • Menempelkan Image : Tag yang digunakan untuk menempelkan image adalah IMG. Sintaksnya adalah <img scr=namafilegambar>, atribut elemen image: Scr= lokasi dan nama file, alt= menampilkan teks pada saat kursor mouse berada di atas gambar, width= lebar gambar (dalam pixel), height= tinggi gambar (dalam pixel), align= perataan gambar, border= tebal garis tepi gambar.
  • List : properti <li> digunakan untuk menampilkan informasi dalam bentuk daftar (list). Jenis list dalam HTML terbagi menjadi Ordered List adalah daftar yang tiap bagiannya disertai dengan penomoran, ordered list diawali dengan tag <OL> . Unordered List adalah list yang biasanya ditandai dengan pemakaian bullet untuk menandai setiap item dalam list, unordered list diawali dengan tag <UL>.

Tidak ada komentar:

Posting Komentar