Kamis, 10 Februari 2011

Mengenal HTML

    Setelah membaca materi pada bab 1 ini anda diharapkan dapat mengerti tentang:
� Pengertian HTML
� Menggunakan tag pada HTML
� Mengetahui daftar tag pada HTML
Pengertian HTML
Seperti yang telah dijelaskan sebelumnya bahwa HTML(Hyper Text Markup Language)
adalah
simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk
menampilkan halaman pada web browser. Tag-tag HTML selalu diawali dengan <x> dan
diakhiri

dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang
tidak diakhiri dengan tanda </x> seperti tag <br>, <input> dan lainnya.
Sebuah halaman website akan diapit oleh tag <html>……</html>. File-file HTML selalu
berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda mengetik sebuah naskah
dan
menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.
Menggunakan Tag pada HTML
Beberapa contoh penggunaan tag HTML,
Contoh Hasil
<b>Ini tulisan tebal</b>
<i>Ini tulisan miring</i>
<u>Ini tulisan bergaris bawah</u>
Ini baris 1<br>Ini baris 2
Ini garis horizontal <hr>
Ini tulisan tebal
Ini tulisan miring
Ini tulisan bergaris bawah
Ini baris 1
Ini baris 2
Ini garis horizontal
Ada beberapa tag yang memilki atribut didalamnya, seperti tag <font>, <table>, <input>
dan
sebagainya. Pada tag font ia memiliki beberapa atribut diantaranya atribut: color, size,
face.
Untuk lebih memahami atribut lihatlah contoh berikut ini.
<font color=”red” face=”Arial” size=”12”>Ini Font Arial berwarna merah dan berukuran
12
pt</font>
hasil � Ini Font Arial berwarna merah dan berukuran 12 pt
� Atribut color digunakan untuk menentukan warna tulisan.
� Atribut face digunakan untuk menentukan jenis huruf.
� Atribut size digunakan untuk menentukan ukuran huruf.
Jika anda lihat bahwa atribut color berada pada awal, lalu yang kedua adalah face dan
yang
terakhir adalah size. Anda  tidak perlu memperdulikan urutan atribut tersebut karena
browser
hanya membaca isi dari properi bukan urutan atributnya.
Daftar Tag pada HTML
Berikut ini adalah tabel tag-tag HTML dan fungsinya:
Tag Utama
Tag Atribut Deskripsi
<html>
</html> Baris paling atas dari setiap file HTML
<head>
</head> Informasi umum dari sebuah halaman web
<title>
</title> Judul halaman. Terdapat pada head
<body>
</body>
background
bgcolor
bgsound
font
link
alink
vlink
topmargin
leftmargin
marginheight
marginwidth
Settingan atribut untuk seluruh dokumen.
Modifikasi Teks
Tag Deskripsi Contoh
<b> </b> Teks tebal Teks tebal
<i> </i> Teks miring Teks miring
<u> </u> Teks garis bawah Teks garis bawah
<pre> </pre> Preformatted teks Contoh teks
<h1> </h1> Header 1 Header 1
<h2> </h2> Header 2 Header 2
<h3> </h3> Header 3 Header 3
<h4> </h4> Header 4 Header 4
<h5> </h5> Header 5 Header 5
<h6> </h6> Header 6 Header 6
<sub> </sub> Subscript Subscript
<sup> </sup> Superscript Superscript
Font
Tag Atribut Deskripsi
<font>
</font>
color
size
name
Mengubah gaya suatu huruf.
Links
Tag Atribut Deskripsi
<a> </a>
href
target
style
class
name
id
Membuat link ke dokumen atau situs lainnya
Sumber   : http://artikel.ilmuti.com/2011/01/31/mengenal-html-lebih-jauh/
download artikel lengkap jaenalabidin_MASTERING KODE HTML

0 comments:

Template by : waHyu yuwono secret-wahyu.blogspot.com