HTML
HTML (Hyper Text Markup Language) merupakan bahasa standar
untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode
singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web
browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai
macam format file seperti teks, grafik, animasi, link maupun audio-video.
HTML Adalah kependekan dari Hypertext Markup Language ,
Hypertext berarti kata atau frase tertulis non- sekuensial yang memiliki
percabangan dengan bermacam pilihan yang akan menjadikan bacaan yang lebih
menarik pada layar interaktif.dan Markup Language adalah bahasa yang
mengkombinasikan antara teks (Hypertext) dengan informasi yang hendak
ditampilkan.
Tag Dasar
HTML
Komponen
dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY.
Berikut ini adalah penjelasan dari Tag Elemen tersebut:
<html>
<head> <title>Disini titel websiteku</title> </head>
<body> Disini adalah konten yang tampil di browser </body>
</html>
Preview
Tag
pertama pada dokumen HTML diatas adalah: " <html>" tag ini
merupakan awal dari suatu dokumen HTML, dan tag " </html>"
merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML
selalu berada diantara tag <html>…</html>.
Kemudian
tag " <head>…</head>" (header) adalah informasi dari
dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script
dll. Selain Title informasi di dalam header ini nantinya tidak akan di
tampilkan di web browser.
Tag
berikutnya adalah " <title>…</title>" merupakan bagian
dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan
tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file
contoh diatas perhatikan akan muncul tulisan "Disini titel
websiteku".
Cara menggunakan
LANGKAH 1
LANGKAH 1
* MEMBUKA NOTEPAD.
LANGKAH 2
* MENGETIKKAN SINTAK/SYNTAX.
Berikut ini adalah syntax dasar yang membentuk suatu HTML.
pertama, ketikkan
<html>
tekan enter, kemudian ketik
<head>
Dalam container head, kita bisa mengetikan beberapa sintak,
tapi yang paling penting jangan lupa mengetikan sintak <title> judul
halaman web </title>. Untuk sintak lain nanti saja.
Sekarang ketikkan sintak title tadi, jadi seperti ini:
<head> <title> judul halaman web </title>
</head>
Kemudian ketikkan <body>. Tag body merupakan
badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal
dari <body>.
Body tuh tag container, jadi mesti ditutup. Hasil sampai
sekarang:
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
</body>
Selanjutnya bagaimana cara menampilkan tulisan ke dalam
HTML??? Ketikan sembarang text ke dalam tag body, contohnya seperti ini :
<body>
Contoh text yang ditampilin di halaman web, By: C.H.I.P.
Sensei
</body>
terus, jika sudah, ketikkan </html>, script lengkapnya
seperti ini :
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
Contoh text yang ditampilkan di halaman web, By: C.H.I.P.
Sensei
</body>
</html>
kalo udah, sekarang save dengan nama dasar HTML.
kalo udah disave, buka data yang tadi di save.
<hr>
<marquee direction="up"
behaviour="scroll"> what's up...?</marquee>
Coba Sendiri pake Notepad
Coba Sendiri pake Notepad
Berikut adalah daftar dari tag-tag HTML.
|
Tag
|
Description
|
|
<!--...-->
|
Mendefinisikan
komentar HTML
|
|
<!DOCTYPE>
|
Mendefinisikan
tipe dokumen
|
|
<a>
|
Mendefinisikan
anchor link
|
|
<abbr>
|
Mendefinisikan sebuah
singkatan
|
|
<acronym>
|
Mendefinisikan
akronim
|
|
<address>
|
Mendefiniskan
informasi kontak untuk pemiliki / penulis dokumen
|
|
<applet>
|
Ditinggalkan. Medefinisikan
applet
|
|
<area
>
|
Mendefinisikan
arae di dalam image-map
|
|
<b>
|
Mendefinisikan
tulisan tebal
|
|
<base/>
|
Mendefinisikan URL
utama/target untuk semua URL alternatif di dalam dokumen
|
|
<basefont/>
|
Ditinggalkan. Merincikan
dari warna, ukuran dan font default dari semua tulisan yang ada di dalam
dokumen.
|
|
<bdo>
|
Menggantikan
arah tulisan
|
|
<big>
|
Mendefinisikan tulisan
besar
|
|
<blink>
|
Teks kedap
kedip
|
|
<blockquote>
|
Mendefinisikan kutipan
yang panjang
|
|
<body>
|
Mendefinisikan badan
dokumen
|
|
<br>
|
Mendefinisikan satu
baris baru
|
|
<button>
|
Mendefinisikan tombol
yang bisa di-klik
|
|
<caption>
|
Mendefinisikan judul
dari tabel
|
|
<center>
|
Ditinggalkan.
Mendefinisikan tulisan agar ditengah
|
|
<cite>
|
Mendefinisikan kutipan
|
|
<code>
|
Mendefinisikan kode
computer
Mendefinisikan
teks yang akan diisi code-code
|
|
<col>
|
Mendefinisikan nilai
atribut dari satu atau lebih kolom pada tabel
|
|
<colgroup>
|
Merincikan
sebuah grup atau lebih dari kolom-kolom dalam tabel untuk di format
|
|
<dd>
|
Mendefinisikan deskripsi
dari sebuah item di daftar definisi
|
|
<del>
|
Defines
text that has been deleted from a document
|
|
<dfn>
|
Mendefinisikan ketentuan
definisi
|
|
<dir>
|
Ditinggalkan. Mendefinisikan daftar
direktori
|
|
<div>
|
Mendefinisikan sebuah
bagian di dalam sebuah dokumen
|
|
<dl>
|
Mendefinisikan daftar
definisi
|
|
<dt>
|
Mendefinisikan ketentuan
(dari sebuah item) di dalam daftar definisi
|
|
<em>
|
Mendefinisikan tulisan emphasized
|
|
<fieldset>
|
Menggabungkan
elemen-elemen yang saling berhubungan di dalam form
|
|
<font>
|
Ditinggalkan, mendefinisikan
font, warna, dan ukuran dari tulisan
|
|
<form>
|
Defines
an HTML form for user input
|
|
<frame>
|
Defines
a window (a frame) in a frameset
|
|
<frameset>
|
Defines
a set of frames
|
|
<h1>
to <h6>
|
Defines
HTML headings
|
|
<head>
|
Mendefinisikan informasi
mengenai sebuah dokumen
|
|
<hr>
|
Mendefinisikan garis
horisontal
|
|
<html>
|
Mendefinisikan inti
dari dokumen HTML
|
|
<i>
|
Mendefinisikan tulisan
italic
|
|
<iframe>
|
Mendefinisikan inline
frame
|
|
<img
>
|
Mendefinisikan gambar
|
|
<input
>
|
Mendefinisikan kontrol
input
|
|
<ins>
|
Mendefinisikan tulisan
yang telah dimasukkan ke dalam dokumen
|
|
<kbd>
|
Mendefinisikan input keyboard
|
|
<label>
|
Mendefinisikan label
dari elemen <input>
|
|
<legend>
|
Mendefinisikan Judul
dari sebuah elemen <fieldset>
|
|
<li>
|
Mendefinisikan daftar
item (membuat list text setelah tag <ul>)
|
|
<link
>
|
Mendefinisikan hubungan
antara dokumen dari sumber diluar dokumen
|
|
<map>
|
Defines
a client-side image-map
|
|
<marquee
direction >”teks”</marquee>
|
Membuat
Huruf bergerak (up down left right)
|
|
<menu>
|
Ditinggalkan. Mendifinisikan
daftar menu
|
|
<meta
>
|
Mendefinisikan metada
mengenai sebuah dokumen HTML
|
|
<noframes>
|
Defines
an alternate content for users that do not support frames
|
|
<noscript>
|
Defines
an alternate content for users that do not support client-side scripts
|
|
<object>
|
Mendefinisikan
obyek yang tertanam / embedded
|
|
<ol>
|
Mendefinisikan urutan
teratur
|
|
<optgroup>
|
Mendefinisikan grup
dari pilihan/option dalam drop-down list yang saling berhubungan
|
|
<option>
|
Mendefinisikan pilihan
dalam a drop-down list
|
|
<p>
|
Mendefinisikan paragraph
|
|
<param
/>
|
Mendefinisikan parameter
dari sebuah obyek
|
|
<pre>
|
Mendefinisikan tulisan
yang belum di format
|
|
<q>
|
Mendefinisikan kutipan
pendek
|
|
<s>
|
Mendefinisikan tulisan strikethrough
(sama dengan tag<strike>)
|
|
<samp>
|
Mendefinisikan contoh
dari output program computer
|
|
<script>
|
Mendefinisikan client-side
script
|
|
<select>
|
Mendefinisikan drop-down
list
|
|
<small>
|
Mendefinisikan tulisan
yang lebih kecil
|
|
<span>
|
Mendefinisikan sebuah
bagian dari dokumen
|
|
<strike>
|
Ditinggalkan. Mendefinisikan tulisan
strikethrough (Mencoret tulisan/text)
|
|
<source>
|
Menentukan
sumber media
|
|
<strong>
|
Membesarkan
teks
|
|
<style>
|
Mendefinisikan informasi
style dari dokumen
|
|
<sub>
|
Mendefinisikan
tulisan subscripted
|
|
<sup>
|
Mendefinisikan
tulisan superscripted
|
|
<table>
|
Mendefinisikan tabel
|
|
<tbody>
|
Menggabungkan
isi dari badan tabel
|
|
<td>
|
Mendefinisikan kolom
dari tabel
|
|
<textarea>
|
Mendefinisikan kontrol
dari banyak baris input (text area)
|
|
<tfoot>
|
Menggabungkan footer
menjadi satu grup pada tabel
|
|
<th>
|
Mendefinisikan header
dari tabel
|
|
<head>
|
Mendefinisikan
Grup header dari tabel
|
|
<title>
|
Mendefinisikan Judul
dari sebuah dokumen
|
|
<time>
|
Menampilkan
waktu
|
|
<tr>
|
Mendefinisikan baris
dari tabel
|
|
<tt>
|
Mendefinisikan tulisan
teletype
|
|
<u>
|
Ditinggalkan. Mendefinisikan tulisan
garis bawah / underline
|
|
<ul>
|
Mendefinisikan urutan
acak (list text dengan bullet)
|
|
<video>
|
Menambahkan
file video
|
|
<var>
|
Mendefinisikan
variabel
|
|
<xmp>
|
Dintinggalkan. Mendefinisikan tulisan
yang belum diformat
|
Kalau Mau Belajar Lebih Jauh Coba Aja Kesini
Tidak ada komentar :
Posting Komentar