Tag Dasar HTML

Kode HTML Dasar

Deskripsi

  1. Header
    Tag yang ditulis setelah pembukaan tag html, biasanya digunakan untuk menambahkan tag meta data dan title dari suatu dokumen html. Juga biasa digunakan untuk mendeklarasikan style dan script pada dokumen tersebut. Bagian ini tidak akan di tampilkan pada content / isi dari halaman web
  2. Title
    Tag Title adalah judul dari sebuah halaman atau website. Elemen ini akan terlihat pada header browser yang bisa mewakili isi dari suatu website untuk bisa menampilkan informasi dari content website.
  3. Meta Description
    Meta description adalah tag HTML yang berisi deskripsi singkat dari suatu website. Pada tag ini, kita bisa menjelaskan secara singkat isi dari website yang kita miliki, sehingga pengunjung dapat mengetahui gambaran dari content website tersebut dan dapat menarik minat mereka untuk berkunjung ke website.
  4. Heading
    Tag Heading merupakan style ukuran text yang tersetruktur yang biasa digunakan untuk text judul dan sub-judul di dalam content website. Spesifikasi Tag Heading mempunyai berbagai tingkatan yang biasa di sebut H1, H2, H3, H4, H5 dan H6 yang masing masing mempunyai fungsi yang berbeda. Judul Besar Sub Judul 1 Sub Judul 2 sampai Sub Judul …
  5. Anchor Text dan Link
    Anchor text adalah sebuah kata atau kalimat pada website yang berisi tautan/link mengarah pada website lain yang dapat diklik. Cara menemukan anchor text juga mudah, biasanya text atau kalimatnya berwarna, font tebal, menggunakan font italic atau memiliki garis bawah. Anchor text ini berguna untuk memberikan tautan pada halaman atau website lain yang masih relevan.
  6. Image Alt Text
    Tag ini merupakan elemen untuk memberikan informasi alternatif pada gambar. Image Alt Text akan membantu pengunjung / mesin pencari untuk memahami maksud suatu gambar.
  7. Tag Paragraf
    Tag paragraf merupakan tag untuk menandai setiap blok teks dalam paragraf
  8. Tag Huruf Tebal (Bold)
    Tag ini berfungsi untuk membuat teks menjadi tebal.
  9. Tag Huruf Miring (Italic)
    Tag ini berfungsi untuk membuat teks menjadi miring.
  10. Tag Huruf Underline
    Tag ini berfungsi untuk membuat teks memiliki garis bawah.
  11. Tag Table
    Tag ini berfungsi untuk membuat tabel, di mana nantinya akan diikuti dengan tag-tag lain yang berfungsi untuk membentuk isi tabel seperti Tag TR untuk membuat row / baris, Tag TD untuk membuat column / kolom.

Contoh Penggunaan

<!DOCTYPE html>
<html>
    <head>
        <title>Belajar HTML #02</title>
    </head>
    <body>
		<h1>Ini adalah Header 1 - Contoh Kode Dasar HTML</h1>
		<h2>Ini adalah Header 2 - Penggunaan Text</h2>
        <p>Ini adalah isi dari paragraf 1</p>
        <p>Ini adalah isi dari paragraf 2. Contoh penggunaan link, klik <a href="www.kucluk.id">di sini</a></p>
        <p>Ini adalah isi dari paragraf 3. Contoh penggunaan huruf tebal / bold -> <b>Huruf Tebal</b></p>
        <p>Ini adalah isi dari paragraf 4. Contoh penggunaan huruf miring / italic -> <i>Huruf Miring</i></p>
        <p>Ini adalah isi dari paragraf 5. Contoh penggunaan huruf underline -> <u>Huruf Underline</u></p>
		<h2>Ini adalah Header 2 - Penggunaan Table</h2>
		<table border="1">
			<thead>
				<td>Judul 1</td><td>Judul 2</td>
			</thead>
			<tr>
				<td>Baris 1 - Kolom 1</td><td>Baris 1 - Kolom 2</td>
			</tr>
			<tr>
				<td>Baris 2 - Kolom 1</td><td>Baris 2 - Kolom 2</td>
			</tr>
		</table>
    </body>
</html>
Contoh Penerapan Tag-Tag Dasar HTML

Leave a Reply

Your email address will not be published. Required fields are marked *