PENGERTIAN HTML
- HTML adalah suatu bahasa yang dipergunakan untuk mendeskripsikan halaman web.
- HTML merupakan singkatan dari Hyper Text Markup Language.
- HTML bukan merupakan bahasa pemrograman, HTML adalah suatu MARKUP LANGUAGE (bahasa markah).
- Suatu markup language berupa serangkaian MARKUP TAGS.
- HTML menggunakan MARKUP TAGS untuk mendeskripsikan halaman web.
HTML TAGS
- HTML tags berupa keywords atau kata kunci yang diapit oleh tanda kurung seperti <html>.
- HTML tags biasanya dipakai berpasangan seperti <b> dan </b>.
Tujuan dari sebuah web browser (seperti
Internet Explorer, Firefox, Opera, Safari atau Google Chrome) adalah untuk
membaca HTML documents kemudian menampilkannya sebagai halaman web. Browser
tidak menampilkan HTML tags, tetapi menggunakan tag tersebut untuk menterjemahkan
isi dari halaman web.
1
2
3
4
5
6
7
8
9
|
<html>
<body>
<h1>Judul
Pertama</h1>
<p>Paragraf
pertama</p>
</body>
</html>
|
PENJELASAN CONTOH
·
Teks di antara <html> dan
</html> mendeskripsikan web page.
·
Teks di antara <body> dan
</body> adalah konten halaman web yang akan tertampil.
·
Teks di antara <h1> dan
</h1> digunakan untuk menampilkan judul.
·
Teks di antara <p> dan </p>
digunakan untuk menampilkan paragraf.
DASAR – DASAR HTML
- HTML HEADING
Heading atau Judul ditulis menggunakan tag <h1>, <h2>, <h3>,
<h4>, <h5> dan <h6>.
1
2
3
|
<h1>Judul</h1>
<h2>Judul</h2>
<h3>Judul</h3>
|
- HTML - PARAGRAPH
1
2
3
4
5
6
|
<p>Paragraf
pertama</p>
<p>Paragraf
kedua</p>
<p>Paragraf
ketiga</p>
<p>Paragraf
keempat</p>
<p>Paragraf
kelima</p>
<p>Paragraf
keenam</p>
|
- HTML - LINKS
1
|
<a
href="http://www.pemrograman.org/">Pemrograman.org</a>
|
- HTML - Images
1
|
<img
src="statx.jpg" width="738" height="327" />
|
Dokumen
HTML didefinisikan menggunakan elemen-elemen HTML / HTML elements.
Elemen HTML adalah semua yang terdapat diantara start tag sampai end tag.
Elemen HTML adalah semua yang terdapat diantara start tag sampai end tag.
Start tag *
|
Isi Elemen
|
End tag *
|
<p>
|
This is a paragraph
|
</p>
|
<a href=”google.com” >
|
This is a link
|
</a>
|
<br />
|
Dalam penulisan dokumen HTML dipastikan menggunakan banyak elemen. Suatu elemen dapat berada di dalam elemen lain atau elemen tersebut menjadi isi / konten pada elemen lain. Hampir semua elemen HTML dapat bersarang. Sehingga dapat disimpulkan bahwa dokumen HTML terdiri dari elemen HTML yang bersarang.
Contoh Dokumen HTML
1
2
3
4
5
6
7
|
<html>
<body>
<p>Paragraf
pertama</p>
</body>
</html>
|
Pada
contoh diatas terdapat tiga buah elemen. Elemen-elemen tersebut adalah:
- Elemen <p>. Elemen ini mendefinisikan suatu konten yaitu sebuah paragraf pada dokumen HTML. Elemen ini dimulai dengan start tag <p> dan diakhiri dengan end tag </p>. Isi atau konten dari elemen ini adalah: Paragraf pertama
<p>Paragraf
pertama</p>
- Elemen <body>. Elemen ini mendefinisikan suatu konten yaitu body / tubuh dokumen HTML. Bagian ini adalah konten halaman web yang akan tertampil pada halaman web. Elemen ini dimulai dengan start tag <body> dan diakhiri dengan end tag </body>. Isi atau konten dari elemen ini adalah: elemen paragraf (yang sudah dijelaskan diatas).
<body>
<p>Paragraf
pertama</p>
</body>
- Elemen <html>. Elemen ini mendefinisikan sebuah dokumen HTML. Elemen ini dimulai dengan start tag <html> dan diakhiri dengan end tag </html>. Isi atau konten dari elemen ini adalah: elemen body (yang sudah dijelaskan diatas).
<html>
<body>
<p>Paragraf
pertama</p>
</body>
</html>
Elemen HTML yang tidak memiliki konten atau isi disebut empty element / elemen kosong. Elemen dapat ditutup pada awal tag. <br> adalah contoh elemen kosong yang tidak memerlukan end tag. <br> bermakna ganti baris. Pada XHTML, XML, dan versi HTML yang lebih baru, semua elemen harus ditutup dengan end tag. Cara yang tepat untuk menutup elemen kosong yang dapat diterima oleh HTML, XHTML dan XML adalah dengan menambahkan garis miring di awal tag, seperti <br />. Walaupun <br> terbukti berjalan baik disemua browser, menulis <br /> akan lebih baik.
Hampir semua browser dapat menampilkan
HTML dengan baik walaupun kita lupa memberi end tag pada suatu elemen HTML.
Tetapi terdapat pula beberapa elemen yang akan menimpulkan kesalahan (errors)
saat kita lupa memberikan end tag. Oleh karena itu, akan lebih baik kita tidak
lupa menulis end tag pada suatu elemen.
HTML
Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa
disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut
ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut
selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan
memberikan informasi name dan value dari suatu elemen,
seperti name=”value”.
Contoh:
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.
<a
href="http://www.pemrograman.org/">Pemrograman</a>
Jadi
<a> merupakan elemen html, href adalah name atau nama atribut sedang Pemrograman adalah value atau nilai atribut.
Berikut adalah beberapa atribut standar
yang hampir dipakai semua elemen:
Atribut
|
Nilai
|
Keterangan
|
class
|
class_rule atau style_rule
|
Kelas elemen
|
id
|
id_name
|
Nomor unik suatu elemen
|
style
|
style_definition
|
Definisi gaya atau style
|
title
|
tooltip_text
|
Tulisan yang akan tertampil pada tool tip
|
Nilai
suatu atribut harus selalu dimulai dan diakhiri dengan tanda petik. Biasanya
menggunakan tanda petik (“…”). Tanda petik ini mengapit petikan langsung dari
suatu nilai elemen. Tanda petik tunggal juga diperlehkan untuk digunakan
walaupun dalam keadaan tertentu nilai suatu atribut bisa berisi tanda kutip,
untuk itu di pergunakan tanda kutip tunggal yang mengapit petikan yang tersusun
di dalam petikan lain. Contoh :
name=’Komunitas “Programmer” Indonesia’
name=’Komunitas “Programmer” Indonesia’
Sangat disarankan untuk penulisan
atribut dan nilainya tetap menggunakan huruf kecil karena pada versi HTML yang
lebih baru (X)HTML meminta penulisan menggunakan huruf kecil.
Source : http://www.w3schools.com/
0 komentar:
Posting Komentar