Tag Html beserta Fungsi dan Contoh Penggunaannya

Pada artikel ini saya akan menulis mengenai tag html beserta fungsi, sebelum itu apa sih html itu? HTML adalah bahasa markup standar untuk membuat halaman web, HTML  menggunakan markup untuk menggambarkan struktur halaman web, blok yang membentuk halaman HTML disebut elemen HTML, elemen HTML direpresentasikan dengan tag.

Berikut ini adalah beberapa Tag yang terdapat pada HTML:

Beberapa Tag Html Beserta Fungsi

Tag Dasar HTML

<HTML>
    <head>
        <title>Judul halaman web</title>
    </head>
    <body>
       (Bagian isi dokumen HTML)
    </body>
</HTML>

<HTML> berfungsi untuk memberitahukan kepada browser bahwa itu adalah dokumen HTML.

<head> informasi meta dokumen biasanya berisi judul halaman web, css dan lain lain.

<title> untuk membuat judul halaman yang akan ditampilkan di browser.

<body> tempat untuk coding, Isi dari dokumen HTML bisa diisi teks, video, gambar, maupun link

<h1> biasanya digunakan untuk membuat header di halaman web, Tag yang digunakan adalah dengan nilai n antara 1 sampai 6.

Tag Formating

<b> untuk mencetak tebal teks

<i> untuk mencetak miring teks

<u> digunakan untuk membuat garis bawah

<big> untuk memperbesar teks

<small> mengecilkan teks

<strike> untuk memberikan coretan pada teks

<tt> berfungsi untuk menampilkan sebuah teks seperti mesin ketik

<sub> untuk membuat teks subscript (agak sedikit kebawah)

<sup> membuat teks superscript (agak sedikit keatas)

<center> untuk membuat teks rata tengah

<mark> membuat teks ditandai

<abbr> untuk mendefinisikan singkatan atau akronim

<address> untuk mendefinisikan informasi kontak untuk pemilik dokumen/artikel

<blockquote>  untuk mendefinisikan kutip yang diambil dari sumber lain

<code>  berfungsi untuk mendefinisikan kode komputer

<pre> untuk mendefinisikan teks yang telah diformat sebelumnya

Tag

<form> untuk mendefinisikan formulir HTML

<input> untuk mendefinisikan kontrol input

<textarea> masukan multiline (area teks)

<button> untuk membuat tombol yang bisa di klik

<select> untuk membuat daftar drop-down

<optgroup> untuk membuat sekelompok opsi yang ada pada daftar drop-down

<option> membuat opsi dalam daftar drop-down

<label> membuat label untuk elemen <input>

<fieldset> mengelompokkan elemen terkait dalam formulir

<legend> mendefinisikan keterangan untuk elemen <fieldset>

<datalist> menentukan daftar opsi yang telah ditentukan sebelumnya untuk kontrol input

<output> mendefinisikan hasil perhitungan

Tag Tabel

<table> untuk mendefinisikan sebuah tabel

<caption> untuk mendefinisikan judul tabel

<th> untuk mendefinisikan sel header dalam tabel

<tr> untuk mendefinisikan baris dalam tabel

<td> untuk mendefinisikan sel dalam tabel

<thead> untuk mengelompokkan konten header dalam sebuah tabel

<tbody> untuk mengelompokkan isi body dalam sebuah tabel

<tfoot> untuk mengelompokkan konten footer dalam tabel

<col> menentukan properti kolom untuk setiap kolom dalam elemen <colgroup>

Tutorial selanjutnya: Cara Membuat Paragraf di Html dengan Mudah


Istilah pencarian terkait:

  • tag html adalah
  • tag html
  • tag html 5
  • tag link html
  • basic tag html
  • all tag html
Bagikan artikel ini
Kuhaku
Kuhaku

Hai 👋, Saya Kuhaku, Mahasiswa teknik informatika yang berkeinginan untuk menjadi seorang Full-Stack Developer.

Leave a Reply

Alamat email Anda tidak akan dipublikasikan.