Tugas 9 - Pertemuan 13

pada tanggal
0

Buat HTML sederhana

pada tanggal

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