HTML (Hypertext Markup Language)
·
HTML merupakan bahasa pemrograman untuk membuat
sebuah halaman web
·
HTML berguna untuk menampilkan berbagai
informasi di dalam sebuah penjelajah web Internet
·
HTML pemformatan hiperteks sederhana yang
ditulis dalam berkas format ASCII
Sejarah HTML
·
HTML 1.0
HTML 1.0 merupakan versi pertama HTML,
versi ini sudah mendukung
-
Peletakan gambar atau image pada dokumen tanpa
wrapping(tidak bisa memasukkan teks di sekeliling gambar/image)
-
Adanya heading
-
Adanya hypertext
-
Dapat cetak tebal dan miring pada penulisan teks
-
Dapat membuat paragraph
Kekurangan/kelemahan pada HTML
1.0:
-
Tampilannya masih sederhana
·
HTML 2.0
HTML versi 2.0 merupakan versi kedua
setelah 1.0, memiliki kelebihan:
-
Struktur HTML tertata lebih rapi dibandingkan
dengan versi sebelumnya
-
Dapat menampilkan data/form dokumen artinya
dapat memasukkan alamat, nama, saran atau kritik
·
HTML 3.0
Versi 3.0 mempunyai tambahan fitur dengan
fasilitas baru yaitu figure. Figure adalah perkembangan dari image yang
berfungsi untuk meletakan gambar serta tabel. HTML versi 3.0 juga dapat
mendukung adanya rumus matematika pada dokumen. Versi 3.0 sekarang digantikan
dengan versi 3.2.
Jika dibandingkan dengan kedua versi HTML
sebelumnya, HTML v3.0 tidak memiliki umur yang lama. Itu disebabkan karena ada
versi terbaru dari versi 3, yaitu versi 3.2. Di versi 3.0, HTML sudah bisa
dipergunakan untuk meletakkan tabel dan gambar. Fitur terbaru dari HTML 3.0
juga mampu untuk mendukung penggunaan rumus matematika pada dokumennya.
Di versi 3.0 ini terdapat beberapa
kelebihan didalamnya, yakni:
-
Dapat meletakkan tabel dan gambar atau disebut
figure
-
Dapat mendukung adanya penggunaan rumus
matematika pada dokumennya
Versi 3.0 ini berlangsung tidak
lama, karena adanya perilisan versi 3.2 yang memiliki kelebihan:
-
Fitur yang mendukung teks hingga background,
tabel, style dan frame disekeliling gambar
-
Mendukung Javascript dan VBScript
·
HTML 4.0
Fitur yang terbaru dari versi sebelumnya
adalah:
-
Dapat memasukkan:
o
Image
o
Tabel
o
Teks
o
Link
o
Form
o
Meta
o
Imagemaps
Kemudian di tanggal 5 Mei 2000,
versi 4.01 dirilis guna untuk memperbaiki beberapa kesalahan yang ada di versi
sebelumnya.
·
HTML 5.0
HTML versi ini merupakan versi yang terbaru
untuk saat ini yang saya tahu dan yang paling stabil dengan dapat menggabungkan
antara CSS, HTML dan JacaScript.
Struktur HTML
·
Dokumen Informasi
<html></html>
·
Dokumen Header
<head></head>
·
Dokumen Body
<body></body>
Contoh Dokumen HTML
·
Buka aplikasi notepad++
·
Copy paste kode berikut:
<html>
<head>
<title>Kode HTML Baru</title>
<link rel="stylesheet"
type="text/css" href="style.css">
</head>
<body>
<p>Hello World</p>
</body>
</html>
·
Buat folder di dalam folder htdocs [Ex:
weblatihan]
·
Simpan file dengan nama index.html [All File]
Contoh Dokumen CSS
·
Buka aplikasi notepad++
·
Copy paste kode berikut:
p{
background-color: #ff0000;
padding: 10px;
text-align: center;
}
·
Masukken ke dalam folder weblatihan
·
Simpan file dengan nama style.css [All File]
·
Buka http://localhost/weblatihan/ & lihat
hasilnya
Panduan
·
Panduan HTML
https://www.w3schools.com/html/default.asp
·
Panduan CSS
https://www.w3schools.com/css/default.asp
Komentar
Posting Komentar