Pengaturan global sebuah web dapat dilakukan di dalam tag <head> </head> dan pada atribut tag <body>. Pengaturan global memberikan informasi yang diperlukan browser untuk menampilkan dokumen web secara sempurna sebagaimana seharusnya. berikut ini daftar tag HTML untuk pengaturan global :
Elemen-elemen HTML untuk Pengaturan Globa
| Tag/Atribut | Sintaks | Penjelasan |
| HTML | <html>....</html> | Menandai awal dan akhir dokumen HTML |
| Title | <title>....</title> | Ditempatkan dibagian kepala, untuk mendefinisikan judul dokumenyang akan ditampilkan di title bar layar browser |
| Head | <head>....</head> | Menandai bagian kepala dokumen HTML dan berisi informasi tentang halaman Web. Tag ini bersifat opsional. |
| Base | <base>....</base> | Menentukan lokasi dasar URL dokumen |
| Meta | <meta>....</meta> | Mendefinisikan metadata, ditempatkan dibagian kepala untuk menjelaskan informasi dokumen, seperti kata kunci |
| BaseFont | <baseFont size="nilai"> | menentukan ukuran font dasar (nilainya 1-7, defaultnya 3) |
| Body | <body>....</body> | Menandai bagian isi doumen yang akan ditampilkan dilayar browser. tag ini bersifat opsional untuk dokumen html |
| Backgraund | <body backgraund="file_gambar"> | Menggunakan file_gambar sebagai latar doumen web |
| Bgcolor | <body bgcolor="warna"> | menentukan warna latar dokumen web |
| Text | <body text="warna"> | menentukan warna seluruh teks |
| Link | <body link="warna"> | menentukan warna teks hyperlink |
| ALink | <body alink="warna"> | menentukan warna hyperlink aktif |
| VLink | <body vlink="warna"> | menentukan warna hyperlink yang sudah dibuka |
| Bgproperties | <body bgproperties="perilaku_gb_lata"> | menentukan perilaku gambar latar(tetap, atau bergeak pada saat layar browser digulung) |
Pada data diatas menunjukkan contoh penulisan kode HTML dengan menggunakan editor teks Notepad ataupun Dreamwafer, berikut ini contoh pembuatan penulisan kode HTML yang pernah saya buat...:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>my home page</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
</head>
<body text="#ffffff" bgcolor="#000080">
<h1 align="center">selamat datang di my home page
yang petama</h1>
<hr>
<p>
di bawah ini adalah tampilan halaman web yang pertama
kali saya buat dengan
menggunakan perintah-perintah HTML
</p>
<p>warna latar dokumen ini adalah biru tua (navy) dan
warna teks naskah putih,
seperti yang anda lihat</p>
<p>metadata dokumen ini adalah :<br>
Bahasa : bahasa indonesia (id) <br>
Jenis dokumen : text/html <br>
Kode karakter: Windows-12552 <br>
Keyword : latihan, HTML <br>
</p>
</body>
</html>
Bila anda menuliskan kode Html yang saya tulis itu dengan Notepade maupun Dreamweaver maka bila di evakuasi (tekan F12 pada keyboard) maka akan berubah seper gambar berikut :
Nah gitu dulu infonya, mungkin bisa dibuat sebagai pembelajaran apa yang telah saya sampaikan, sekian dulu dari saya semoga bermanfaat. ^_^
eh kelupaan...., nih tak kasih kode HTML, bila anda tulis, maka akan menjadi seperti tabel diatas..., sekalian buat belajar.
<table border="2" style="width: 650px;"><caption><span style="font-size: medium;">Elemen-elemen HTML untuk Pengaturan Global</span></caption> <tbody>
<tr> <th align="center" color="green" style="font-weight: normal;" width="150"><b>Tag/Atribut</b></th> <td align="center" width="200"><b>Sintaks</b></td> <td align="center" width="300"><b>Penjelasan</b></td> </tr>
<tr> <th align="center" width="150">HTML</th> <td align="center" width="200"><html>....</html></td> <td align="center" width="300">Menandai awal dan akhir dokumen HTML</td> </tr>
<tr> <th align="center" width="150">Title</th> <td align="center" width="200"><title>....</title></td> <td align="center" width="300">Ditempatkan dibagian kepala, untuk mendefinisikan judul dokumenyang akan ditampilkan di title bar layar browser</td> </tr>
<tr> <th align="center" width="150">Head</th> <td align="center" width="200"><head>....</head></td> <td align="center" width="300">Menandai bagian kepala dokumen HTML dan berisi informasi tentang halaman Web. Tag ini bersifat opsional.</td> </tr>
<tr> <th align="center" width="150">Base</th> <td align="center" width="200"><base>....</base></td> <td align="center" width="300">Menentukan lokasi dasar URL dokumen</td> </tr>
<tr> <th align="center" width="150">Meta</th> <td align="center" width="200"><meta>....</meta></td> <td align="center" width="300">Mendefinisikan metadata, ditempatkan dibagian kepala untuk menjelaskan informasi dokumen, seperti kata kunci</td> </tr>
<tr> <th align="center" width="150">BaseFont</th> <td align="center" width="200"><baseFont size="nilai"></td> <td align="center" width="300">menentukan ukuran font dasar (nilainya 1-7, defaultnya 3)</td> </tr>
<tr> <th align="center" width="150">Body</th> <td align="center" width="200"><body>....</body></td> <td align="center" width="300">Menandai bagian isi doumen yang akan ditampilkan dilayar browser. tag ini bersifat opsional untuk dokumen html</td> </tr>
<tr> <th align="center" width="150">Backgraund</th> <td align="center" width="200"><body backgraund="file_gambar"></td> <td align="center" width="300">Menggunakan file_gambar sebagai latar doumen web</td> </tr>
<tr> <th align="center" width="150">Bgcolor</th> <td align="center" width="200"><body bgcolor="warna"></td> <td align="center" width="300">menentukan warna latar dokumen web</td> </tr>
<tr> <th align="center" width="150">Text</th> <td align="center" width="200"><body text="warna"></td> <td align="center" width="300">menentukan warna seluruh teks</td> </tr>
<tr> <th align="center" width="150">Link</th> <td align="center" width="200"><body link="warna"></td> <td align="center" width="300">menentukan warna teks hyperlink</td> </tr>
<tr> <th align="center" width="150">ALink</th> <td align="center" width="200"><body alink="warna"></td> <td align="center" width="300">menentukan warna hyperlink aktif</td> </tr>
<tr> <th align="center" width="150">VLink</th> <td align="center" width="200"><body vlink="warna"></td> <td align="center" width="300">menentukan warna hyperlink yang sudah dibuka</td> </tr>
<tr> <th align="center" width="150">Bgproperties</th> <td align="center" width="200"><body bgproperties="perilaku_gb_lata"></td> <td align="center" width="300">menentukan perilaku gambar latar(tetap, atau bergeak pada saat layar browser digulung)</td> </tr>
</tbody></table>
Hehehehe...., Tulisan apa yah itu kok bingungin.,