BAB 030 - Daftar TAG Html

HTML Struktur

Tag

Description

<!DOCTYPE> 

Mendefinisikan tipe dokumen.

<html>

Elemen root dari halaman Html.

<head>

Elemen kepala Html berisi informasi meta tentang halaman Html.

<title>

Memberikan judul halaman Html.

<meta>

Tempat memberikan nilai property dari halaman Html tersebut.

<base>

Mendefinisikan base path url pada semua link halaman Html tersebut.

<body>

Badan Html, tempat seluruh isi dokumen Html.

 

 

Style CSS & Design Web

Tag

Description

<style>

Wadah tempat memasukkan style CSS.

<div>

wadah blok konten (division/grouping).

<span>

wadah untuk menata bagian teks.

<header>

Web Design, Area header halaman.

<footer>

Web Design, Area footer halaman.

<article>

Web Design, Area Artikel halaman.

<main>

Web Design, Area Main Artikel halaman.

<section>

Web Design, Area Section Artikel halaman.

<aside>

Web Design, Area Side Artikel halaman.

<details>

 

<dialog>

 

<summary>

 

<data>

 

 

 

FORMAT TEKS

Tag

Description

<abbr>

 

<address>

 

<b>

Teks tebal (bold).

<bdi>

 

<bdo>

 

<blockquote>

Quote besar.

<cite>

 

<code>

Teks keyboard style (computer code).

<del>

Membuat teks coret.

<dfn>

 

<em>

teks yang ditekankan , dengan menambahkan arti penting semantik.

<font>

Mendefinisikan font teks (font name, size, color).

<h1> to <h6>

Headings (Judul).

<ins>

Teks bergaris bawah.

<kbd>

 

<mark>

Teks marked highlighted.

<meter>

 

<p>

Paragraph

<progress>

 

<q>

Quote kecil.

<rp>

 

<rt>

 

<ruby>

 

<s>

 

<samp>

 

<small>

Teks kecil.

<strong>

Teks tebal, dengan menambahkan arti penting "kuat".

<sub>

Teks subscript.

<sup>

Teks superscripted.

<template>

 

<time>

 

<u>

 

<var>

 

<wbr>

 

 

 

Gambar

Tag

Description

<img>

Memasukkan gambar (image).

<map>

 

<area>

 

<canvas>

 

<figcaption>

 

<figure>

 

<picture>

 

<svg>

 

 

 

LINK

Tag

Description

<a>

Hyperlink

<link>

 

<nav>

 

 

 

LIST

Tag

Description

<ul>

Unordered list

<ol>

Ordered list

<li>

List item

<dl>

 

<dt>

 

<dd>

 

 

 

Tabel

Tag

Description

<table>

Mendefinisikan Table

<caption>

Caption table

<th>

Table Header.

<tr>

Table Row

<td>

Table Data (Cell)

<thead>

 

<tbody>

 

<tfoot>

 

<col>

 

<colgroup>

 

 

 

Audio / Video

Tag

Description

<audio>

Menghasilkan audio player pada browser.

<source>

Alamat file audio/video.

<track>

 

<video>

Menghasilkan video player pada browser.

 

 

FORM

Tag

Description

<form>

Mendefinisikan Form.

<input>

Input control

<textarea>

Input control (text area)

<button>

Tombol

<select>

Combo box

<optgroup>

 

<option>

Isi Combo box

<label>

Label

<fieldset>

Box kelompok input

<legend>

Legend Fiedset

<datalist>

 

<output>

 

 

 

FRAME

Tag

Description

<iframe>

Inline Frame

 

 

Script

Tag

Description

<script>

Mendefinisikan client-side script (Java Script).

<noscript>

Area jika browser tidak mendukung client-side script.

<embed>

 

<object>

 

<param>

 

 

 

MISC

Tag

Description

<br>

Single line break

<hr>

Horizontal Rule (garis)

<!--...-->

Comment

 

 

(*) Ada beberapa Tag yang tidak kita bahas pada tutorial kita ini.

(*) Tag-tag tersebut adalah tag yang jarang digunakan, hanya berguna untuk keperluan khusus saja.

(*) Teman & temanwati dapat mencarinya sendiri melalui berbagai sumber, untuk menambah wawasan.

(*) Mungkin suatu saat nanti jika memang relevan & dibutuhkan dalam bundel tutorial kita ini, saya akan meng-update dengan menambahkan beberapa dari tag-tag tersebut.

 


Sebelumnya
BAB 029 - Audio Video
  Berikutnya
BAB 031 - SELESAI

 

(0) Komentar

Beri komentar





Hanya komentar yang sudah di-approve admin yang tampil.

KESIMPULAN : HTML Struktur Tag Description <!DOCTYPE>  Mendefinisikan tipe dokumen. <html> Elemen root dari halaman Html. <head> Elemen kepala Html berisi informasi meta tentang halaman Html. <title> Memberikan judul halaman Html. <meta> Tempat memberikan nilai property dari halaman Html tersebut. <base> Mendefinisikan base path url pada semua link halaman Html tersebut. <body> Badan Html, tempat seluruh isi dokumen Html.     Style CSS & Design Web Tag Description <style> Wadah tempat memasukkan style CSS. <div> wadah blok konten (division/grouping). <span> wadah untuk menata bagian teks. <header> Web Design, Area header halaman. <footer> Web Design, Area footer halaman. <article> Web Design, Area Artikel halaman. <main> Web Design, Area Main Artikel halaman. <section> Web Design, Area Section Artikel halaman. <aside> Web Design, Area Side Artikel halaman. <details>   <dialog>   <summary>   <data>       FORMAT TEKS Tag Description <abbr>   <address>   <b> Teks tebal (bold). <bdi>   <bdo>   <blockquote> Quote besar. <cite>   <code> Teks keyboard style (computer code). <del> Membuat teks coret. <dfn>   <em> teks yang ditekankan , dengan menambahkan arti penting semantik. <font> Mendefinisikan font teks (font name, size, color). <h1> to <h6> Headings (Judul). <ins> Teks bergaris bawah. <kbd>   <mark> Teks marked highlighted. <meter>   <p> Paragraph <progress>   <q> Quote kecil. <rp>   <rt>   <ruby>   <s>   <samp>   <small> Teks kecil. <strong> Teks tebal, dengan menambahkan arti penting "kuat". <sub> Teks subscript. <sup> Teks superscripted. <template>   <time>   <u>   <var>   <wbr>       Gambar Tag Description <img> Memasukkan gambar (image). <map>   <area>   <canvas>   <figcaption>   <figure>   <picture>   <svg>       LINK Tag Description <a> Hyperlink <link>   <nav>       LIST Tag Description <ul> Unordered list <ol> Ordered list <li> List item <dl>   <dt>   <dd>       Tabel Tag Description <table> Mendefinisikan Table <caption> Caption table <th> Table Header. <tr> Table Row <td> Table Data (Cell) <thead>   <tbody>   <tfoot>   <col>   <colgroup>       Audio / Video Tag Description <audio> Menghasilkan audio player pada browser. <source> Alamat file audio/video. <track>   <video> Menghasilkan video player pada browser.     FORM Tag Description <form> Mendefinisikan Form. <input> Input control <textarea> Input control (text area) <button> Tombol <select> Combo box <optgroup>   <option> Isi Combo box <label> Label <fieldset> Box kelompok input <legend> Legend Fiedset <datalist>   <output>       FRAME Tag Description <iframe> Inline Frame     Script Tag Description <script> Mendefinisikan client-side script (Java Script). <noscript> Area jika browser tidak mendukung client-side script. <embed>   <object>   <param>       MISC Tag Description <br> Single line break <hr> Horizontal Rule (garis) <!--...--> Comment     (*) Ada beberapa Tag yang tidak kita bahas pada tutorial kita ini. (*) Tag-tag tersebut adalah tag yang jarang digunakan, hanya berguna untuk keperluan khusus saja. (*) Teman & temanwati dapat mencarinya sendiri melalui berbagai sumber, untuk menambah wawasan. (*) Mungkin suatu saat nanti jika memang relevan & dibutuhkan dalam bundel tutorial kita ini, saya akan meng-update dengan menambahkan beberapa dari tag-tag tersebut.  

 

 

Step By Step Belajar HTML 5

 

 

Artikel Lainnya :