Belajar HTML dan Cara Membuat HTML Untuk Pemula

Pengertian HTML

Hypertext Marketring Languange atau yang dikenal dengan sebutan HTML adalah sebuah bahasa markah yang digunakan untuk membuat halaman website dan untuk menampilkan berbagai macam informasi yang biasanya berisi teks, gambar, audio ataupun video. HTML berfungsi untuk mengelola data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui website.

Sejarah HTML

HTML dibuat oleh seorang ahli fisika bernama Tim Bearners-Lee pada tahun 1980. Tim Bearners-Lee adalah kontraktor dari CERN, beliau menyusun ENQUIRE dan mengusulkan sistem markah berbasis internet. HTML adalah sebuah dokumen yang disebut Tanda HTML yang menggambarkan 18 elemen awal. Banyak elemen yang ditemukan pada laporan teknis ISO pada tahun 1988 TR 9537 yaitu teknik untuk menggunakan SGML (Standart Generalized Markup Languange). Konsep SGML dari markah umum berdasarkan pada unsur-unsur daripada efek cetak, dengan pemisahan struktur dan markah juga, HTML semakin bergerak dengan CSS.

HTML 1

versi pertama dengan kemampuan heading, paragraf, hypertext, list, bold dan italic. versi ini mendukung image pada dokumen tanpa teks wraping.

HTML 2

versi dengan tambahan fitur baru yaitu fitur form, yaitu fitur yang dapat menambahkan nama, alamat, kritik dan saran. Versi ini juga awal adanya web interaktif.

HTML 3

versi yang menambahkan fitur dengan meletakkan fitur penambahan gambar dan tabel pada paragraf.

HTML 3.2

versi sebagai pelengkap kekurangan dari versi 3 dengan menambahkan tabel, frame, style sheet, dll.

HTML 4

versi dengan memperbaiki kesalahan pada versi sebelumnya. Versi ini menambahkan fitur imagemaps, link, tabel, meta, dll.

HTML 4.01

adalah revisi dari versi 4 guna memperbaiki kesalahan kecil / minor errors dan menjadi standarisasi elemen dan atribut dari script XHTML 1.0 .

HTML 5

versi terbaru keluaran 2009 yang digunakan web saat ini. Versi ini menggabungkan CSS dan HTML dengan JavaScript. W3C (World Wide Web Consortium) bekerjasama dengan IETF(Internet Engineering Task Force) untuk membuat proyek ini dan diterima oleh beberapa browser besar, seperti Google Chrome, Safari, Internet Explore, dll.

Apa itu Tag, Element, Attribute ?

Contoh : <title>Pengertian HTML</title>

<title> dan </title> itulah yang dimaksud dengan Tag. Tag dibedakan menjadi dua, yaitu Tag pembuka <title> dan Tag penutup </title>.

<title>Pengertian HTML</title> adalah Element.

Contoh : <a herf="file:///E:/Notepad++/web.html" target="blank">Ini Adalah Attribute</a>

Cara penulisan Attribute yaitu :

1. herf= adalah nama attribute yang diikuti oleh tanda sama dengan (=).
2. "file:///E:/Notepad++/web.html" adalah Nilai attribute yang diapit oleh dua tanda petik ("...").
3. Apabila attribute lebih dari satu, maka harus diberi jarak dengan spasi seperti herf="...."dan target="...".

Kode dasar membuat HTML

Tag <html> berfungsi membuat dokumen HTML.
Tag <head> berfungsi membuat informasi pada dokumen.
Tag <title> berfungsi membuat judul .
Tag <body> berfungsi meletakkan informasi yang akan ditampilkan.
Tag <p> berfungsi membuat paragraf yang akan ditampilkan pada website.
Tag <h1> hingga <h6> berfungsi untuk membuat heading.
Tag <b> berfungsi membuat teks menjadi tebal (bold).
Tag <i> berfungsi membuat teks miring (italic).
Tag <u> berfungsi membuat teks bergaris bawah (underline).

Cara Membuat Kode HTML untuk pemula

1. Siapkan Notepad++. download
2. Masukkan kode berikut ini.

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

3. Masukkan tag <title> kedalam tag <head>.

<title>My First Web</title>

4. Pada tag <body> masukkan tag <h1>.

<h1>WELCOME MY WEBSITE</h1>

5. Masukkan tag <p> dibawah tag <h1> . Jika perlu tambahkan tag <b>, tag <u>, tag <i>.

<p>Disini saya <b>belajar</b> tentang <u>bagaimana cara membuat website</u> dengan <i>html</i>. Sekian terima kasih.</p>

Seperti inilah hasilnya :

Search This Blog

Pemrograman