Belajar HTML 1

Minggu, Januari 16, 2011 |

Tag Dasar HTML

Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:

<html>

<head>

<title>Disini titel websiteku</title>

</head>

<body>

Disini adalah konten yang tampil di browser

</body>

</html>

Preview

Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.

Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.

Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".

Tag "…" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia).

Format Font HTML

Tag HTML untuk font adalah <font>…</font>, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:

<html>

<head></head>

<body>

Untuk membuat jenis font (face):

<h1><font face="Verdana">Judul dengan font Verdana</font></h1>

<p><font face="Times">Konten dengan font Times</font></p>

Untuk membuat ukuran (size):

<h1><font size="5">Judul dengan size 5</font></h1>

<p><font size="3">Konten dengan size 3</font></p>

Untuk membuat warna font (color):

<h1><font color="blue">Judul dengan warna biru</font></h1>

<p><font color="red">Konten dengan warna merah</font></p>

Contoh komplit untuk membuat jenis font (face),size dan color:

<h1><font face="Verdana" size="4" color="green">Judulnya Tentang Font</font></h1>

<p><font face="Arial" size="3" color="#660000">Ini adalah  contoh tulisan dengan <i>pengaturan font</i> yang  menggunakan<br>

tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p>

</body>

</html>