baca yukkk guysss^_^
Ada yang tau ga neh apa itu HTML???
oke sedikit gue jelasin HTML singkatan dari HyperText Markup Language yaitu sebuah bahasa yang bersifat statis yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi dalam penjelajah web internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi.
Bahasa HTML biasanya diinstruksikan dengan kode yang diberi nama TAGS, yang berawalan (<) dan diakhiri dengan (>).
Fungsi HTML yaitu digunakan untuk mengintegrasi sebuah gambar dengan tulisan, membuat link, integrasi berkas suara dan rekaman video.
Contoh HTML sederhana :
<html>
<head>
<title>Sightseeing Ma Blog
</title>
</head><body bgcolor=”#87CEFA”>
<p><h1 align=”center”><font face=”Curlz mT, Juice ITC, Snap IT”>WELCOME TO MY HOMPEPAGE</font> ‘
<title>Sightseeing Ma Blog
</title>
</head><body bgcolor=”#87CEFA”>
<p><h1 align=”center”><font face=”Curlz mT, Juice ITC, Snap IT”>WELCOME TO MY HOMPEPAGE</font> ‘
</h1><br> <p></p><h2 align
=”center”><font face=”Juice ITC”>Enjoy Your
Visit</font></h2><p>
<marquee direction=”right” bgcolor=”#E0FFFF”>
<font color=”#FFB6CI” face=”Harry P, Curlz MT” Size=15″>
Draco Dormiens Nunquams Titillandus</font></marquee>
</p>
<p align=”center”>
Crated By : Emma Akai <br>
visit me @ my blog :<br>
<font face =”calibri, Times New Roman”>
<u>with99.tumblr.com</u><br>
<u>with99.multiply.com</u><br>
<u>with99.blogspot.com</u><br>
<u>with99.wordpress.com</u><br></font>
</p>
</body>
<font color=”#FFB6CI” face=”Harry P, Curlz MT” Size=15″>
Draco Dormiens Nunquams Titillandus</font></marquee>
</p>
<p align=”center”>
Crated By : Emma Akai <br>
visit me @ my blog :<br>
<font face =”calibri, Times New Roman”>
<u>with99.tumblr.com</u><br>
<u>with99.multiply.com</u><br>
<u>with99.blogspot.com</u><br>
<u>with99.wordpress.com</u><br></font>
</p>
</body>
</html>
Tujuan HTML :
a. Fitur baru harus didasarkan pada HTML,CSS,DOM,dan JavaScript.
b. Mengurangi kebutuhan untuk plugin eksternal.
c. Penanganan kesalahan yang lebih baik.
d. Lebih banyak markup untuk menggantikan scripting.
Sejarah : Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan
mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM
kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan
perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup
Langiage, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya.
IBM menamakan sistemnya ini sebagai Generalized Markup Language atau
GML.
Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen.
Berikut Tag Dasar HTML....
Tag Utama
Teks / Tulisan
Form
Tabel
Link dan Gambar
Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen.
Berikut Tag Dasar HTML....
Tag Utama
Tag HTML
|
Attribute
|
Deskripsi
|
<html></html>
|
Baris
paling atas dari setiap file HTML
|
|
<head></head>
|
Informasi
umum dari sebuah halaman web
|
|
<title></title>
|
Judul
halaman
|
|
<body></body>
|
Background,
bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin,
marginheight, marginwidth.
|
Settingan
atribut untuk seluruh dokumen
|
Teks / Tulisan
Tag HTML
|
Deskripsi
|
<font></font>
|
Mengubah
gaya suatu huruf
|
<b></b>
|
Teks
tebal
|
<i>
</i>
|
Teks
miring
|
<u>
</u>
|
Teks
garis bawah
|
<pre></pre>
|
Preformatted
teks
|
<h1></h1>
|
Header
1
|
<h2></h2>
|
Header
2
|
<h3>
</h3>
|
Header
3
|
<sub></sub>
|
Subscript
|
<sup></sup>
|
Superscript
|
<br
/>
|
Enter
|
<ol><li></li></ol>
|
Penomoran
|
<ul><li></li></ul>
|
Bullet
|
<marquee></marquee>
|
Teks
Berjalan
|
Form
Tag HTML
|
Attribute
|
Deskripsi
|
<form></form>
|
Method, action, name,
enctype
|
Mengatur
elemen dari form
|
<input
type=>
|
Text,
password, hidden, radio, checkbox, submit, image, reset
|
Variasi
dari tipe elemen input dalam form
|
<select></select>
|
Name, size
|
Membuat
combo-box. Digunakan bersama dengan option
|
<option>
|
Selected,
name, value
|
Membuat
Option / Pilihan
|
<textarea></textarea>
|
Name,
rows, cols, wrap
|
Membuat
Text Area untuk input text dengan length yang lebih besar dari input
text.
|
Tabel
Tag HTML
|
Attribute
|
Deskripsi
|
<table></table>
|
Border,
cellpadding, cellspacing, width, height, name, id, title, bgcolor,
background, align, valign
|
Mengatur
semua elemen table
|
<tr></tr>
|
Height,
bgcolor, background, align, valign, title
|
Membuat
baris baru
|
<td></td>
|
Height,
width, bgcolor, background, align, valign, title, colspan, rowspan
|
Membuat
kolom
|
<th></th>
|
Height,
width, bgcolor, background, align, valign, title, colspan, rowspan
|
Header(kepala
tabel). Otomatis ke tengah dan tebal
|
<tbody></tbody>
|
Height,
width, align, valign, bgcolor, background
|
Format
yang berlaku bagi cell yang diapit tag
|
<colgroup></colgroup>
|
Height,
width, align, valign, bgcolor, background, colspan
|
Format
yang berlaku bagi kolom
|
Formatting
Tag HTML
|
Deskripsi
|
<blockquote></blockquote>
|
Digunakan
untuk mengatur text dan gambar dalam suatu tag
|
<ol></ol>
|
Ordered
List (digunakan dengan <li>)
|
<ul></ul>
|
Unordered
List (digunakan dengan <li>)
|
<li>
|
Elemen
List
|
<dd></dd>
|
Definition
List
|
<dt>
|
Definition
Term
|
<dd>
|
Definition
Description
|
<p></p>
|
Paragraf
|
<br>
|
Ganti
baris
|
<hr>
|
Garis
horizonta
|
<center></center>
|
Menengahkan
elemen
|
Link dan Gambar
Tag HTML
|
Attribute
|
Deskripsi
|
<a>
</a>
|
Href,
target, style, class, name, id
|
Membuat
link ke dokumen atau situs lainnya
|
<img>
|
Src, alt,
name, border, height, width
|
Menampilkan
sebuah gambar
|
Tidak ada komentar:
Posting Komentar