Lubuk Tutorial

Mengerti dan Memahami HTML

Lebih detil mengenai Struktur HTML

  • Pada dasarnya elemen HTML ada 2 kategori: 

1. Elemen  berfungsi untuk memberikan informasi atau mendeklarasikan dokumen tersebut. 

2. Elemen berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada browser.

  • Sebelum kita mengakhiri semua teori ini, ada 2 tools (alat) yang dibutuhkan:   

1. Browser merupakan software yang di install di mesin client (komputer kita sebagai pengguna website) yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Contoh browser Internet Explorer, Mozila, Chrome, Opera, dan masih banyak lagi yang lainya.

2. Editor adalah program yang bisa digunakan untuk membuat document HTML (Web page/Halaman Web), ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad, dll.

  • STRUKTUR DOKUMEN HTML
<html> 
<head> 
<title>
              Mengenal HTML...
</title> 
</head> 
<body> 
              Hallo Word...! 
</body> </html> 

<html> ... </html>    : merupakan tag pembuka dari dokumen html. 
<head> ... </head>   : merupakan tag tema atau judul blog
<title>  ...  </title>     : merupakan tag untuk memberikan judul pada dokumen html. 
<body> ... </body>   : merupakan body dari dokumen html. Segala sesuatu
                                 yang ingin ditampilkan di dokumen html disimpan dalam tag body ini.


Catatan
Semua yang berada dalam kotak teks, cukup Anda tuliskan ulang,

kemudian pindahkan ke editor notepad, lalu save, ganti 'save as type' di pojok bawah dari 'text documents txt', menjadi 'all files', berikan nama filenya yakni nama-file.html.

  • TAG BODY DAN ATRIBUTNYA
 1. BACKGROUND
Atribut ini digunakan untuk mengeset gambar yang digunakan sebagai latar belakang pada sebuah halaman. Kita cukup menggunakan atribut berikut untuk memilih sebuah gambar yang akan dijadikan latar belakang. Cara penulisannya adalah sebagi berikut: 

<body background="url gambar/lokasi penyimpanan gambar">  
 CONTOK:

 <html>
         <head>
         <title>Judul Dokumen</title> 
         </head>
         <body background="images/bg.jpg">
                             Mengganti background dokumen HTML dgn gambar.... 
         </body> </html>  

2. BGCOLOR 
Bgcolor menentukan warna latar belakang dari halaman web. Misalnya, untuk mengatur warna latar belakang halaman agar berwarna merah, kita dapat menggunakan tag berikut :

<body bgcolor="#222222?” >  


3. TEXT Atribut ini berguna untuk menentukan warna standar dari teks yang ada pada halaman tersebut. 

4. LINK Atribut ini berguna untuk menentukan warna standar dari tautan (link) yang ada pada halaman tersebut sebelum di-klik. 

5. VLINK Berguna untuk menentukan warna standar dari tautan (link) yang ada pada halaman tersebut ketika telah di-klik. 

6. ALINK Berguna untuk menentukan warna standar dari tautan (link) pada halaman tersebut ketika kursor berada diatasnya. 

7. MARGIN TOPMARGIN dan LEFTMARGIN digunakan untuk menentukan jarak atas dan tepian pada halaman. Tag ini akan terbaca pada browser Internet Explorer. Sedangkan untuk browser Netscape, tag yang digunakan adalah MARGINHEIGHT dan MARGINWIDTH. 

8. onLoad Tag onLoad digunakan untuk menjalankan suatu perintah ketika suatu halaman html dibuka. 

Contoh: 
<body onload="alert('Selamat')">

9. onUnloa Tag onUnLoad digunakan untuk menjalankan suatu perintah ketika suatu halaman html tutup.


Contoh: 
<body onUnload="alert('Selamat Tinggal')">

Bagaimana, apakah informasi di atas cukup memuaskan!?
Mudah-mudahan sedikit banyaknya ulasan diatas dapat membantu Anda dalam mempelajari asas bahasa pemograman. Dan jangan lupa, terus ikuti lubuktutorial.blogspot.co.id ini untuk menemukan artikel-artikel menarik lainnya. :))



Mengerti dan Memahami HTML Mengerti dan Memahami HTML Reviewed by Unknown on 12.28 Rating: 5

Tidak ada komentar:

Diberdayakan oleh Blogger.