Belajar HTML Bag. 3: Daftar Tag HTML Dan Fungsinya

Tag HTML Dan Fungsi Tag HTML

Tag Htm dan Fungsi Tag HTMLSetiap Tag HTML ditulis pada sepasang tanda kurung sudut pembukaan (<>) dan tanda kurung sudut penutup (</>). Diantara dua pasang braket, terletak teks yang akan diformat atau diberikan bentuk khusus. Setiap tag HTML memiliki atribut tertentu yang mungkin ditempatkan dalam kurung sudut pembuka (<>) setelah nama tag. Mari kita lihat kode HTML berbagai website.

lihat :

Belajar HTML Bag 1: Pengertian HTML, Dan Cara Membuat HTML

Belajar HTML Bag. 2: Kode HTML Dan Tag HTML

Belajar HTML Bag 4: Kode Warna HTML & Kode Hexa

Kode sumber seluruh halaman web adalah dikurung di dalam <html> dan </ html> tag. Web membaca kode dan konten yang ditulis setelah tag <html>.

Konten utama dari halaman web yang ditampilkan oleh browser terkandung dalam <body> dan </ body> tag. Semua isi tekstual dan grafis dari situs harus terkandung dalam <body> dan </ body> tag. Tag tubuh memiliki ‘bgcolor’ dan ‘font’ atribut untuk mengatur warna latar belakang dan jenis font.

Contoh Penulisan Tag HTML pada tabel dibawah ini:

HTML Tags Input Output
Bold <b> <b>Belajar HTML</b> Belajar HTML 
Italics <i> <i>Belajar HTML</i> Belajar HTML
Underline <u> <u>Kode HTML</u> Kode HTML 
Small text <small> <small>Belajar HTML</small> Belaja HTML 
Text bercoret <strike> <strike>Kode HTML</strike> Kode HTML 
Subscript <sub> CO<sub>2</sub> CO2
Superscript <sup> E=mc<sup>2</sup> E=mc2
Isi Dokumen HTML <body> <body>Isi Dokumen</body> Isi Dokumen
Line Break <br> Pertama<br>Kedua</br> Pertama Kedua
Center Alignment <center> <center>Belajar HTML</center> Belajar HTML
Font <font> <font face=”Times New Roman”
size=”4″>Kode HTML</font>
Kode HTML 
<font face=”Times New Roman” size=”4″
color=”#ff0000″>Font Merah</font>
Font merah 
List <li> <ul><li type=”square”>
Pertama</li><li type=”circle”>Kedua</li><li
type=”disc”>Ketiga</li></ul>
  • Pertama
  • Kedua
  • Ketiga
<ol type=”i”><li>File
HTML</li><li>Kode HTML</li><li>Tag
HTML</li></ol>
  1. File HTML
  2. Kode HTML
  3. Tag HTML
Ordered List <ol> Numbered<ol><li>Senin</li><li>Selasa</li><li>Rabu</li><ol>
  1. Senin
  2. Selasa
  3. Rabu
Numbered Special Start<ol
start=”10″><li>Roti</li><li>Mentega</li><li>Selei</li></ol>
  1. Roti
  2. Mentega
  3. Selei
Insert table <table>Insert columns <td>Insert row <tr> <table border=”1″>
<tr>
<td>January</td>
<td>2010</td>
</tr>
<tr>
<td>February</td>
<td>2011</td>
</tr>
</table>
January 2010
February 2011
Hyperlinks <a href> <a href=”http://jaringan
komputer.org/”>Buzzle</a>
Jaringan
Komputer 

 Daftar Tag HTML Lengkap dan Fungsi HTML di bawah ini

Jenis Tag HTML

Fungsi Tag HTML

<!–…–>

Tag HTML ‘komentar’ digunakan untuk membuat komentar dalam kode HTML.

<!doctype>

HTML !doctype tag digunakan untuk menentukan versi dukumen HTML yang digunakan.

<a>

 Tag HTML <a> digunakan untuk membuat  hyperlink ke salah satu dokumen lain, atau di suatu tempat dalam dokumen itu sendiri

<abbr>

HTML abbr tag digunakan untuk menunjukkan singkatan.

<acronym>

 tag HTML acronym  digunakan untuk menunjukkan akronim.

<address>

HTML address tag, digunakan untuk menunjukkan alamat, biasanya berhubungan dengan kepengarangan dokumen saat ini.

<applet>

HTML applet tag,  digunakan untuk menanamkan Java applet dalam dokumen HTML.

<area>

HTML area tag, digunakan untuk mendefinisikan suatu daerah di peta gambar.  

<b>

HTML b tag, digunakan untuk menentukan teks tebal.

<base>

HTML baser tag, digunakan untuk menentukan basis URI, atau URL, untuk link relatif

<basefont>

HTML besefont tag, digunakan untuk menentukan sebuah font dasar untuk dokumen yang akan digunakan.

<bdo>

HTML bdo tag, digunakan untuk mengesampingkan arah teks.

<big>

HTML big tag, digunakan untuk menentukan besar teks

<blockquote>

HTML blogquote tag, digunakan untuk menunjukkan kutipan panjang

<body>

HTML body tag, digunakan untuk menunjukkan bagian isi utama dari dokumen HTML

<br>

HTML br tag, digunakan untuk menentukan satu baris

<button>

HTML button tag, digunakan untuk membuat  dalam bentuk-bentuk tombol

<caption>

HTML caption tag, digunakan untuk membuat keterangan tabel

<center>

HTML centre tag, digunakan untuk menyelaraskan pusat-elemen HTM

<cite>

HTML cite tag digunakan untuk menunjukkan kutipan

<code>

HTML code tag digunakan untuk menunjukkan sepotong kode. Kode tag mengelilingi kode mark up.

<col>

HTML col tag digunakan untuk menentukan sifat kolom untuk setiap kolom dalam sebuah colgroup.

<colgroup>

HTML colgroup tag digunakan untuk menentukan properti untuk sekelompok kolom dalam sebuah tabe

<dd>

HTML dd tag digunakan untuk menentukan deskripsi definisi dalam daftar definisi.

<del>

HTML del tag digunakan untuk markup teks dihapus.

<dfn>

HTML dfn tag digunakan untuk menunjukkan definisi. Tag DFN mengelilingi istilah kata / didefinisikan.

<dir>

HTML dir tag usang dalam HTML 4.01 dan usang dalam HTML 5 . Gunakan tag ul HTML sebagai gantinya. Output akan sama.

<div>

HTML div tag digunakan untuk mendefinisikan bagian dari dokumen Anda. Dengan div tag,

<dl>

Tag HTML <dl> digunakan untuk menyatakan daftar definisi.

<dt>

Tag HTML <dt> digunakan untuk menentukan istilah definisi dalam daftar definisi.

<em>

HTML em tag digunakan untuk menunjukkan penekanan. Tag mereka mengelilingi istilah kata / sedang ditekankan.

<fieldset>

HTML fieldset tag digunakan untuk mengelompokkan elemen form terkait. Dengan menggunakan tag fieldset dan tag legenda

<font>

HTML font tag usang dalam HTML 4.01 dan usang dalam HTML 5 .

<form>

HTML form tag digunakan untuk menyatakan formulir

<frame>

HTML frame tag digunakan untuk menentukan setiap frame dalam frameset. . .

<frameset>

HTML frameset tag digunakan untuk memisahkan jendela ke dalam frame.

<h1>

 Tag HTML <h1> digunakan untuk menentukan tingkat judul 1

<h2>

Tag HTML <h2>  digunakan untuk menentukan tingkat judul 2

<h3>

Tag HTML <h3>  digunakan untuk menentukan tingkat judul 3

<h4>

Tag HTML <h4>  tag digunakan untuk menentukan tingkat judul 4

<h5>

Tag HTML <h5>  tag digunakan untuk menentukan tingkat judul 5

<h6>

Tag HTML <h6> digunakan untuk menentukan tingkat judul 6

<head>

HTML head tag digunakan untuk menunjukkan bagian kepala dari dokumen HTML.

<hr>

HTML hr tag digunakan untuk membuat aturan horisontal.

<html>

HTML html tag wadah yang berisi semua elemen HTML lain

<i>

HTML i tag digunakan untuk menentukan teks dalam huruf miring.

<iframe>

HTML i tag digunakan untuk menentukan teks dalam huruf miring.

<img>

HTML img tag digunakan untuk embedding gambar ke dalam dokumen HTML.

<input>

HTML input tag digunakan dalam formulir untuk mendeklarasikan elemen input – kontrol yang memungkinkan pengguna untuk input data.

<ins>

HTML ins tag digunakan untuk markup penyisipan teks.

<isindex>

HTML isindex tag digunakan untuk membuat teks garis kontrol input tunggal.

<kbd>

HTML kbd tag digunakan untuk menunjukkan teks yang akan dimasukkan oleh pengguna. Para kbd tag mengelilingi kata / frase.

<label>

HTML label tag digunakan untuk menambahkan label ke bentuk kontrol.

<legend>

HTML legend tag digunakan untuk pelabelan elemen fieldset.

<li>

HTML li tag yang digunakan untuk menentukan daftar item

<link>

HTML link tag digunakan untuk mendefinisikan link ke dokumen eksternal

<map>

map tag HTML yang digunakan untuk mendefinisikan peta gambar.

<menu>

HTML menu tag yang digunakan untuk menentukan daftar menu

<meta>

Tag HTML meta digunakan untuk menyatakan metadata untuk dokumen HTML.

<noframes>

HTML noframes tag digunakanuntuk menentukan alternatif konten untuk browser yang tidak mendukung frame.

<noscript>

HTML noscript tag digunakan untuk menyediakan alternatif konten untuk browser yang tidak mendukung javascript atau bahasa skrip lain.

<object>

Tag HTML object digunakan untuk melekatkan objek dalam dokumen HTML

<ol>

Tag HTML <ol> yang digunakan untuk menentukan daftar ordered (atau daftar bernomor).

<optgroup>

HTML optgroup tag digunakan untuk mengelompokkan terkait pilihan dalam daftar pilih.

<option>

HTML option tag digunakan bersama dengan select tag dan digunakan untuk mendefinisikan item pilihan dalam daftar pilih.

<p>

Tag HTML <p>digunakan untuk mendefinisikan sebuah paragraf.

<param>

HTML param tag digunakan untuk melewatkan parameter ke sebuah obyek tertanam.

<pre>

HTML pre tag digunakan untuk menunjukkan teks terformat. Kode tag mengelilingi kode yang mark up.

<q>

Tag HTML <q> digunakan untuk menunjukkan kutipan pendek

<s>

Tag HTML <s>digunakan untuk rendering coretan (atau
baris) pada tengah teks.

<samp>

HTML samp tag digunakan untuk menunjukkan contoh output
dari program komputer, skrip dll Samp tag mengelilingi frase sampel kata

<script>

HTML script tag digunakan untuk menyatakan script (seperti JavaScript) dalam dokumen HTML

<select>

HTML select tag digunakan untuk mendefinisikan daftar pilih.

<small>

HTML small tag digunakan untuk menentukan teks kecil.

<span>

Tag HTML <span> digunakan untuk pengelompokan dan menerapkan gaya ke elemen.

<strike>

HTML <s> tag digunakan untuk rendering coretan (atau baris) pada tengah teks.

<strong>

strong tag HTML yang digunakan untuk menunjukkan penekanan yang lebih kuat daripada em tag.

<style>

HTML <style> tag digunakan untuk menyatakan style sheet dalam kepala dokumen HTML

<sub>

<sub> tag HTML yang digunakan untuk mendefinisikan
subskrip teks.

<sup>

HTML sup tag yang digunakan untuk mendefinisikan
superskrip teks.

<table>

HTML <table> tag digunakan untuk mendefinisikan sebuah tabel. Tag tabel berisi tag lain yang mendefinisikan struktur dari tabel.

<tbody>

Tag tbody digunakan dalam hubungannya dengan <thead> tag dan <thead> tag dalam menentukan setiap bagian dari tabel
(header, footer, tubuh).

<td>

Tag HTML <td> digunakan untuk menentukan sel (atau data tabel) dalam tabel.

<textarea>

HTML <textarea> tag digunakan dalam form untuk mendeklarasikan elemen textarea -

<tfoot>

HTML <tfoot> tag digunakan untuk menambahkan footer ke sebuah tabel

<th>

HTML <th> tag digunakan untuk menentukan sel header (atau header tabel) dalam sebuah tabel.

<thead>

HTML <thead> tag digunakan untuk menambahkan header ke sebuah tabel

<title>

HTML <title> tag digunakan untuk menyatakan judul dari dokumen HTML.

<tr>

HTML <tr> tag digunakan untuk menentukan sebuah baris
tabel dalam tabel.

<tt>

HTML <tt> tag digunakan untuk rendering teletype (atau monospace) teks

<u>

HTML <u> tag digunakan untuk teks rendering digarisbawahi.

<ul>

HTML ul tag digunakan untuk menentukan daftar unordered (atau daftar un-number)

<var>

HTML var tag digunakan untuk menunjukkan sebuah contoh dari sebuah variabel atau parameter untuk suatu aplikasi.

Elemen HTML atau kode HTML yang digunakan untuk memformat konten pada halaman web disebut juga Tag HTML

 

 

One Comment

  1. Comment by jenalsobari:

    oh gitu..
    Terima Kasih Atas ilmunya.

Leave a Reply

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