Dan kita membagi semua pembahasan HTML dalam beberapa seri pada artikel Tutorial HTML yang akan datang. Jadi jangan sampai ketinggalan artikel selanjutnya. Kita boleh saja hafal semua tag HTML, tetapi kita juga harus tau apa kegunaan dari tag tersebut. Berikut beberapa tag HTML beserta fungsinya.
Eleman pada tag HEAD
<head> ... </head>
Eleman tag HEAD tentunya dimulai dengan <head>...</head>.tag ini sebagai dimulai dan berakhirnya bagian kepala web anda.
<title> ... </title>
Sebagai titel atau judul halaman/form dan di letakan diantara tag <head>...</head>. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).<link rel=".." href=".." type=".." />
Tag ini digunakan untuk memanggil file source yang akan digunakan oleh suatu halaman.Seperti file css, favicon, atau media embeded lainya.
<script type=".." />
Tag ini digunakan untuk menuliskan media text seperti JavaScript atau yang lainya.Dan bisa memanggil file lainya dengan menambahkansrc="namafile.js" pada bagian tag tersebut.
<style> ... </style>
Kita dapat menuliskan langsung style sheet pada suatu file html pada tag ini. Tetapi hal ini jarang dilakukan bila terdapat file yang banyak dengan style sheet yang sama.
Elemen pada tag BODY
<body> ... </body>
Pasti anda sudah tau fungsi tag ini bila sudah membaca tutorial sebelumnya bukan?
tag <body>...</body> mempunyai banyak sekali atribut, atribut adalah sesuatu yang di sertakan pada sebuah tag. Lihat contoh dibawah ini !
<body bgcolor="red">...</body>
<hn> ... </hn>
Ini adalah format tag text header, huruh n digantidengan angka dari <h1>...</h1> untuk yang paling besar dan <h6>...</h6> untuk yang paling kecil.<p> ... </p>
Format text paragraph pada HTML. mempunyai margin antara sesama tag <p>...</p><div> ... </div>
Tag yang mempunyai kelebihan dalam penggunaanya, sehingga sekarang banyak yang menggunakanya untuk menyusun sebuah halaman website dengan tag <div>...</div> dan mulai meninggalkan fungsi tabel.<span> ... </span>
Kita dapat menambahkan style pada suatu teks tanpa harus mengganggu elemen lain karena tag ini tidak mempunyai margin (top dan bottom) dan tidak berganti baris.<font> ... </font>
Digunakan untuk mengatur huruf pada dokumen HTML. Tag font mempunyai beberapa attribut, yaitu: SIZE, FACE, COLOR, dllSIZE: Digunakan untuk mengatur ukuran font.
FACE: Digunakan untuk mengatur jenis atau nama font.
COLOR: Digunakan untuk mengatur warna font.
<font size="14px" face="Arial" color="red"> contoh text </font>
<br />
Tag yang dibunakan untuk pindah baris, seperti fungsi enter pada MS.Word
Tag tambahan pada format text
- <b>...</b> Text Bold
- <i>...</i> Text Italic
- <u>...</u> Text Underline
- <tt>...</tt> Typerwriter
- <s>...</s> Strike
- <pre>...</pre> Format Source Code
- <dfn>...</dfn> Contoh Text
- <strong>...</strong> Contoh Text
- <address>...</address>
- <code>...</code>
- <hr /> Membuat garis bawah
- <samp>...</samp> Contoh Text
- <kbd>...</kbd> Contoh Text
- <big>...</big> Contoh Text
- <small>...</small> Contoh Text
- <sub>...</sub>Contohtext
- <sup>...</sup>(pangkt)contoh
- <abbr>...</abbr> Contoh Text
- <acronym>...</acronym> Contoh Text
- <q>...</q>
Contoh Text
- <cite>...</cite> Contoh Text
Sekian dulu tutorial HTML 2 kali ini. Semoga yang saya tuliskan dapat bermanfaat bagi anda semua.
Mungkin ini masih kurang komplit dan mungkin masih ada kesalahan dalam penulisannya, Saya menerima setiap kritik dan saran untuk menyempurnakan artikel ini. Terimakasih.
