SEJARAH HTML
HTML
dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan
pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami
perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan
kemampuan dan fasilitas yang lebih baik dari versi sebelumnya.
PERKEMBANGAN HTML
Sebelum suatu HTML disahkan sebagai suatu dokumen HTML
standar, ia harus disetujui dulu oleh W3C untuk dievaluasi secara ketat.
Setiap terjadi perkembangan suatu versi HTML, maka mau tak mau browser pun
harus memperbaiki diri agar bisa mendukung kode-kode HTML yang baru tersebut.
Sebab jika tidak, browser tak akan bisa menampilkan HTML tersebut.
HTML versi 1.0
Kemampuan yang dimiliki versi 1.0 ini antara lain heading,
paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini
juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan
teks disekelilingnya (wrapping).
HTMl versi 2.0
Pada versi ini, penambahan kualitas HTML terletak pada
kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini,
maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini
merupakan pionir dari adanya homepage interaktif.
HTML versi 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru seperti
table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera
digantikan HTML versi 3.2.
HTML versi 4.0
HTML versi 4 ini merupakan HTML versi terakhir pada saat
sumber ini diambil. HTML ini memuat banyak sekali perubahan dan revisi dari
pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML
seperti table, image, link, text, meta, imagemaps, form, dan lain- lain.
PENGERTIAN HTML
Hypertext Markup Language (HTML)
adalah bahasa markup yang umum digunakan untuk membuat halaman web. Sebenarnya
HTML bukanlah sebuah bahasa pemrograman. Apabila di tinjau dari namanya, HTML
merupakan bahasa mark-up atau penandaan terhadap sebuah dokumen teks. Tanda
tersebut di gunakan untuk menentukan format atau style dari teks yang di
tandai.
Fungsinya :
1. Membuat, mendesain, dan mengontrol tampilan dari Web Page
(Halaman Web) dan isinya.
2. Mempublikasikan document secara online sehingga bias
diakses, dilihat dan dari dan keseluruh dunia.
3. Membuat online form yang bias di gunakan untuk menangani
pendaftaran, transaksi secara online.
4. Menambahkan object – object seperti image, audio, video dan
juga java applet (aplikasi java seperti java game dll) dalam document HTML.
Pada dasarnya elemen HTML ada 2 kategori:
- Elemen berfungsi untuk memberikan informasi
atau mendeklarasikan dokumen tersebut.
- Elemen berfungsi untuk menentukan bagaimana isi suatu
dokumen ditampilkan pada browser.
Browser dan Editor
1.
Browser
Browser merupakan software yang di install di mesin client (komputer kita
sebagai pengguna website) yang berfungsi untuk menterjemahkan tag-tag HTML
menjadi halaman web. Contoh browser Internet Explorer, Mozila, opera dan masih
banyak yang lainya.
2.
Editor
Editor adalah
program yang bisa digunakan untuk membuat document HTML (Web page/Halaman Web),
ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage,
Dreamweaver, Notepad.
Nah, Sudah Lihat kan?
Sekarang Kita Lanjutkan, Di SIni Saya Akan KAsih Tau Kode Kode
Dasar Atau Rumus Yang di Gunakan Pada Pembuatan Web Yaitu HTML.
Langsung saja Kita Lihat Oke .
Yang Mau Ambil Boleh Kok . :)
Kode-kode dasar HTML
Dalam
HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat
tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu
mengerti HTML,bisa baca di
bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat
berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan
halaman HTML dengan software instant seperti Dreamweaver dll.
Membuat
Center,gunakan kode : <p align="center">Belajar</p>
hasilnya seperti:
Belajar
Membuat
Posisi kekanan gunakan kode : <p
align="right">Belajar</p> hasilnya seperti :
Belajar
Membuat
Posisi kekiri gunakan kode: <p align="left">Belajar</p>
hasilnya seperti :
Belajar
Membuat
Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :
Belajar
Membuat
Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar
Membuat
Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya
seperti :
Belajar
Membuat
Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b>
hasilnya seperti :
Belajar
Membuat
Huruf tebal strong gunakan kode : <srong>Belajar</strong> hasilnya
seperti :
Belajar
Membuat
Huruf Hidden gunakan kode : <span style="visibility:
hidden">Belajar</span> hasilnya seperti :
Namanya
juga hidden..ya..ga keliatan..
Membuat
Huruf Besar semua (uppercase) gunakan kode :
<span
style="text-transform: uppercase">Belajar</span> hasilnya
seperti :
Belajar
Membuat
Huruf Small caps gunakan kode:
<span
style="font-variant: small-caps">Belajar</span> hasilnya
seperti ini:
Belajar
Membuat
Huruf Subscribe / kecil di bawah gunakan kode:
<p>4<sub>2</sub></p>hasilnya
seperti ini:
42
Membuat
Huruf Superscribe / pangkat gunakan kode:
<p>4<sup>2</sup></p>
hasilnya seperti ini:
42
Membuat
Huruf bergaris atas gunakan kode:
<span
style="text-decoration: overline">Belajar</span> hasilnya
seperti ini:
Belajar
mengganti huruf
Membuat
Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike>
hasilnya seperti ini:
Menentukan
jenis huruf gunakan kode:
<p><font-family="Arial"
>Belajar</font></p> hasilnya seperti ini:
Belajar
Menentukan
ukuran huruf gunakan kode:
<p><font-size="3"
>Belajar</font></p> hasilnya seperti ini:
Belajar
Menentukan
warna huruf gunakan kode:
<p
style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar
Membuat
bullet dot bolong gunakan kode:
<ul
type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya
seperti ini:
- DOT 1
- DOT 2
- DOT 3
Membuat
bullet dot kotak gunakan kode:
<ul
type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya
seperti ini:
- DOT 1
- DOT 2
- DOT 3
Membuat
bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya
seperti ini:
- DOT 1
- DOT 2
- DOT 3
Mengatur
posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya
seperti ini:
·
DOT 1
·
DOT 2
·
DOT 3
Menentukan
kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font
style="color: red; font-family: courier new; font-size: 15px;"
>Belajar</font></p>
hasilnya
seperti ini:
Belajar
Membuat
tabel border solid gunakan kode:
<table
border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
hasilnya
seperti :
Text
|
Membuat
tabel border dot gunakan kode:
<table
border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya
seperti ini:
Text
|
Membuat
tabel border dashed gunakan kode:
<table
border="1" width="200" style="border-style:
dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya
seperti ini:
Text
|
Membuat
tabel border groove gunakan kode:
<table
border="1" width="200" style="border-style:
groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya
seperti ini:
Text
|
Membuat
tabel border Ridge gunakan kode:
<table
border="1" width="200" style="border-style:
ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya
seperti ini:
Text
|
Membuat
tabel border Insert gunakan kode:
<table
border="1" width="200" style="border-style:
inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya
seperti ini:
Text
|
Membuat
tabel border Outset gunakan kode:
<table
border="1" width="200" style="border-style:
outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya
seperti ini:
Text
|
Membuat
Tabel Biasa gunakan kode :
<table
border="1"width="200"><td>Text</td></table>
hasilnya
seperti:
Text
|
Membuat
Tabel berwarna gunakan kode :
<table
border="1"width="200"bgcolor="green"><td>Text</td></tabel>
hasilnya seperti :
Text
|
Membuat
Tabel berwarna tak berbingkai gunakan kode :
<table
border="0"width="200"bgcolor="blue"><td>Text</td></tabel>
hasilnya seperti:
Text
|
Untuk
kode-kode HTML yang lain anda bisa mengulik lewat software-software web
designer atau situs-situs penyedia layanan HTML.
**Tabel-tabel diatas,akan terlihat sempurna jika dibuka pada browser IE
(Internet Explorer)
0 comments:
Post a Comment