Trial And Eror

Knowledge Is Free..!
Start Working Smart, Not Hard
Start Sharing, Not Selling

Sunday 5 October 2014

Kumpulan Code / Tag HTML Lengkap beserta Fungsinya

RINGKASAN Dalam praktikum kali ini, Anda akan mempelajari penggunaan dari beberapa tag dasar yang hampir akan selalu digunakan dalam setiap praktikum Anda nantinya.
Perhatikan daftar tag di bawah ini, serta kegunaan utamanya dalam sebuah halaman HTML.


Tag HTML dasar

Start Tag
NN
IE
W3C
Kegunaan
<html>
3.0
3.0
3.2 
Mendefinisikan sebuah dokumen html
<body>
3.0
3.0
3.2
Mendefinisikan isi/badan suatu dokumen
<h1>-<h6>
3.0
3.0
3.2 
Mendefinisikan heading ke 1 s/d heading ke 6
<p>
3.0
3.0
3.2
Mendefinisikan sebuah paragraf
<br>
3.0
3.0
3.2
Menyisipkan sebuah line break
<hr>
3.0
3.0
3.2
Mendefinisikan sebuah garis horisontal
<!-->
3.0
3.0
3.2
Mendefinisikan komentar dalam kode sumber HTML
Setelah itu, Anda akan mempelajari penggunaan dari beberapa tag yang digunakan dalam melakukan pemformatan tampilan halaman web supaya lebih sesuai dengan keinginan atau agar lebih rapi dan terstruktur.
Perhatikan beberapa daftar tag di bawah ini, serta kegunaan utamanya dalam sebuah halaman HTML.
Beberapa diantaranya telah dihilangkan dari daftar tag HTML standar, namun masih memungkinkan untuk ditampilkan pada beberapa browser tertentu atau browser lama.

Tag Untuk Pemformatan Teks Dasar

Start Tag
NN
IE
W3C
Kegunaan
<b>
3.0
3.0
3.2
Mendefinisikan teks tebal
<big>
3.0
3.0
3.2
Mendefinisikan teks yang lebih besar
<em>
3.0
3.0
3.2 
Mendefinisikan teks yang dimiringkan 
<i>
3.0
3.0
3.2 
Mendefinisikan teks yang dimiringkan
<small>
3.0
3.0
3.2
Mendefinisikan teks yang lebih kecil
<strong>
3.0
3.0
3.2
Mendefinisikan teks tebal
<sub>
3.0
3.0
3.2
Defines subscripted text
<sup>
3.0
3.0
3.2
Mendefinisikan teks yang posisinya lebih ke atas
<ins>

4.0
4.0
Mendefinisikan teks yang bergaris bawah
<del>

4.0
4.0
Mendefinisikan teks yang hendak dihapus
<s>



Dihilangkan. Gunakan saja <del>
<strike>



Dihilangkan. Gunakan saja <del>
<u>



Dihilangkan. Gunakan saja style

Tag untuk tampilan ‘hasil keluaran komputer’

Start Tag
NN
IE
W3C
Kegunaan
<code>
3.0
3.0
3.2
Mendefinisikan teks kode komputer
<kbd>
3.0
3.0
3.2
Mendefinisikan teks dari keyboard 
<samp>
3.0
3.0
3.2
Mendefinisikan teks contoh kode komputer
<tt>
3.0
3.0
3.2
Mendefinisikan teks model teletype
<var>
3.0
3.0
3.2
Mendefinisikan sebuah variabel
<pre>
3.0
3.0
3.2
Mendefinisikan teks preformatted
<listing>
 
 
 
Dihilangkan. Gunakan saja <pre>
<plaintext>



Dihilangkan. Gunakan saja <pre>
<xmp>



Dihilangkan. Gunakan saja <pre>

Tag untuk Citation, Quotation, dan Definisi

Start Tag
NN
IE
W3C
Kegunaan
<abbr>


4.0
Mendefinisikan suatu kependekan
<acronym>

4.0
4.0
Mendefinisikan suatu singkatan
<address>
4.0
4.0
3.2
Mendefinisikan suatu elemen alamat
<bdo>


4.0
Mendefinisikan arah teks
<blockquote>
3.0
3.0
3.2
Mendefinisikan quotation panjang
<q>

4.0
4.0
Mendefinisikan quotation pendek
<cite>
3.0
3.0
3.2
Mendefinisikan suatu kutipan
<dfn>

3.0
3.2
Mendefinisikan suatu istilah

Contoh tag untuk Entitas karakter

Tampilan
Deskripsi
Nama Entitas
Nomor Entitas

spasi kosong
&nbsp;
&#160;
< 
kurang dari
&lt;
&#60;
> 
lebih dari
&gt;
&#62;
&
dan (ampersand)
&amp;
&#38;
"
tanda petik/kutip (quotation mark)
&quot;
&#34;
'
koma atas (apostrophe)

&#39;
¢
Cent
&cent;
&#162;
£
Pound
&pound;
&#163;
¥
Yen
&yen;
&#165;
§
Section
&sect;
&#167;
©
Copyright
&copy;
&#169;
®
registered trademark
&reg;
&#174;
×
Multiplication
&times;
&#215;
÷
Division
&divide;
&#247;

Ketika Anda menulis suatu dokumen, mungkin terkadang Anda menuliskan kalimat dalam bentuk poin-poin yang menerangkan tentang suatu hal. Dalam suatu halaman web, terkadang Anda juga ingin melakukan hal yang sama. Terdapat tag khusus untuk penulisan dalam format poin-poin, perhatikan daftar di bawah ini.

Tag untuk list

Start Tag
NN
IE
W3C
Kegunaan
<ol>
3.0
3.0
3.2 
Mendefinisikan sebuah list ordered
<ul>
3.0
3.0
3.2 
Mendefinisikan sebuah list unordered
<li>
3.0
3.0
3.2
Mendefinisikan sebuah item dalam list
<dl>
3.0
3.0
3.2 
Mendefinisikan sebuah list definisi
<dt>
3.0
3.0
3.2
Mendefinisikan sebuah istilah list definisi
<dd>
3.0
3.0
3.2 
Mendefinisikan sebuah keterangan list definisi
<dir>



Dihilangkan. Gunakan saja <ul>
<menu>



Dihilangkan. Gunakan saja <ul>

#Sumber_dari_Modul_yang_diberikan_di_Sekolah
#Sumber_Gambar(http://freshviewconcepts.com/blog/2012/01/11/tm-symbol-html/)
#Salam_KnowledgeIsFree
Kumpulan Code / Tag HTML Lengkap beserta Fungsinya
Item Reviewed: Kumpulan Code / Tag HTML Lengkap beserta Fungsinya 9 out of 10 based on 10 ratings. 9 user reviews.

2 comments:

Followers

Translate

Copyright © Trial And Eror | Powered by Blogger

Design by Anders Noren | Blogger Theme by NewBloggerThemes.com