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:
Maka di dalam kode html kita harus mengetikkan: <head> Atau jika ingin membuat simbol: © Maka kita harus mengetikkan: © Berikut adalah Karakter-karakter Khusus dalam HTML, untuk menuliskannya di dalam dokumen html, anda bisa menggunakan "kode nama" maupun "kode angka" hasil dari kedua kode tersebut akan sama. Karakter-karakter Khusus ini sangat penting bagi kita yang sering mengetikkan kode-kode HTML, satu hal yang perlu diperhatikan ketika menuliskan kode-kode html yang pasif usahakan agar mengetikkan kode tersebut selalu menggunakan tag elemen: kode html untuk menghindari efeknya ke kode-kode html lainnya yang sedang aktif, atau jika ingin lebih clear bisa menggunakan:

kode html

Tabel Karakter-karakter Khusus dalam HTML

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:

  1. Sebuah tanda dan (&),
  2. nama entitas atau sebuah # yang di ikuti oleh nomor kode entitas
  3. diakhiri oleh tanda titik koma (;).

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 <.
– Spasi Berurutan

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
Di bawah ini adalah karakter entitas yang sering di gunakan.

Karakter Nama Entitas Nomor Entitas
® (registered) ® ®
© (Copyright) © ©
™ (Trademark)
(non breaking space)   ¡
& (ampersand) & &
« (angle quotation mark left) « «
» (angle quotation mark right) » »
” (tanda kutip) " "
< (lebih kecil) < <
> (lebih besar) > =
× (tanda kali) × ×

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 HTML

Untuk 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 HTML

Cara 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 HTML

Tabel Karakter Khusus dalam HTML

Selain karakter “<”, HTML menyediakan ratusan karakter khusus yang bisa digunakan. Berikut adalah tabel karakter khusus yang sering digunakan:

Untuk menampilkan karakter khusus ® atau registered trademark yaitu dengan menggunakan
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:

Belajar HTML di Duniailkom  

Saya sedang belajar HTML di © Duniailkom.com ® ™

Dalam tutorial kali ini, kita akan belajar untuk menampilkan karakter-karakter khusus seperti <, >, …

 

Untuk menampilkan karakter khusus ® atau registered trademark yaitu dengan menggunakan

Jika saya menulis:

Dunia Ilkom

Kata 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.