Pengertian HTML :
- HTML merupakan singkatan dari HyperText Markup Language.
- HTML bukanlah sebuah bahasa pemrograman.
- HTML digunakan untuk menyebarkan informasi secara global.
Contoh Script HTML Dasar :
<html><body>
Isi dari websiteku
</body>
</html>
Berikut adalah daftar dari tag-tag HTML.
| Tag | Description | DTD |
|---|---|---|
| <!--...--> | Mendefinisikan komentar HTML | STF |
| <!DOCTYPE> | Mendefinisikan tipe dokumen | STF |
| <a> | Mendefinisikan anchor link | STF |
| <abbr> | Mendefinisikan sebuah singkatan | STF |
| <acronym> | Mendefinisikan akronim | STF |
| <address> | Mendefiniskan informasi kontak untuk pemiliki / penulis dokumen | STF |
| <applet> | Ditinggalkan. Medefinisikan applet | TF |
| <area /> | Mendefinisikan arae di dalam image-map | STF |
| <b> | Mendefinisikan tulisan tebal | STF |
| <base /> | Mendefinisikan URL utama/target untuk semua URL alternatif di dalam dokumen | STF |
| <basefont /> | Ditinggalkan. Merincikan dari warna, ukuran dan font default dari semua tulisan yang ada di dalam dokumen. | TF |
| <bdo> | Menggantikan arah tulisan | STF |
| <big> | Mendefinisikan tulisan besar | STF |
| <blockquote> | Mendefinisikan kutipan yang panjang | STF |
| <body> | Mendefinisikan badan dokumen | STF |
| <br /> | Mendefinisikan satu baris baru | STF |
| <button> | Mendefinisikan tombol yang bisa di-klik | STF |
| <caption> | Mendefinisikan judul dari tabel | STF |
| <center> | Ditinggalkan. Mendefinisikan tulisan agar ditengah | TF |
| <cite> | Mendefinisikan kutipan | STF |
| <code> | Mendefinisikan kode komputer | STF |
| <col /> | Mendefinisikan nilai atribut dari satu atau lebih kolom pada tabel | STF |
| <colgroup> | Merincikan sebuah grup atau lebih dari kolom-kolom dalam tabel untuk di format | STF |
| <dd> | Mendefinisikan deskripsi dari sebuah item di daftar definisi | STF |
| <del> | Defines text that has been deleted from a document | STF |
| <dfn> | Mendefinisikan ketentuan definisi | STF |
| <dir> | Ditinggalkan. Mendefinisikan daftar direktori | TF |
| <div> | Mendefinisikan sebuah bagian di dalam sebuah dokumen | STF |
| <dl> | Mendefinisikan daftar definisi | STF |
| <dt> | Mendefinisikan ketentuan (dari sebuah item) di dalam daftar definisi | STF |
| <em> | Mendefinisikan tulisan emphasized | STF |
| <fieldset> | Menggabungkan elemen-elemen yang saling berhubungan di dalam form | STF |
| <font> | Ditinggalkan, mendefinisikan font, warna, dan ukuran dari tulisan | TF |
| <form> | Defines an HTML form for user input | STF |
| <frame /> | Defines a window (a frame) in a frameset | F |
| <frameset> | Defines a set of frames | F |
| <h1> to <h6> | Defines HTML headings | STF |
| <head> | Mendefinisikan informasi mengenai sebuah dokumen | STF |
| <hr /> | Mendefinisikan garis horisontal | STF |
| <html> | Mendefinisikan inti dari dokumen HTML | STF |
| <i> | Mendefinisikan tulisan italic | STF |
| <iframe> | Mendefinisikan inline frame | TF |
| <img /> | Mendefinisikan gambar | STF |
| <input /> | Mendefinisikan kontrol input | STF |
| <ins> | Mendefinisikan tulisan yang telah dimasukkan ke dalam dokumen | STF |
| <kbd> | Mendefinisikan input keyboard | STF |
| <label> | Mendefinisikan label dari elemen <input> | STF |
| <legend> | Mendefinisikan Judul dari sebuah elemen <fieldset> | STF |
| <li> | Mendefinisikan daftar item | STF |
| <link /> | Mendefinisikan hubungan antara dokumen dari sumber diluar dokumen | STF |
| <map> | Defines a client-side image-map | STF |
| <menu> | Ditinggalkan. Mendifinisikan daftar menu | TF |
| <meta /> | Mendefinisikan metada mengenai sebuah dokumen HTML | STF |
| <noframes> | Defines an alternate content for users that do not support frames | TF |
| <noscript> | Defines an alternate content for users that do not support client-side scripts | STF |
| <object> | Mendefinisikan obyek yang tertanam / embedded | STF |
| <ol> | Mendefinisikan urutan teratur | STF |
| <optgroup> | Mendefinisikan grup dari pilihan/option dalam drop-down list yang saling berhubungan | STF |
| <option> | Mendefinisikan pilihan dalam a drop-down list | STF |
| <p> | Mendefinisikan paragraf | STF |
| <param /> | Mendefinisikan parameter dari sebuah obyek | STF |
| <pre> | Mendefinisikan tulisan yang belum di format | STF |
| <q> | Mendefinisikan kutipan pendek | STF |
| <s> | Mendefinisikan tulisan strikethrough | TF |
| <samp> | Mendefinisikan contoh dari output program komputer | STF |
| <script> | Mendefinisikan client-side script | STF |
| <select> | Mendefinisikan drop-down list | STF |
| <small> | Mendefinisikan tulisan yang lebih kecil | STF |
| <span> | Mendefinisikan sebuah bagian dari dokumen | STF |
| <strike> | Ditinggalkan. Mendefinisikan tulisan strikethrough | TF |
| <strong> | Mendefinisikan tulisan strong | STF |
| <style> | Mendefinisikan informasi style dari dokumen | STF |
| <sub> | Mendefinisikan tulisan subscripted | STF |
| <sup> | Mendefinisikan tulisan superscripted | STF |
| <table> | Mendefinisikan tabel | STF |
| <tbody> | Menggabungkan isi dari badan tabel | STF |
| <td> | Mendefinisikan kolom dari tabel | STF |
| <textarea> | Mendefinisikan kontrol dari banyak baris input (text area) | STF |
| <tfoot> | Menggabungkan footer menjadi satu grup pada tabel | STF |
| <th> | Mendefinisikan header dari tabel | STF |
| <thead> | Mendefinisikan Grup header dari tabel | STF |
| <title> | Mendefinisikan Judul dari sebuah dokumen | STF |
| <tr> | Mendefinisikan baris dari tabel | STF |
| <tt> | Mendefinisikan tulisan teletype | STF |
| <u> | Ditinggalkan. Mendefinisikan tulisan garis bawah / underline | TF |
| <ul> | Mendefinisikan urutan acak | STF |
| <var> | Mendefinisikan variabel | STF |
| <xmp> | Dintinggalkan. Mendefinisikan tulisan yang belum diformat |
Karakter ASCII digunakan untuk mengirimkan pesan antara komputer-komputer di internet.
Karakter ASCII
ASCII = America Standard Code for Information Interchange.
ASCII merupakan karakter 7-bit yang berjumlah 128 karakter.
Karakter-karakter yang digunakan pada masa sekarang di dunia komputer modern semuanya berasal dari karakter ASCII.
Karakter ASCII mengandung angka 0-9, huruf A-Z dan a-z ditambah dengan karakter-karakter spesial lainnya.
Berikut adalah daftar dari 128 karakter ASCII berikut dengan kode HTML-nya.
Karakter ASCII yang bisa anda tampilkan
| Karakter ASCII | Kode HTML | Deskripsi |
|---|---|---|
|   | spasi | |
| ! | ! | tanda perintah |
| " | " | tanda titik dua |
| # | # | number sign |
| $ | $ | tanda dollar |
| % | % | tanda persen |
| & | & | dan |
| ' | ' | tanda petik |
| ( | ( | kurung buka |
| ) | ) | kurung tutup |
| * | * | asterisk |
| + | + | tanda tambah |
| , | , | koma |
| - | - | hyphen |
| . | . | titik |
| / | / | slash |
| 0 | 0 | angka 0 |
| 1 | 1 | angka 1 |
| 2 | 2 | angka 2 |
| 3 | 3 | angka 3 |
| 4 | 4 | angka 4 |
| 5 | 5 | angka 5 |
| 6 | 6 | angka 6 |
| 7 | 7 | angka 7 |
| 8 | 8 | angka 8 |
| 9 | 9 | angka 9 |
| : | : | titik dua |
| ; | ; | titik koma |
| < | < | lebih kecil dari |
| = | = | sama dengan |
| > | > | lebih besar dari |
| ? | ? | tanda tanya |
| @ | @ | tanda at |
| A | A | uppercase A |
| B | B | uppercase B |
| C | C | uppercase C |
| D | D | uppercase D |
| E | E | uppercase E |
| F | F | uppercase F |
| G | G | uppercase G |
| H | H | uppercase H |
| I | I | uppercase I |
| J | J | uppercase J |
| K | K | uppercase K |
| L | L | uppercase L |
| M | M | uppercase M |
| N | N | uppercase N |
| O | O | uppercase O |
| P | P | uppercase P |
| Q | Q | uppercase Q |
| R | R | uppercase R |
| S | S | uppercase S |
| T | T | uppercase T |
| U | U | uppercase U |
| V | V | uppercase V |
| W | W | uppercase W |
| X | X | uppercase X |
| Y | Y | uppercase Y |
| Z | Z | uppercase Z |
| [ | [ | left square bracket |
| \ | \ | backslash |
| ] | ] | right square bracket |
| ^ | ^ | caret |
| _ | _ | underscore |
| ` | ` | grave accent |
| a | a | lowercase a |
| b | b | lowercase b |
| c | c | lowercase c |
| d | d | lowercase d |
| e | e | lowercase e |
| f | f | lowercase f |
| g | g | lowercase g |
| h | h | lowercase h |
| i | i | lowercase i |
| j | j | lowercase j |
| k | k | lowercase k |
| l | l | lowercase l |
| m | m | lowercase m |
| n | n | lowercase n |
| o | o | lowercase o |
| p | p | lowercase p |
| q | q | lowercase q |
| r | r | lowercase r |
| s | s | lowercase s |
| t | t | lowercase t |
| u | u | lowercase u |
| v | v | lowercase v |
| w | w | lowercase w |
| x | x | lowercase x |
| y | y | lowercase y |
| z | z | lowercase z |
| { | { | kurung kurawal pembuka |
| | | | | vertical bar |
| } | } | kurung kurawal penutup |
| ~ | ~ | tilde |
Karakter Device Control ASCII
Karakter Device Control ASCII pada dasarnya di desain untuk mengontrol alat hardware.
Karakter Device Control tidak memiliki fungsi apa-apa dalam dokumen HTML.
| ASCII Character | HTML Entity Code | Description |
|---|---|---|
| NUL | � | null character |
| SOH |  | start of header |
| STX |  | start of text |
| ETX |  | end of text |
| EOT |  | end of transmission |
| ENQ |  | enquiry |
| ACK |  | acknowledge |
| BEL |  | bell (ring) |
| BS |  | backspace |
| HT | 	 | horizontal tab |
| LF | | line feed |
| VT |  | vertical tab |
| FF |  | form feed |
| CR | | carriage return |
| SO |  | shift out |
| SI |  | shift in |
| DLE |  | data link escape |
| DC1 |  | device control 1 |
| DC2 |  | device control 2 |
| DC3 |  | device control 3 |
| DC4 |  | device control 4 |
| NAK |  | negative acknowledge |
| SYN |  | synchronize |
| ETB |  | end transmission block |
| CAN |  | cancel |
| EM |  | end of medium |
| SUB |  | substitute |
| ESC |  | escape |
| FS |  | file separator |
| GS |  | group separator |
| RS |  | record separator |
| US |  | unit separator |
| DEL |  | delete (rubout) |
Atribut berikut adalah atribut standard HTML / XML
Atribut Utama / Core Attribute
Core Attribute digunakan semua elemen, kecuali : <base>, <head>, <html>, <meta>, <param>, <script>, <style> dan <title>.
| Atribut | Deskripsi |
|---|---|
| class | Merincikan satu atau lebih nama kelas dari sebuah elemen |
| id | Merincikan id unik dari sebuah elemen |
| style | Merincikan sebuah inline CSS style dari sebuah elemen |
| title | Merincikan informasi tambahan mengenai sebuah elemen |
Atribut Bahasa / Language Attribute
Core Attribute digunakan semua elemen, kecuali : <base>, <head>, <html>, <meta>, <param>, <script>, <style> dan <title>.
| Atribut | Deskripsi |
|---|---|
| dir | Merincikan arah teks dari konten sebuah elemen |
| lang | Merincikan bahasa dari konten sebuah elemen |
| xml:lang | Merincikan bahasa dari konten sebuah elemen (untuk dokumen XHTML) |
Atribut untuk Keyboard
| Attribute | Description |
|---|---|
| accesskey | Merincikan kunci shortcut untuk mengaktifasi/fokus sebuah elemen |
| tabindex | Merincikan tab order dari sebuah elemen |
HTML Simbol Entitas ™
Referensi dari simbol entitas berikut mencangkup simbol Matematika, karakter Yunani, berbagai macam panah dan simbol-simbol lainnya.
Karakter-karakter Matematika yang di dukung oleh HTML
| Karakter | No Entitas | Nama Entitas | Deskripsi |
|---|---|---|---|
| ∀ | ∀ | ∀ | untuk semua |
| ∂ | ∂ | ∂ | bagian |
| ∃ | ∃ | ∃ | ada |
| ∅ | ∅ | ∅ | kosong |
| ∇ | ∇ | ∇ | nabla |
| ∈ | ∈ | ∈ | isin |
| ∉ | ∉ | ∉ | notin |
| ∋ | ∋ | ∋ | ni |
| ∏ | ∏ | ∏ | prod |
| ∑ | ∑ | ∑ | sum |
| − | − | − | minus |
| ∗ | ∗ | ∗ | lowast |
| √ | √ | √ | akar |
| ∝ | ∝ | ∝ | proporsional terhadap |
| ∞ | ∞ | ∞ | tanpa batas |
| ∠ | ∠ | ∠ | sudut |
| ∧ | ∧ | ∧ | dan |
| ∨ | ∨ | ∨ | atau |
| ∩ | ∩ | ∩ | cap |
| ∪ | ∪ | ∪ | cup |
| ∫ | ∫ | ∫ | integral |
| ∴ | ∴ | ∴ | oleh karena itu |
| ∼ | ∼ | ∼ | mirip dengan |
| ≅ | ≅ | ≅ | konkruen |
| ≈ | ≈ | ≈ | hampir sama |
| ≠ | ≠ | ≠ | tidak sama |
| ≡ | ≡ | ≡ | sepadan |
| ≤ | ≤ | ≤ | kurang atau sama |
| ≥ | ≥ | ≥ | lebih atau sama |
| ⊂ | ⊂ | ⊂ | bagian kecil dari |
| ⊃ | ⊃ | ⊃ | bagian besar dari |
| ⊄ | ⊄ | ⊄ | bukan bagian dari |
| ⊆ | ⊆ | ⊆ | bagian kecil atau sama |
| ⊇ | ⊇ | ⊇ | bagian besar atau sama |
| ⊕ | ⊕ | ⊕ | lingkaran tambah |
| ⊗ | ⊗ | ⊗ | lingkaran berulang |
| ⊥ | ⊥ | ⊥ | tegak lurus |
| ⋅ | ⋅ | ⋅ | operator titik |
Karakter Yunani yang di dukung oleh HTML
| Karakter | No Entitas | Nama Entitas | Deskripsi |
|---|---|---|---|
| Α | Α | Α | Alpha |
| Β | Β | Β | Beta |
| Γ | Γ | Γ | Gamma |
| Δ | Δ | Δ | Delta |
| Ε | Ε | Ε | Epsilon |
| Ζ | Ζ | Ζ | Zeta |
| Η | Η | Η | Eta |
| Θ | Θ | Θ | Theta |
| Ι | Ι | Ι | Iota |
| Κ | Κ | Κ | Kappa |
| Λ | Λ | Λ | Lambda |
| Μ | Μ | Μ | Mu |
| Ν | Ν | Ν | Nu |
| Ξ | Ξ | Ξ | Xi |
| Ο | Ο | Ο | Omicron |
| Π | Π | Π | Pi |
| Ρ | Ρ | Ρ | Rho |
| undefined | Sigmaf | ||
| Σ | Σ | Σ | Sigma |
| Τ | Τ | Τ | Tau |
| Υ | Υ | Υ | Upsilon |
| Φ | Φ | Φ | Phi |
| Χ | Χ | Χ | Chi |
| Ψ | Ψ | Ψ | Psi |
| Ω | Ω | Ω | Omega |
| α | α | α | alpha |
| β | β | β | beta |
| γ | γ | γ | gamma |
| δ | δ | δ | delta |
| ε | ε | ε | epsilon |
| ζ | ζ | ζ | zeta |
| η | η | η | eta |
| θ | θ | θ | theta |
| ι | ι | ι | iota |
| κ | κ | κ | kappa |
| λ | λ | λ | lambda |
| μ | μ | μ | mu |
| ν | ν | ν | nu |
| ξ | ξ | ξ | xi |
| ο | ο | ο | omicron |
| π | π | π | pi |
| ρ | ρ | ρ | rho |
| ς | ς | ς | sigmaf |
| σ | σ | σ | sigma |
| τ | τ | τ | tau |
| υ | υ | υ | upsilon |
| φ | φ | φ | phi |
| χ | χ | χ | chi |
| ψ | ψ | ψ | psi |
| ω | ω | ω | omega |
| ϑ | ϑ | ϑ | theta symbol |
| ϒ | ϒ | ϒ | upsilon symbol |
| ϖ | ϖ | ϖ | pi symbol |
Entitas lain yang di dukung oleh HTML
| Karakter | No Entitas | Nama Entitas | Deskripsi |
|---|---|---|---|
| Π| Π| Π| capital ligature OE |
| œ | œ | œ | small ligature oe |
| Š | Š | Š | capital S with caron |
| š | š | š | small S with caron |
| Ÿ | Ÿ | Ÿ | capital Y with diaeres |
| ƒ | ƒ | ƒ | f with hook |
| ˆ | ˆ | ˆ | modifier letter circumflex accent |
| ˜ | ˜ | ˜ | small tilde |
|   |   | en space | |
|   |   | em space | |
|   |   | thin space | |
| | ‌ | ‌ | zero width non-joiner |
| | ‍ | ‍ | zero width joiner |
| | ‎ | ‎ | left-to-right mark |
| | ‏ | ‏ | right-to-left mark |
| – | – | – | en dash |
| — | — | — | em dash |
| ‘ | ‘ | ‘ | left single quotation mark |
| ’ | ’ | ’ | right single quotation mark |
| ‚ | ‚ | ‚ | single low-9 quotation mark |
| “ | “ | “ | left double quotation mark |
| ” | ” | ” | right double quotation mark |
| „ | „ | „ | double low-9 quotation mark |
| † | † | † | dagger |
| ‡ | ‡ | ‡ | double dagger |
| • | • | • | bullet |
| … | … | … | horizontal ellipsis |
| ‰ | ‰ | ‰ | per mille |
| ′ | ′ | ′ | minutes |
| ″ | ″ | ″ | seconds |
| ‹ | ‹ | ‹ | single left angle quotation |
| › | › | › | single right angle quotation |
| ‾ | ‾ | ‾ | overline |
| € | € | € | euro |
| ™ | ™ or ™ | ™ | trademark |
| ← | ← | ← | left arrow |
| ↑ | ↑ | ↑ | up arrow |
| → | → | → | right arrow |
| ↓ | ↓ | ↓ | down arrow |
| ↔ | ↔ | ↔ | left right arrow |
| ↵ | ↵ | ↵ | carriage return arrow |
| ⌈ | ⌈ | ⌈ | left ceiling |
| ⌉ | ⌉ | ⌉ | right ceiling |
| ⌊ | ⌊ | ⌊ | left floor |
| ⌋ | ⌋ | ⌋ | right floor |
| ◊ | ◊ | ◊ | lozenge |
| ♠ | ♠ | ♠ | spade |
| ♣ | ♣ | ♣ | club |
| ♥ | ♥ | ♥ | heart |
| ♦ | ♦ | ♦ | diamond |
HTML memberikan anda kemampuan untuk mengeksekusi aksi di browser, seperti misalnya menjalankan javascript ketika user mengklik salah satu elemen HTML.
Berikut adalah event-event standard yang bisa anda masukkan ke dalam elemen-elemen HTML / XML untuk mendefinisikan aksi even.
<body> dan <frameset> Events
| Atribut | Nilai | Deskripsi |
|---|---|---|
| onload | script | Script akan jalan ketika dokumen di load |
| onunload | script | Script akan jalan ketika dokumen di unload |
Form Events
Atribut-atribut berikut bisa anda gunakan pada elemen-elemen form
| Atribut | Nilai | Deskripsi |
|---|---|---|
| onblur | script | Script akan dijalankan ketika sebuah elemen kehilangan fokus |
| onchange | script | Script akan dijalankan ketika sebuah elemen berubah |
| onfocus | script | Script to akan dijalankan ketika sebuah elemen mendapatkan fokus |
| onreset | script | Script akan dijalankan ketika sebuah elemen di-reset |
| onselect | script | Script akan dijalankan ketika sebuah elemen dipilih/selected |
| onsubmit | script | Script akan dijalankan ketika sebuah elemen di submit |
Image/Gambar Events
Atribut berikut bisa anda gunakan pada elemen <img>
| Atribut | Nilai | Deskripsi |
|---|---|---|
| onabort | script | Script akan dijalankan ketika proses load gambar diganggu/gagal. |
Keyboard Events
Atribut-atribut berikut bisa anda gunakan untuk menjalankan event yang berhubungan dengan keyboard.
| Attribute | Value | Deskripsi |
|---|---|---|
| onkeydown | script | Script akan dijalankan ketika tombol keyboard ditekan |
| onkeypress | script | Script akan dijalankan ketika tombol keyboard ditekan dan dilepaskan |
| onkeyup | script | Script akan dijalankan ketika tombol keyboard dilepaskan |
Mouse Events
Atribut-atribut berikut bisa anda gunakan untuk menjalankan event yang berhubungan dengan mouse.
| Attribute | Value | Deskripsi |
|---|---|---|
| onclick | script | Script akan dijalankan bila mouse di-klik |
| ondblclick | script | Script akan dijalankan bila mouse di-klik dua kali |
| onmousedown | script | Script akan dijalankan bila tombol mouse di tekan |
| onmousemove | script | Script akan dijalankan bila mouse di gerakkan |
| onmouseout | script | Script akan dijalankan bila mouse bergerak keluar dari sebuah elemen |
| onmouseover | script | Script akan dijalankan bila mouse bergerak kedalam sebuah elemen |
| onmouseup | script | Script akan dijalankan bila tombol mouse dilepaskan |
Artikel Ditulis Oleh : Thomas VZee
Thanks To : JagoCoding