Untuk menampilkan karakter khusus ® atau registered trademark yaitu dengan menggunakan
Karakter-karakter Khusus dalam HTML Karakter-karakter Khusus, kenapa khusus? karena bentuknya memang spesial dan kebanyakan dari karakter-karakter tersebut tidak akan kita temukam di keyboard komputer kita, jadi kita harus mengetikkan gabungan dari beberapa karakter di keyboard ke dalam dokumen HTML untuk bisa menampilkan karakter khusus ini di browser. Misalnya agar browser dapat menampilkan tulisan: kode html
untuk menghindari efeknya ke kode-kode html lainnya yang sedang aktif, atau jika ingin lebih clear bisa menggunakan:
Tabel Karakter-karakter Khusus dalam HTML Show Deskripsi unused horizontal tab line feed space exclamation mark double quotation mark number sign dollar sign percent sign ampersand apostrophe left parenthesis right parenthesis asterisk plus sign comma hyphen period slash 0 1 2 3 4 5 6 7 8 9 colon semicolon less-than sign equals sign greater-than sign question mark at sign A B C D E F G H I J K L M N O P Q R S T U V W X Y Z left square bracket backslash right square bracket caret horizontal bar (underscore) grave accent a b c d e f g h i j k l m n o p q r s t u v w x y z left curly brace vertical bar right curly brace tilde unused en dash em dash unused nonbreaking space inverted exclamation cent sign pound sterling general currency sign yen sign broken vertical bar section sign umlaut copyright feminine ordinal left angle quote not sign soft hyphen registered trademark macron accent degree sign plus or minus superscript two superscript three acute accent micro sign paragraph sign middle dot cedilla superscript one masculine ordinal right angle quote one-fourth one-half three-fourths inverted question mark uppercase A, grave accent uppercase A, acute accent uppercase A, circumflex accent uppercase A, tilde uppercase A, umlaut uppercase A, ring uppercase AE uppercase C, cedilla uppercase E, grave accent uppercase E, acute accent uppercase E, circumflex accent uppercase E, umlaut uppercase I, grave accent uppercase I, acute accent uppercase I, circumflex accent uppercase I, umlaut uppercase Eth, Icelandic uppercase N, tilde uppercase O, grave accent uppercase O, acute accent uppercase O, circumflex accent uppercase O, tilde uppercase O, umlaut multiplication sign uppercase O, slash uppercase U, grave accent uppercase U, acute accent uppercase U, circumflex accent uppercase U, umlaut uppercase Y, acute accent uppercase THORN, Icelandic lowercase sharps, German lowercase a, grave accent lowercase a, acute accent lowercase a, circumflex accent lowercase a, tilde lowercase a, umlaut lowercase a, ring lowercase ae lowercase c, cedilla lowercase e, grave accent lowercase e, acute accent lowercase e, circumflex accent lowercase e, umlaut lowercase i, grave accent lowercase i, acute accent lowercase i, circumflex accent lowercase i, umlaut lowercase eth, Icelandic lowercase n, tilde lowercase o, grave accent lowercase o, acute accent lowercase o, circumflex accent lowercase o, tilde lowercase o, umlaut division sign lowercase o, slash lowercase u, grave accent lowercase u, acute accent lowercase u, circumflex accent lowercase u, umlaut lowercase y, acute accent lowercase thorn, Icelandic lowercase y, umlaut black star white star left single quote right single quote single low-9 quote left double quote right double quote double low-9 quote dagger double dagger per mill sign single left-pointing angle quote single right-pointing angle quote black spade suit black club suit black heart suit black diamond suit overline, = spacing overscore leftward arrow upward arrow rightward arrow downward arrow trademark sign Page 2
4.1 Pengertian Entitas Karakter HTML Beberapa karakter mempunyai arti khusus dalam HTML, seperti karakter < yang di artikan sebagai tanda awal dari tag HTML. Oleh karena itu, kita tidak bisa menampilkan langsung pada browser tanda lebih kecil tersebut <, karena browser akan menganggap < (kurang dari) ini bagian dari tag HTML. Untuk menampilkannya tanda lebih kecil (<) dalam browser, maka harus menggunakan Entitas karakter HTML yang berfungsi untuk menggantikan penulisan beberapa karakter agar bisa terlihat ke browser. Dalam entisitas kharakter terbagi atas 3 komponen, yaitu:
Jadi, dalam entitas kharakter HTML ini ada dua alternative dalam penulisannya. Yaitu dengan nama entitas atau sebuah kode nomor. Tapi disarankan memakai nama entitas saja, karna lebih mudah untuk diingat. Untuk menampilkan tanda lebih kecil (<) dalam browser, maka harus menggantinya dengan > atau dengan <. Browser selalu memotong spasi pada halaman HTML. Jika ingin menulis 10 spasi dalam teks, browser akan menghapus 9 dari spasi tersebut ketika di tampilkan ke browser. Disini entitas karakter HTML berperan juga untuk memenampilkannya. 4.2 Entitas yang sering digunakan
Misalnya, membuat dokumen HTML Belajar HTML Bila ingin mengubah karakter dengan kode di atas, maka penulisannya menjadi : <i>Belajar HTML </i> Setelah itu, bila ingin menulis <i>Belajar HTML </i> agar bisa terlihat di browser caranya adalah dengan mengganti karakter dan (&) dengan & Penulisannya: &_lt;i&_gt;Belajar HTML &_lt;/i&_gt; Catatan: Under scorenya dibuang. Karena, apabila digabungkan maka penulisannya tidak akan berhasil. Download File Pemrograman Web rangkuman bab1-5
Selain karakter alfanumerik, kadang kita butuh menulis karakter-karakter khusus ke dalam HTML, misalnya tanda “<”. Karakter kurung siku “<” tidak bisa dituliskan begitu saja di dalam HTML, karena karakter kurung siku berfungsi internal dalam HTML sebagai tanda pembuka tag. Di dalam tutorial text HTML kali ini, kita akan mempelajari cara menampilkan dan memasukkan karakter khusus ke dalam HTML. Cara Memasukkan Karakter Khusus ke dalam HTMLUntuk memasukkan karakter-karakter khusus ke dalam HTML, kita harus men-‘escape’ karakter tersebut. Istilah escape maksudnya bahwa dari pada menulis sebuah karakter secara langsung, kita bisa menggantinya dengan angka atau referensi yang merujuk kepada karakter tersebut. Dalam HTML, terdapat 2 cara untuk men-‘escape’ karakter, yaitu dengan menggunakan penomoran angka (numeric entity), dan menggunakan singkatan untuk karakter (named entity). Kedua cara ini ditulis dengan karakter ‘&’ pada awal penulisan, dan diakhiri dengan karakter ‘;’. Sebagai contoh, jika saya ingin menuliskan karakter “<” di dalam konten HTML, maka penulisannya adalah sebagai berikut: Saya sedang belajar menampilkan karakter < dalam HTMLCara diatas menggunakan penomoran angka atau numeric entity. Karakter “<” memiliki numeric entity 60, sehingga ditulis menjadi <;. Jika menggunakan singkatan karakter atau named entity, karakter “<”ditulis menjadi < sebagai berikut: Saya sedang belajar menampilkan karakter < dalam HTMLTabel Karakter Khusus dalam HTMLSelain karakter “<”, HTML menyediakan ratusan karakter khusus yang bisa digunakan. Berikut adalah tabel karakter khusus yang sering digunakan: Untuk list lengkap karakter-karakter khusus dalam HTML, anda bisa melihatnya di situs Web Standars Project di www.webstandards.org/learn/reference/charts/entities/Sebagai penutup, berikut adalah contoh kode HTML yang akan menampilkan beberapa karakter khusus dalam HTML: Saya sedang belajar HTML di © Duniailkom.com ® ™Dalam tutorial kali ini, kita akan belajar untuk menampilkan karakter-karakter khusus seperti <, >, … Jika saya menulis: Dunia IlkomKata tersebut akan ditampilkan web browser menjadi Dunia Ilkom (karakter akan ditampilkan sebagai spasi), Namun kedua kata tersebut akan ‘dianggap‘ sebagai satu kesatuan, dan tidak akan terpisah walaupun berada di akhir baris atau ukuran web browser diperkecil. |