Thursday, April 10, 2014

Pengenalan HTML

  1. Pengenalan HTML
HTML atau HyperText Markup Language merupakan salah satu format
yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman
web. HTML adalah file text murni yang dapat dibuat dengan editor text apapun.
Dokumen ini dikenal sebagai web page, dokumen HTML merupakan dokumen yang
disajikan pada web browser. Ada dua cara dalam menulis sebuah dokumen HTML
yang nantinya mejadi sebuah halaman browser. Yang pertama menggunakan HTML
editor atau Web editor, dan yang kedua menggunakan teks editor biasa seperti
menggunakan notepad.
Saat ini sudah banyak sekali paket aplikasi yang dapat digunakan untuk
membuat halaman web secara WYSIWYG ( What You See Is What You Get ) seperti
FrontPage,Dreamweaver dan lain sebagainya, Anda tetap harus menguasai tag-tag
HTML terutama yang dipergunakan untuk membuat aplikasi di internet kerena mau
tidak mau Anda akan bekerja dalam mode text editor bila mana hendak menyisipkan
setiap script HTML.

       1  Dokumen HTML dan penamaan HTML 
                     Dokumen HTML sama dengan aturan penamaan dokumen yang lain yaitu harus
                     menggunakan extensi .htm atau .html.

Contoh :
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dokumen HTML</title>
</head>
<body>
Isi dari dokumen
</body>
</html>

        Output : 
    

2.  Penggunaan Tag dan Atribut Tag
Dalam pembuatan dokumen HTML penulisan elemen yang diawali dan
diakhiri tanda tag HTML, memiliki syarat penulisan yaitu:
  •  Tag HTML diapit dengan dua karakter kurung sudut ( < dan > )
  • Tag HTML secara normal selalu berpasangan misal (<i>...</i>)
  •  Tag pertama dalam suatu pasangan adalah tag awal, dan tag yang kedua
  • merupakan tag akhir.
  •  Tag html tidak ‘case sensitive’. <b> sama dengan <B>
  • Jika dalam suatu tag ada tag lagi, maka penulisan tag akhir tidak boleh bersilang
harus berurutan. Misalnya <b><I>..Tebal dan Miring..</I></b>
Tag dapat mempunyai atribut. Atribut menyatakan sesuatu tentang tag tersebut.
Atribut digunakan untuk mengubah default pemformatan dokumen dengan tag yang
bersangkutan.

              3.  Body
          Merupakan section utama dalam dokumen web. Pada section ini semua isi
dokumen yang akan ditampilkan di dalam browser harus dituliskan.
<body> di awal setelah </head> dan </body> di akhir sebelum </html>
Sebagai latihan, ketiklah script HTML berikut ini, kemudian simpan pada
folder Anda masing-masing.Atribut elemen body :
background : latar belakang image dokumen
bgcolor : warna latar belakang dokumen, default putih
text : warna teks dokumen, default hitam
link : warna link dokumen, default biru
vlink : warnavisited link dokumen, default ungu
alink : warna active link dokumen, default merah 

                           Contoh  :
                     <html xmlns="http://www.w3.org/1999/xhtml">
          <head>
<title>Dokumen HTML</title></head><body><span>&lt;htmlxmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;</br>&lt;head&gt;<br>&lt;title&gt;Dokumen HTML&lt;/title&gt;</span> //<span>merupakantag title yang tampil pada tab browser</span></br><span class="style1">&lt;/head&gt;</br>&lt;body&gt;</span></br>Isi dari dokumen //<span class="style3">isi dari halamanweb</span></br><span class="style1">&lt;/body&gt;</br>&lt;/html&gt;</span></body></html> 

        Output  : 
            





0 comments:

Post a Comment