HTML
Pahrul Irfan
Sejarah
Pengertian
Struktur Dasar
Objective Jenis Element
Manipulasi Teks
Tabel
HTML5
HTML dirancang pertama kali pada
tahun 1989 oleh Tim Berners-Lee.
Sejarah Beliau merupakan
Seorang ilmuwan inggris yang saat
itu bekerja di CERN
Pada akhir tahun 1991, Tim Berners-Lee
mempublikasikan dokumen yang
berjudul: HTML Tags. Dalam dukumen
ini, Tim membuat konsep sederhana
tentang HTML yang terdiri dari 18
Sejarah element
HTML 1.0 (1993) – Gagal menjadi
standarisasi
HTML 2.0 (1995) - Standarisasi IETF
Sejarah (Internet Engineering Task Force)
Perkembangan
Versi HTML HTML 3.2 (1997) – Standarisasi W3C
HTML 4.0 (1998)
Bahasa markup yang digunakan untuk
membuat sebuah halaman web,
sehingga informasi yang terdapat dalam
website dapat dibaca oleh web browser
HTML merupakan standar yang
HTML digunakan secara luas untuk
menampilkan halaman web dan
dikendalikan oleh World Wide Web
Consortium (W3C).
Struktur Dasar
Adalah teks khusus (markup) berupa
dua karakter "<" dan ">",
Struktur Dasar contoh
HTML <body>
[Link] Tag ditulis berpasangan, yang terdiri
atas tag pembuka dan tag penutup.
contoh
<html> ... </html>
Element terdiri atas tiga bagian, yaitu tag
Struktur Dasar pembuka, isi, dan tag penutup.
HTML contoh
2. Element <title> ini adalah tag pembuka judul
dokumen html Judul Dokumen html ini
adalah isi judul dari dokumen
html </title> ini adalah tag penutup
judul dokumen html
Attribute mendefinisikan property dari
suatu element html, yang terdiri atas
Struktur Dasar
nama dan nilai.
HTML
3. Attribute <tag nama-attr="nilai-attr“>...</tag>
Contoh :
<p bgcolor=“yellow“>...</p>
Structural. tanda yang menentukan
level atau tingkatan dari sebuah teks
(contoh, <h1>Golf</h1>)
Presentational. tanda yang
Jenis Element menentukan tampilan dari sebuah
teks tidak peduli dengan level dari
teks tersebut
(contoh, <b>Tebal</b>)
Tanda presentational saat ini sudah
mulai digantikan oleh CSS dan tidak
direkomendasikan untuk mengatur
tampilan teks,
Hypertext. tanda yang menunjukkan
pranala ke bagian dari dokumen
tersebut atau pranala ke dokumen
Jenis Element lain
<a href="[Link]
Wikipedia</a>
akan menampilkan Wikipedia
sebagai sebuah hyperlink ke URL
tertentu),
Jenis Element Widget. Digunakan untuk membuat
objek-objek lain seperti tombol
(<button>), list (<li>), dan garis
horizontal (<hr>).
<b>Tebal</b>
<strong>Tebal</strong>
<i>Miring</i>
<em>Miring</em>
<u>Garis Bawah</u>
Manipulasi Teks
<s>Tercoret</s> <br>
<marquee> Berjalan</ marquee>
<tt>Coding</tt>
<small>Tulisan Kecil</small>
Teks <sub>subcript</sub>
Teks <sup>supercript</sup>
<table border=‘...’ width=‘...’ height=‘...’>
<tr>
<td>Baris 1 Kolom 1 </td>
<td>Baris 1 Kolom 2 </td>
Table </tr>
<tr>
<td>Baris 2 Kolom 1 </td>
<td>Baris 2 Kolom 2 </td>
</tr>
</table>
HTML 5
HTML 5
Any Question ?