Lucrarea 2. Crearea Paginilor Web În Limbajul HTML

Servicii Internet www.euroqual.pub.
ro
LUCRAREA 2. CREAREA PAGINILOR WEB ÎN LIMBAJUL

HTML
World Wide Web (www, W3 sau Web) este un spațiu informațional format din documente
în diverse formate și alte resurse (fișiere sau servicii), identificate prin URI (Uniform Resource
Identifier). HTML (acronimul de la HyperText Markup Language - Limbajul de marcare hypertext)
este limbajul standard folosit pentru crearea paginilor Web și în alte aplicații care folosesc sistemul
hypertext, o metodă flexibilă de interconectare a documentelor și de partajare a informației pe
Internet. Acest sistem este constituit din elemente (în principal text, dar și imagini sau diverse obiecte
înglobate) și referințe (hyperlinks) către alte resurse, activate la click de mouse sau prin atingerea
ecranului senzitiv, care permit utilizatorului navigarea printre paginile unui site și accesarea directă a
resursei interconectate.
Fișierele în format HTML sunt exclusiv de tip text, având codurile speciale de marcare bine
delimitate și inserate chiar în interiorul textului. Aceasta înseamnă că fișierele HTML conțin, într-o
formă inteligibilă utilizatorului, textul care va fi afișat (litere, cifre, semne de punctuație și alte
caractere alfanumerice) inserat între codurile de marcare. Extensiile tipice pentru paginile Web în
format HTML sunt .html (utilizată în mod curent) sau .htm (pentru compatibilitate cu vechile sisteme
de operare care acceptau maxim 3 caractere în extensia fișierelor).
În versiunea HTML 4.0 (decembrie 1997) au fost adoptate multe tipuri de elemente și
atribute și a început să se pună accentul pe separarea părții de conținut de cea vizuală folosind foi de
stiluri CSS (Cascading Style Sheets) în detrimentul unor atribute. Versiunea HTML5 (actuală,
publicată de W3C - World Wide Web Consortium, organizația internațională care dezvoltă standarde
pentru WWW - în octombrie 2014 ca variantă finală) pune accent pe semantica (sensul, semnificația)
informației în pagini și aplicații Web, fiind descurajată folosirea marcajelor și atributelor care au
semnificație doar în prezentarea informațiilor (modificarea dimensiunilor, stilului sau alinierii pentru
text, imagini, tabele, obiecte și alte elemente). Opțiunile privind aspectul (formatarea) informației de
orice tip sunt implementate cu ajutorul stilurilor CSS, utilizate pe larg începând cu a doua parte a
anilor ’90.
Cod de marcare
Codurile de marcare sunt cuvinte cheie care se inserează încadrate de caractere speciale de
delimitare pentru a le deosebi de textul propriu-zis al documentului. Codurile de marcare nu sunt
vizibile în pagină, ci sunt interpretate de browser pentru a afișa informația în modul dorit. HTML
utilizează 2 simboluri pentru a indica începutul (caracterul "mai mic", "<" ) și sfârșitul (caracterul
"mai mare", ">") codurilor de marcare. Toate marcajele HTML conțin aceste caractere și fiecare “<“
trebuie să aibă un “>" ce va închide codul de marcare, sub forma:
<cod>
Codurile de marcare HTML nu sunt case sensitive (nu țin seama de litere mari sau mici,
<COD> fiind la fel interpretat ca și <Cod>, <COd> sau oricare altă variantă). Deși unele site-uri
folosesc codurile scrise cu majuscule, W3C recomandă totuși ca acestea să fie scrise cu litere mici
(pentru limbajul HTML4), impunând însă scrierea lor cu minuscule pentru versiunile XHTML. Un
alt aspect în editarea codului sursă al unei pagini Web îl constituie scrierea aliniată a codului în cazul
marcajelor imbricate, astfel încât citirea și depanarea acestuia să fie făcută cu ușurință.
Adresa URL a unei resurse (care definește referința spre acea resursă) depinde însă de litere
mari sau mici; astfel, deși în MS-DOS și Windows numele fișierelor nu țin cont de
majuscule/minuscule, în alte sisteme de operare (Mac, UNIX) acest lucru nu mai este valabil (fișierul
“home.htm" este diferit de “Home.htm"). Similar, în timp ce sub sistemul de operare MS-DOS
numele fișierelor sunt limitate la 8 caractere + extensia de 3 caractere, alte sisteme de operare nu au
aceste limite.
1
Servicii Internet www.euroqual.pub.ro
Element de marcare
Un element de marcare este în general format din 2 coduri de marcare (de deschidere și
de închidere), acestea delimitând conținutul marcajului. Câteva observații referitoare la elementele
de marcare:
- majoritatea elementelor conțin perechi de coduri de marcare plasate la început și sfârșit
(start tag și end tag):
<cod> ...conținut... </cod>
Deși majoritatea browserelor afișează corect informația dacă nu există codul de
închidere pereche, lipsa acestuia poate duce câteodată la rezultate nedorite.
- există elemente de marcare formate dintr-un singur cod (doar codul de deschidere); în
acest caz conținutul lor este vid. Cerințele actualelor versiuni ale limbajelor XHTML
și XML impun închiderea tuturor elementelor pentru o validare strictă sau dacă se
folosesc analizoare XML (XML parsers). Atunci când elementul de marcare nu are
cod de închidere se va folosi în loc de <cod> expresia <cod />.
- majoritatea elementelor de marcare se pot imbrica (pot avea în conținut alte elemente
de marcare), dar trebuie păstrată structura ierarhică (un element trebuie să se închidă
în interiorul elementului ierarhic superior):
<cod1> ...conținut... <cod2> ...conținut... </cod2> ...conținut... </cod1>
Atribute
Atributele definesc proprietăți suplimentare pentru un element de marcare și se adaugă
întotdeauna doar la codul de marcare de început, sub forma:
<cod atribut1="valoare1" atribut2="valoare2"... > ...conținut... </cod>
Observații:
- numele atributelor nu sunt case sensitive, dar valorile pot fi case sensitive.
Recomandările W3C specifică utilizarea literelor mici pentru numele și valorile
asociate atributelor.
- enumerarea mai multor atribute pentru același element se face separându-le prin
spațiu;
- valorile atributelor se introduc între ghilimele duble " ", dar se acceptă și ghilimele
simple ' ', în special acolo unde valoarea atributului conține ghilimele duble (sau
reciproc). Ghilimelele nu sunt obligatorii pentru a specifica valoarea atributului, însă
sunt recomandate. Este obligatorie utilizarea ghilimelelor atunci când atributul conține
spații.
- valorile atributelor pot fi de tip text sau numeric; unele atribute sunt booleene (vide),
adică nu au o valoare atribuită, ci prezența lor indică valoarea true. Exemple: ismap,
checked, disabled, hidden.
- ordinea atributelor nu contează;
- dacă unul sau mai multe atribute lipsesc (nu sunt explicit introduse), browserul va
folosi valorile lor implicite;
- browserele nu interpretează unitar același marcaj sau atribut; unele marcaje sunt
proprietare (specifice unui anumit browser și interpretate doar de către acela);
- dacă un cod de marcare sau un atribut nu sunt cunoscute (sunt scrise greșit, au valori
incorecte sau sunt specifice unui anumit browser), vor fi ignorate de browser fără vreun
mesaj de eroare.
Comentarii
Introducerea unui bloc de comentarii în HTML se face astfel:

Scopul unui astfel de bloc este inserarea unor notații ale autorului paginii (referitoare la
blocurile definite, stiluri, funcții sau orice altă informație pe care acesta o consideră necesară).
2
Forma generală a unui document HTML

<!DOCTYPE ...>
<html>
<head> ...conținut... </head>
<body> ...conținut... </body>
</html>
Prima linie a unui document HTML este recomandabil să conțină declararea tipului
documentului (<!DOCTYPE>), informație folosită de browserul Web pentru a alege un mod adecvat
de afișare a paginii. Cele 2 elemente de marcare obligatorii, ce delimitează documentul de tip HTML,
sunt plasate la începutul, respectiv sfârșitul documentului: <html> și </html>. În interiorul acestei
structuri se află 2 blocuri delimitate de marcajele <head>...</head> (antetul, zona în care se regăsesc
informații care descriu pagina Web), respectiv <body>...</body> (corp, cuprins - conținutul vizibil
al documentului).
Un exemplu clasic în stilul Hello World!, din care se observă ușor implementarea structurii
de bază a unei pagini Web scrisă în limbajul HTML5, este prezentat mai jos:
<!DOCTYPE html>
<html>
<head>
<title>This is a title</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
2.1. Tipul documentului - marcajul <!DOCTYPE>
Definirea tipului documentului și a versiunii permite browserelor o mai bună identificare a

sintaxei folosite în codul sursă, astfel încât pagina să fie afișată cât mai aproape de forma pe care
autorul a intenționat-o. Fiecare versiune de HTML și XHTML este caracterizată de anumite
specificații, în conformitate cu deciziile W3C. Definirea tipului documentului este esențială atunci
când se folosesc unelte specifice (Markup Validators) de verificare a sintaxei codului. Declararea
tipului documentului trebuie făcută exact ca în exemplele de mai jos, atât ca și conținut, cât și ca
formă (uzual se folosesc declarațiile de tip Transitional pentru HTML 4.01 și XHTML 1.0):
HTML 4.01
Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Frameset: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0
Strict: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Transitional: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Frameset: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
3
HTML5
<!DOCTYPE html>
2.2. Antetul documentului - marcajul <head>
Antetul (zona delimitată de marcajele <head> și </head>) conține informații generale despre
document; acestea nu sunt afișate în pagină, ci sunt folosite pentru a detalia diverse proprietăți ale
documentului, folosite de motoarele de căutare în indexare, sau pentru a crea legături cu fișiere
externe (stiluri sau scripturi Javascript). Principalele marcaje întâlnite aici sunt folosite pentru a
defini:
- titlul paginii - marcajul <title>;
- meta informații despre autor, cuvinte cheie, programul vizual folosit pentru crearea
paginii Web, formatul documentului curent etc. - marcajul <meta>;
- relațiile cu alte documente - marcajele <base> și <link>;
- crearea unor stiluri CSS pentru pagină - marcajul <style>;
- rularea unor scripturi - marcajul <script>.
Titlul paginii
Marcajul <title> permite afișarea unui titlu (un text) pe bara de sus (bara de titlu) a ferestrei
browser-ului și a tab-ului ce conține pagina Web. Într-un document HTML există un singur titlu (un
singur marcaj <title>) care realizează o descriere scurtă și cât mai exactă a conținutului respectivului
document. Titlul paginii este un element important deoarece este indexat în motoarele de căutare
(astfel pagina se poate situa mai sus în rezultatele unor căutări pe Web) și este folosit atunci când
pagina este adăugată la Bookmarks / Favorites în browser (astfel încât numele să fie ușor de
identificat). În lipsa unui titlu, pe bara ferestrei / tab-ului apare, în funcție de browser, numele
fișierului precedat de calea până la el.
Format:
<title>...</title>
Exemplu:
<title>Lucrare despre limbajul HTML</title>
2.3. Corpul documentului - marcajul <body>
Este marcajul cel mai important și mai cuprinzător, aici găsindu-se practic întregul conținut
vizibil al documentului (text, imagini, tabele, hyperlink-uri etc.). Într-un document HTML există un
singur marcaj <body>.
Format:
<body bgcolor="..." background="..." text="..." link="..." vlink="..." alink="..." bgproperties="...">
... </body>
Atribute:
 bgcolor="#rrggbb" sau bgcolor="nume culoare"
Precizează culoarea ce va fi folosită ca fundal al paginii. rrggbb reprezintă un număr format
din 6 cifre în sistemul de numerație hexazecimal (cu cifrele 0,..., 9, A, ..., F) care furnizează
intensitățile componentelor:
- roșu (Red) - cifrele rr;
- verde (Green) - cifrele gg;
- albastru (Blue) - cifrele bb.
Fiecare intensitate este reprezentată pe 8 biți (256 posibilități, între 00...FF), în total existând
16.777.216 culori ce se pot specifica (pe 24 biți). Paleta de culori "web safe" este formată din 216
culori (doar cele care conțin pentru cele 3 componente valorile 0, 3, 6, 9, C, F).
4
Nume
Red Green Blue #rrggbb Culoare
culoare
Black 00 00 00 #000000
Navy 00 00 80 #000080
Blue 00 00 FF #0000FF
Green 00 80 00 #008000
Teal 00 80 80 #008080
Lime 00 FF 00 #00FF00
Aqua 00 FF FF #00FFFF
Maroon 80 00 00 #800000
Purple 80 00 80 #800080
Olive 80 80 00 #808000
Gray 80 80 80 #808080
Silver C0 C0 C0 #C0C0C0
Red FF 00 00 #FF0000
Fuchsia FF 00 FF #FF00FF
Yellow FF FF 00 #FFFF00
White FF FF FF #FFFFFF
Alternativ se poate indica numele culorii dintr-un set de 16 nume standard definite în
specificațiile HTML 4.01. Browserele actuale suportă 140 nume de culori, prezentate în Anexa 1.
 background="url_imagine"
Indică imaginea care va apărea pe fundalul paginii, repetitiv, prin intermediul adresei sale
URL. Îîn cazul în care este mai mică decât dimensiunea paginii, imaginea va fi repetată astfel încât
toată pagina să fie acoperită. Dacă imaginea se află în același folder cu pagina Web, se va specifica
doar numele fișierului (inclusiv extensia); dacă nu, se va insera calea relativă până la acel fișier (stocat
în același calculator sau în rețeaua locală) sau URL-ul său absolut (adresa Web). Dacă există simultan
atributele bgcolor și background într-un marcaj <body>, imaginea aleasă ca fundal (cu atributul
background) se va suprapune peste culoarea selectată prin atributul bgcolor.
 text="#rrggbb" sau text="nume_culoare"
Setează culoarea textului din pagină.
 link="#rrggbb" sau link="nume_culoare"
Setează culoarea shortcut-urilor (hyperlink-urilor) care nu au fost încă vizitate.
 vlink="#rrggbb" sau vlink="nume_culoare"
Setează culoarea shortcut-urilor care au fost vizitate.
 alink="#rrggbb" sau alink="nume_culoare"
Setează culoarea shortcut-ului activ (în momentul când se dă click și se ține apăsat butonul
mouse-ului pe un link, acesta devine selectat).
 bgproperties="fixed"
Specifică dacă imaginea din fundal permite sau nu scroll (se va deplasa odată cu textul
paginii sau va rămâne fixă, deplasându-se doar textul). Este un atribut proprietar (recunoscut doar în
Internet Explorer).
Exemple:
<body bgcolor="blue" text="yellow" link="#ABCDEF" vlink="red">
<body background="/imagini/fundal.gif" bgproperties="fixed" text="silver">
2.3.1. Titluri (Headings)

Titlurile sau subtitlurile de capitole (rubrici) dintr-o pagină Web se pot crea cu 6 marcaje
HTML care permit dimensiuni diferite ale textului: <h1> se folosește pentru titlul cu dimensiunea
cea mai mare, corespunzător capitolelor principale, de nivel 1; <h2> - pentru titlul de un nivel inferior,
de dimensiune mai mică (subtitlul de nivel 1) și așa mai departe până la <h6>, subtitlul cu
5
dimensiunea cea mai mică. Titlurile sunt folosite în motoarele de căutare pentru a indexa structura și
conținutul paginii. Titlurile sunt afișate la distanțe mai mari față de textul obișnuit și produc automat
după închidere un salt la linie nouă. Alinierea implicită este la stânga.
Format:
<h1 align="..."> ... </h1> sau <h6 align="..."> ... </h6>
Atribut:
 align="..."
Valori posibile pentru align: left, center, right, justify.
Exemple:
<h1 align="center">Capitol principal</h1>
<h4>Subtitlu de capitol</h4>
2.3.2. Listă (List)

Listele sunt moduri organizate de afișare a elementelor componente dintr-o categorie,
enumerare etc. Formatele de liste suportate în HTML sunt:
- liste neordonate, în care se folosește un simbol grafic pentru marcarea elementelor;
- liste ordonate, în care ordinea elementelor este numerotată secvențial sub diverse
formate;
- liste cu descrieri.
Listele neordonate scot în evidență fiecare element component prin adăugarea unui marcaj
tipografic (bullet) sau a altui semn distinctiv. Crearea acestor marcaje se face utilizând codul de
marcare de tip listă neordonată <ul> (Unordered List) împreună cu marcajul generic <li> (List Item).
Listele ordonate au specific marcajul <ol> (Ordered List); acesta permite numerotarea
automată a elementelor listei, definite prin marcajul <li> (ca mai sus).
Tip listă Format Atribut Cod HTML

<ul type="..."> type="..." Lista de elemente:
<li> ... </li> Valori posibile pentru type: <ul type="square">
<li> ... </li> circle, disc, square, none. <li>Element 1</li>
... Vizual, elementele listei vor fi <li>Element 2</li>
Listă </ul> precedate de un mic simbol <li>Element 3</li>
neordonată sub formă de cerc, disc (cerc </ul>
plin) sau dreptunghi. Pentru a
nu exista element de
evidențiere se folosește
atributul none.
<ol type="..."> type="..." Lista de elemente:
<li> ... </li> Valori posibile pentru type: 1, <ol type="A">
<li> ... </li> a, A, i, I. <li>Element 1</li>
Listă ... Lista va fi numerotată cu cifre <li>Element 2</li>
ordonată </ol> arabe (1, 2, 3), litere mici (a, b, <li>Element 3</li>
c), litere mari (A, B, C), cifre </ol>
romane mici (i, ii, iii) sau mari
(I, II, III).
2.3.3. Paragraf (Paragraph). Întrerupere de linie (Line Break)

Atunci când se editează textul unui document HTML (codul sursă), utilizarea mai multor
spații (tasta Space) sau rânduri goale (tasta Enter) nu va avea același efect atunci când se va vizualiza
pagina respectivă pe ecran deoarece browserele ignoră aceste elemente repetitive (atât trecerea la un
nou rând, cât și spațiile sau rândurile goale multiple sunt afișate ca un singur spațiu). Aspectul unui
6
paragraf este destul de incert dat fiind că depinde de rezoluția monitorului sau de dimensiunea
ferestrei browserului.
Marcarea exactă a unui nou paragraf se face cu marcajul <p>. Acesta întrerupe paragraful
curent și inserează în continuare informațiile într-un nou paragraf, aliniat implicit la stânga. Browserul
afișează automat o linie goală înainte și după un paragraf pentru a-l evidenția față de elementele
înconjurătoare. Alinierea unui paragraf este valabilă până la întâlnirea marcajului de închidere </p>
sau până la apariția unui alt marcaj care introduce automat o trecere la paragraf nou (de exemplu <h1>
sau <ol>).
Format:
<p align="..."> ... </p>
Atribut:
 align="…"
Valori posibile pentru align: left, center, right, justify.
Permite alinierea paragrafului la stânga (implicit), centru, dreapta sau la stânga și dreapta
simultan (justify).
Exemplu:
<p align="right">Paragraf aliniat la dreapta paginii.</p>
Alinierea unui paragraf la centrul paginii se mai poate face cu marcajul <center>.
Format:
<center> ... </center>
Exemplu:
<p>Text aliniat la stanga</p>
<center>Text aliniat la centrul paginii</center>
Întreruperea unei linii (trecerea la o linie nouă fără a introduce un nou paragraf) se face cu
marcajul <br> (line break). Acest marcaj nu are marcaj de închidere, iar pentru o validare strictă (în
limbajul XHTML) trebuie folosită expresia <br />.
Exemple:
<p align="center">Paragraf aliniat la centrul paginii.</p>
<p>Paragraf nou aliniat implicit la stanga.</p>
<p align="right">Paragraf nou aliniat la dreapta paginii.
<br>Acest text este aliniat tot la dreapta paginii.</p>
2.3.4. Linie orizontală (Horizontal Rule)

O linie orizontală separă vizual diferite porțiuni dintr-un documentul HTML. <hr> provoacă
un salt automat la linie nouă și nu are marcaj de închidere (pentru XHTML se va folosi <hr />.
Format:
<hr align="..." size="..." width="..." color="..." noshade>
Atribute:
 align="..."
Valori posibile pentru align: left, center, right.
Specifică alinierea liniei orizontale: stânga, centru (implicit) sau dreapta.
 size="..."
Indică grosimea liniei, în pixeli.
 width="..."
Indică lungimea liniei în pixeli sau ca procent (raportată la lățimea paginii).
 color="#rrggbb" sau color="nume_culoare"
Stabilește culoarea liniei (cod de 6 cifre în hexazecimal sau un nume de culoare).
7
 noshade
Dacă acest atribut este prezent, linia va fi desenată într-o singură culoare solidă (implicit
linia este trasată cu o umbră).
Exemple:
<hr size="4" width="250" noshade>
<hr align="center" size="2" width="50%">
2.3.5. Formatarea vizuală și structurală a textului

Marcajele de formatare modifică modul de afișare pentru un text. Pentru un control mai bun
al proprietăților și rezultate exacte se utilizează stilurile CSS, metodă recomandată deoarece multe
elemente de marcare sunt fie depășite (dar suportate încă de browsere), fie au primit noi semnificații
în HTML5.
Marcaje pentru formatarea textului

Au doar rol vizual, de prezentare, fără a adăuga semnificații structurale textului.
Marcaj Semnificație
<b>…</b> Text îngroșat (Bold)
<i>…</i> Text înclinat (Italic)
<u>…</u> Text subliniat (Underline)
<strike>…</strike> Text tăiat cu o linie orizontală (Strikethrough)
<tt>…</tt> Text monospațiat (Teletype) - toate caracterele au aceeași lățime
<sub>…</sub> Text scris la indice (Subscript)
<sup>…</sup> Text scris la exponent (Superscript)
<ins>...</ins> Text inserat - textul va apărea subliniat
<del>...</del> Text șters - textul va apărea tăiat cu o linie orizontală
<big>...</big> Text mărit cu 1 unitate față de textul înconjurător
<small>...</small> Text micșorat cu 1 unitate față de textul înconjurător
Exemple:
<b>Text ingrosat</b>
<u>Text subliniat</u>
<strike>Text taiat</strike>
Text normal, <sub>Text la indice</sub> si <sup>Text la exponent</sup>
Folosesc <del>Windows XP</del> <ins>Windows 8</ins>
Text normal, <big>Text marit</big> si <small>Text micsorat</small>
Marcaje pentru text structurat

Aceste marcaje adaugă o semnificație structurală fragmentelor de text, dând informații utile
browserelor, sistemelor de traducere și motoarelor de căutare. Textul formatat apare într-un mod
similar marcajelor pentru formatare (<strong> ca <b>, <em> ca <i>), însă acesta capătă o
semnificație, o anumită importanță.
<strong>…</strong> Text accentuat cu intensitate, text de mare importanță
<em>…</em> Text accentuat (emphasis)
<abbr>...</abbr> Formă prescurtată (abbreviation) - Mr. (Mister), Prof. (Professor),
Dec. (December), etc. (et cetera)
8
<acronym>...</acronym> Acronim - SQL (Structured Query Language), OEM (Original
Equipment Manufacturer), FAQ (Frequently Asked Question),
NATO (North Atlantic Treaty Organization)
<cite>...</cite> Citat sau referință la o altă sursă. În HTML5 este titlul unei lucrări
(carte, film, pictură, show TV etc.)
<dfn>...</dfn> Indică definiția (definition) unui termen (de obicei la prima sa apariție
în pagină)
<var>...</var> Indică instanța unei variabile matematice sau a argumentului unui
program
<code>…</code> Cod de program
<kbd>...</kbd> Text de introdus de către utilizator de la tastatură (keyboard)
<samp>...</samp> Informațiile returnate (sample output) de un program sau script
Textul conținut de ultimele 3 marcaje va fi scris cu un font cu lățime fixă (fixed width), de
exemplu Courier (caracterele și spațiile au aceeași lățime, ceea ce este convenabil atunci când se
afișează cod de program).
Exemple:
Text <strong>foarte important</strong>
<acronym title="HyperText Markup Language">HTML</acronym> este limbajul standard folosit
pentru crearea paginilor Web.
<kbd>Text inserat de la tastatura</kbd>
Text preformatat
Marcajul <pre> (preformatted) definește un text preformatat, text care va fi afișat de browser
exact cum este introdus în codul sursă (va păstra formatul textului, incluzând spații sau sfârșituri de
rând multiple). Textul va fi afișat cu un font de lățime fixă.
Format:
<pre>...</pre>
Exemplu:
<pre>Text preformatat
in care se tine cont de spatii goale
si
paragrafe multiple.</pre>
Marcaje pentru citări

Marcajul <blockquote>...</blockquote> este folosit pentru citarea unui pasaj de mari
dimensiuni (un bloc de text dintr-o sursă bibliografică). Textul este afișat cu un aliniat față de ambele
margini.
Marcajul <q>...</q> marchează un citat scurt (Short Quotation), inserat în interiorul unei
fraze. Textul va fi afișat automat între ghilimele duble.
Atribut:
 cite="url"
Atributul specifică adresa URL a resursei citate.
Exemple:
Wikipedia is <q cite="http://www.wikipedia.org">the free encyclopedia that anyone can edit.</q>
<blockquote cite="http://www.wikipedia.org ">
Wikipedia is a free-access, free-content Internet encyclopedia, supported and hosted by the non-profit
Wikimedia Foundation. Those who can access the site can edit most of its articles, with the
9
expectation that they follow the website's policies. Wikipedia is ranked among the ten most popular
websites and constitutes the Internet's largest and most popular general reference work.
</blockquote>
Informații de contact
Marcajul <address> definește informații de contact pentru autorul sau deținătorul unui
document, care apar de obicei la începutul sau sfârșitul documentului. Textul este de obicei afișat
înclinat, iar o întrerupere de linie este inserată înainte și după acest marcaj.
Format:
<address>...</address>
Exemplu:
<address>
Ion Ionescu<br>Strada nr.<br>Oras, Judet<br>
e-mail: ion.ionescu@example.com
</address>
Direcția textului
Marcajul <bdo> (Bi-Directional Override) este folosit pentru a modifica direcția curentă a
textului (implicit de la stânga la dreapta).
Format:
<bdo dir="...">...</bdo>
Atribut:
 dir="..."
Valori posibile pentru dir: ltr, rtl.
Exemplu:
<bdo dir="rtl">Text scris de la dreapta la stanga.</bdo>
2.3.6. Proprietățile fontului

Marcajul <font> este folosit pentru a specifica tipul, dimensiunea și culoarea fontului folosit
pentru afișarea textului dorit. În HTML5 marcajul <font> nu mai este încurajat, fiind înlocuit prin
marcaje specifice stilurilor CSS.
Format:
<font face="..." size="..." color="...">...</font>
Atribute:
 face="familie de fonturi"
Specifică fontul folosit pentru text. Se poate indica și o listă de fonturi (prin enumerarea
numelor fonturilor separate de virgulă), caz în care se utilizează primul font din listă instalat în sistem.
Dacă niciun font nu se găsește, se folosește cel implicit (definit în browser).
 size="..."
Specifică dimensiunea textului, între 1 (cel mai mic) și 7 (cel mai mare), 3 fiind valoarea
implicită setată în browser. Se pot da și valori de forma "+n" sau "-n" care indică dimensiunea relativă
a fontului în raport cu valoarea atributului size din marcajul <basefont> (acest marcaj se introduce în
zona Head și setează valorile implicite pentru tipul, dimensiunea și culoarea fontului din pagină).
 color="#rrggbb" sau color="nume_culoare"
Setează culoarea textului (cod de 6 cifre în hexazecimal sau un nume de culoare).
Exemple:
<font face="Arial,Lucida Sans,Times Roman"> Acest text va fi scris cu Arial, Lucida Sans sau Times
Roman in functie de fonturile instalate.</font>.
<font face="Arial" size="4" color="blue">Text cu diverse atribute</font>
10
<font size="+1">Text mai mare cu 1 unitate.</font>
2.3.7. Imagini
Marcajul <img> se folosește pentru introducerea unor imagini în documentele HTML
(imaginea nu este efectiv introdusă în pagina Web, ci marcajul va aloca un spațiu gol în care imaginea
se va afișa și va crea o conexiune cu acea imagine). <img> nu are marcaj de închidere, iar pentru
validare strictă în XML și XHTML se va folosi expresia <img />.
Format:
<img src="url" alt="..." align="..." height="..." width="..." hspace="..." vspace="..."
usemap="#mapname" ismap border="...">
Atribute:
 src="url"
Specifică URL-ul imaginii (adresa sa relativă față de pagina Web curentă). Dacă imaginea
img1.jpg se află în același folder cu pagina Web se va scrie: src="img1.jpg". Dacă imaginea se află
în subfolderul imagini al folderului care conține pagina Web se va scrie: src="imagini/img1.jpg".
Dacă imaginea se află pe un server extern, în Internet:
src="http://www.example.com/images/img1.jpg".
 alt="..."
În cazul în care imaginea nu poate fi afișată din diverse motive (sursa nu este găsită,
conexiunea este lentă, utilizatorul folosește un browser în mod text sau o aplicație de tip screen reader
- pentru persoanele cu deficiențe de vedere), un text alternativ va fi afișat în pagină în locul imaginii.
 align="..."
Valori posibile: top, bottom, middle, left, right.
Specifică alinierea imaginii față de elementele înconjurătoare. <img> este un element inline
(nu introduce o întrerupere de linie și permite ca textul să fie scris de jur împrejur).
 height="..."
Specifică înălțimea imaginii (în pixeli sau %, doar în pixeli pentru HTML5).
 width="..."
Specifică lățimea imaginii (în pixeli sau %, doar în pixeli pentru HTML5).
 hspace="..."
Specifică spațiul liber (în pixeli) lăsat în stânga și dreapta imaginii.
 vspace="..."
Specifică spațiul liber (în pixeli) lăsat deasupra și dedesubtul imaginii.
 usemap="#mapname"
Specifică o imagine hartă cu zone definite ca linkuri, care funcționează la partea de client
(utilizator). mapname este definită în marcajul <map name="mapname"> care va fi prezentat în
următoarea lucrare.
 ismap
Atributul indică o imagine de tip hartă care funcționează la partea de server (coordonatele
cursorului vor fi transmise serverului ca parametri ai unei interogări).
 border="..."
Specifică grosimea chenarului (în pixeli).
Exemple:
<img src="img3.jpg" alt="Imagine 3" border="2" width="350" height="200">
<img src="http://www.example.com/image1.gif" alt="Imagine 1" align="middle" hspace="15">
2.3.8. Legături (Hyperlinks)

O legătură (hyperlink) este un text sau o imagine pe care se poate da click (sau apăsa pe
ecrane senzitive) pentru a se deschide o altă resursă (pagină Web sau alt fișier) sau pentru a sări la o
anumită etichetă (bookmark) definită într-o pagină Web. Legăturile între resurse într-o pagină HTML
se creează cu marcajul <a> (marcajul de tip ancoră).
11
Format:
<a href="url" name="..." target="...">text link</a>
Atribute principale:
 href="url"
Specifică adresa URL a destinației (o pagină Web sau orice alt tip de fișier) pe care browserul
o va accesa când utilizatorul dă click pe text link, textul vizibil în pagină. Text link poate fi nu numai
un text simplu, ci și o imagine sau orice alt marcaj HTML. Dacă resursa se află local sau pe același
server Web, se poate specifica o adresă URL relativă (din care lipsește "http://") astfel:
href="pag1.html" sau href="imagini/img1.jpg".
 name="..."
Permite inserarea unei etichete (bookmark), utilă în cazul unei pagini lungi pentru a defini o
secțiune specifică a acesteia. Ulterior se poate introduce (în aceeași pagină sau într-o pagină externă)
un link direct către această etichetă pentru ca browserul să deruleze pagina și să afișeze direct această
secțiune din document.
În locul atributul name, în HTML5 se folosește atributul global id (vezi următoarea lucrare).
 target="..."
Specifică unde se va deschide documentul specificat de link. Valori posibile pentru target:
- _self: în aceeași fereastră sau frame ca și linkul - valoare implicită;
- _blank: într-o fereastră nouă a browserului (tab nou);
- _parent: în frame-ul părinte;
- _top: în aceeași fereastră/tab, deasupra tuturor frame-urilor;
- frame_name: în frame-ul cu numele frame_name. Pentru mai multe informații despre
frames (cadre), modul de declarare și utilizare vezi următoarea lucrare.
Culorile linkurilor se pot schimba folosind atributele link, vlink și alink (vezi marcajul
<body>) sau stilurile CSS (care permit o mai mare flexibilitate în definirea proprietăților acestor
elemente). Pentru toate browserele, culorile implicite ale linkurilor sunt:
- linkuri nevizitate: subliniat și albastru;
- linkuri vizitate: subliniat și violet;
- link activ (selectat prin menținerea apăsată a butonului mouse-ului): subliniat și roșu.
Exemple:
1. Link către pagina Web doc2.html aflată în același folder cu pagina curentă:
<a href="doc2.html">Documentul 2</a>
2. Referință la un fișier aflat în alt folder:

<a href="subdir1/doc2.pdf">Document2.PDF</a>
<a href="subdir2/img2.gif">Imagine 2</a>
3. Legături externe:
<a href="http://www.mpeg.org/download/codecs.zip">Codecs download</a>
<a href="https://www.mybank.com">MyBank - Internet Banking</a>
<a href="ftp://ftp.server.com">Server FTP</a>
Observație: http (HyperText Transfer Protocol) realizează transferul paginilor Web între un client și
un server; https (HyperText Transfer Protocol Secure) transferă informațiile în mod securizat
(criptat); ftp (File Transfer Protocol) este protocolul prin care se face transferul binar al informațiilor.
4. Legătură către o anumită secțiune din pagina curentă:

<a name="top">Aici incepe pagina</a>
…………….
<a href="#top">Salt la inceputul paginii </a>
12
Observație: Cu <a name="top"> s-a definit eticheta "top". Cu <a href="#top"> se face saltul către
eticheta "top".
5. Legătură către o etichetă dintr-o altă pagină Web (presupunând definită eticheta pag2 in pagina
Web doc2.html):
<a href="doc2.html#pag2">Pagina 2 din documentul 2</a>
6. Link către o adresă de e-mail; dacă există un client e-mail instalat (Microsoft Outlook, Mozilla
Thunderbird), acesta va fi lansat pentru a trimite un mesaj de poștă electronică către adresa
specificată:
<a href="mailto:destinatar@example.com">Contact destinatar</a>
7. Imagine ca link:
<a href="pag1.html"><img src="img1.jpg"></a>
8. Link scris ca text îngroșat (bold):

<a href="pag1.html"><b>Pagina 1</b></a>
2.3.9. Caractere speciale și simboluri

Pentru caractere speciale (rezervate în HTML) - de exemplu "<" și ">" care determină
începutul și sfârșitul unui marcaj - și simboluri care nu se pot introduce de la tastatură (matematice,
grafice, tehnice, monetare etc.) se utilizează o notație specială scrisă astfel:
&număr_entitate; sau
&nume_entitate;
Fiecare caracter are alocat câte un număr de 4 cifre în zecimal (de forma &#nnnn;) sau
hexazecimal (de forma &#xhhhh;), iar unele caractere au definit și un nume pentru a fi mai ușor de
reținut, însă browserele nu recunosc toate aceste nume alocate). Numele entităților și numerele alocate
pentru unele simboluri uzuale sunt prezentate în tabelul următor.
Număr Număr
Caracter entitate entitate Nume entitate Descriere
zecimal hexazecimal
" " " " Double quote
& & &#x0026 & Ampersand
< < &#x003C < Less than
> > > > Greater than
Non-breaking space
¢ ¢ ¢ ¢ Cent
£ £ £ £ Pound
¥ ¥ ¥ ¥ Yen
§ § § § Section sign
© © © © Copyright
® ® ® ® Registered sign
€ € € € Euro
™ ™ ™ ™ Trademark
Numele sunt case sensitive (se face diferența între litere mari și mici). Pentru a evita
problema trunchierii spațiilor repetitive și a introduce mai multe spații goale succesive se poate folosi
sintaxa: (non-breaking space).
13
Număr Număr
Caracter entitate entitate Nume entitate Descriere
zecimal hexazecimal
Ă Ă Ă Capital A-breve
ă ă ă Lowercase a-breve
Â Â Â Â Capital A-circumflex
â â â â Lowercase a-circumflex
Î Î Î Î Capital I-circumflex
î î î î Lowercase i-circumflex
Ș Ș Ș Capital S-comma
ș ș ș Lowercase s-comma
Ț Ț Ț Capital T-comma
ț ț ț Lowercase t-comma
Mai multe caractere și codurile corespunzătoare găsiți în Anexa 2. Toate caracterele Unicode
sunt disponibile la adresa http://www.unicode.org/charts/.
Exemple:
Cod HTML Va fi afișat
2
0<x<sup>2</sup>+1 0<x +1
t = 25 °C t = 25 °C
Mai multe spatii goale Mai multe spatii goale intre cuvinte
intre cuvinte
Citiți în continuare § Capitolul Citiți în continuare § Capitolul 2.
2.
2.3.10. Tabele
Sunt folosite pentru afișarea organizată a informațiilor (atât texte, cât și imagini, obiecte sau
orice alt element într-o pagină Web). Principalele marcaje într-un tabel sunt:
<table> ... </table>

Definește un tabel în HTML.
 align="..."
Valori pentru align: left, center, right
Specifică alinierea tabelului în raport cu textul înconjurător.
 bgcolor="#rrggbb" sau bgcolor="nume_culoare"
Setează culoarea de fundal pentru un tabel (cod de 6 cifre în hexazecimal sau un nume de
culoare).
 border="..."
Are valoarea 0 dacă tabelul nu are chenar sau valoarea 1 dacă tabelul are chenar.
 cellpadding="..."
Specifică distanța (în pixeli) între marginea celulei și conținutul ei.
 cellspacing="..."
Specifică distanța (în pixeli) între celule.
 width="..."
Specifică lățimea tabelului (în pixeli sau % față de lățimea paginii).
<tr> ... </tr>

Definește o linie (Table Row) care conține una sau mai multe celule.
 align="..."
14
Valori pentru align: left, center, right, justify, char.

Specifică alinierea pe orizontală a conținutului într-o linie de tabel.
Setează culoarea de fundal pentru o linie (cod sau nume de culoare).
 valign="..."
Valori pentru valign: top, middle, bottom, baseline.
Setează alinierea pe verticală a conținutului într-o linie de tabel.
<th> ... </th>

Definește o celulă de antet (Table Header) într-un tabel. Într-o astfel de celulă textul este
scris implicit îngroșat și aliniat la centru.
 align="..."
Valori pentru align: left, center, right, justify.
Specifică alinierea pe orizontală a conținutului într-o celulă de antet.
Setează culoarea de fundal pentru o celulă de antet (cod de 6 cifre în hexazecimal sau un
nume de culoare).
 colspan="..."
Specifică numărul de coloane pe care se întinde o celulă de antet.
 height="..."
Specifică înălțimea unei celule de antet (în pixeli sau %).
 rowspan="..."
Specifică numărul de linii pe care se întinde o celulă de antet.
 valign="..."
Setează alinierea pe verticală a conținutului într-o celulă de antet.
 width="..."
Specifică lățimea unei celule de antet (în pixeli sau %).
<td> ... </td>

Definește o celulă cu date (Table Data) într-un tabel. Într-o astfel de celulă textul este scris
obișnuit și implicit aliniat la stânga.
 align="..."
Valori pentru align: left, center, right, justify, char.
Specifică alinierea pe orizontală a conținutului într-o celulă a tabelului.
Setează culoarea de fundal pentru o celulă (cod sau nume de culoare).
 colspan="..."
Specifică numărul de coloane pe care se întinde o celulă.
 height="..."
Specifică înălțimea unei celule (în pixeli sau %).
 rowspan="..."
Specifică numărul de linii pe care se întinde o celulă.
 valign="..."
Setează alinierea pe verticală a conținutului într-o celulă.
 width="..."
Specifică lățimea unei celule (în pixeli sau %).
<caption> ... </caption>
15
Definește textul explicativ asociat unui tabel (legenda). Acest marcaj se adaugă la începutul
tabelului, imediat după <table>. Un tabel poate avea o singură legendă, amplasată central deasupra
tabelului.
<colgroup> ... </colgroup>

Se folosește împreună cu marcajul <col> pentru formatarea identică a mai multor coloane;
aceste marcaje se declară la începutul tabelului, după <caption>, dar înaintea celorlalte marcaje
prezentate mai sus.
<thead>, <tbody>, <tfoot>

Grupează celulele tabelului în header, conținut și footer; pentru tabele care se întind pe mai
multe pagini se poate derula conținutul independent de header și footer, iar la tipărire aceste 2 zone
vor apărea automat la începutul și sfârșitul fiecărei pagini care conține tabelul.
Exemplu:
<table border="1" cellspacing="2" cellpadding="4">
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#C0C0C0">Celula 1,1</td>
<td width="200" rowspan="2">Celula 1,3</td>
</tr>
<tr>
<td valign="top">Celula 2,1</td>
<td height="75" valign="bottom">Celula 2,2</td>
</tr>
<tr bgcolor="yellow">
<td>Celula 3,1</td>
<td>Celula 3,2</td>
<td align="right">Celula 3,3</td>
</tr>
</table>
Header 1 Header 2 Header 3

Celula 1,1
Celula 2,1
Celula 1,3
Celula 2,2
Celula 3,1 Celula 3,2 Celula 3,3
16
ANEXA 1. Codurile culorilor

Nume culoare HEX Culoare
AliceBlue #F0F8FF
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Azure #F0FFFF
Beige #F5F5DC
Bisque #FFE4C4
Black #000000
BlanchedAlmond #FFEBCD
Blue #0000FF
BlueViolet #8A2BE2
Brown #A52A2A
BurlyWood #DEB887
CadetBlue #5F9EA0
Chartreuse #7FFF00
Chocolate #D2691E
Coral #FF7F50
CornflowerBlue #6495ED
Cornsilk #FFF8DC
Crimson #DC143C
Cyan #00FFFF
DarkBlue #00008B
DarkCyan #008B8B
DarkGoldenRod #B8860B
DarkGray #A9A9A9
DarkGreen #006400
DarkKhaki #BDB76B
DarkMagenta #8B008B
DarkOliveGreen #556B2F
DarkOrange #FF8C00
DarkOrchid #9932CC
DarkRed #8B0000
DarkSalmon #E9967A
DarkSeaGreen #8FBC8F
DarkSlateBlue #483D8B
DarkSlateGray #2F4F4F
DarkTurquoise #00CED1
DarkViolet #9400D3
DeepPink #FF1493
DeepSkyBlue #00BFFF
DimGray #696969
DodgerBlue #1E90FF
FireBrick #B22222
17

FloralWhite #FFFAF0
ForestGreen #228B22
Fuchsia #FF00FF
Gainsboro #DCDCDC
GhostWhite #F8F8FF
Gold #FFD700
GoldenRod #DAA520
Gray #808080
Green #008000
GreenYellow #ADFF2F
HoneyDew #F0FFF0
HotPink #FF69B4
IndianRed #CD5C5C
Indigo #4B0082
Ivory #FFFFF0
Khaki #F0E68C
Lavender #E6E6FA
LavenderBlush #FFF0F5
LawnGreen #7CFC00
LemonChiffon #FFFACD
LightBlue #ADD8E6
LightCoral #F08080
LightCyan #E0FFFF
LightGoldenRodYellow #FAFAD2
LightGray #D3D3D3
LightGreen #90EE90
LightPink #FFB6C1
LightSalmon #FFA07A
LightSeaGreen #20B2AA
LightSkyBlue #87CEFA
LightSlateGray #778899
LightSteelBlue #B0C4DE
LightYellow #FFFFE0
Lime #00FF00
LimeGreen #32CD32
Linen #FAF0E6
Magenta #FF00FF
Maroon #800000
MediumAquaMarine #66CDAA
MediumBlue #0000CD
MediumOrchid #BA55D3
MediumPurple #9370DB
MediumSeaGreen #3CB371
MediumSlateBlue #7B68EE
MediumSpringGreen #00FA9A
18

MediumTurquoise #48D1CC
MediumVioletRed #C71585
MidnightBlue #191970
MintCream #F5FFFA
MistyRose #FFE4E1
Moccasin #FFE4B5
NavajoWhite #FFDEAD
Navy #000080
OldLace #FDF5E6
Olive #808000
OliveDrab #6B8E23
Orange #FFA500
OrangeRed #FF4500
Orchid #DA70D6
PaleGoldenRod #EEE8AA
PaleGreen #98FB98
PaleTurquoise #AFEEEE
PaleVioletRed #DB7093
PapayaWhip #FFEFD5
PeachPuff #FFDAB9
Peru #CD853F
Pink #FFC0CB
Plum #DDA0DD
PowderBlue #B0E0E6
Purple #800080
RebeccaPurple #663399
Red #FF0000
RosyBrown #BC8F8F
RoyalBlue #4169E1
SaddleBrown #8B4513
Salmon #FA8072
SandyBrown #F4A460
SeaGreen #2E8B57
SeaShell #FFF5EE
Sienna #A0522D
Silver #C0C0C0
SkyBlue #87CEEB
SlateBlue #6A5ACD
SlateGray #708090
Snow #FFFAFA
SpringGreen #00FF7F
SteelBlue #4682B4
Tan #D2B48C
Teal #008080
Thistle #D8BFD8
19

Tomato #FF6347
Turquoise #40E0D0
Violet #EE82EE
Wheat #F5DEB3
White #FFFFFF
WhiteSmoke #F5F5F5
Yellow #FFFF00
YellowGreen #9ACD32
20
ANEXA 2. Seturi de caractere

ASCII ANSI 8859 Unicode Dec Hex Entity Name
NUL 0 0000 <CONTROL> NULL CHARACTER
SOH 1 0001 <CONTROL> START OF HEADER
STX 2 0002 <CONTROL> START OF TEXT
ETX 3 0003 <CONTROL> END OF TEXT
EOT 4 0004 <CONTROL> END OF TRANSMISSION
ENQ 5 0005 <CONTROL> ENQUIRY
ACK 6 0006 <CONTROL> ACKNOWLEDGE
BEL 7 0007 <CONTROL> BELL (RING)
BS 8 0008 <CONTROL> BACKSPACE
HT 9 0009 <CONTROL> HORIZONTAL TAB
LF 10 000A <CONTROL> LINE FEED
VT 11 000B <CONTROL> VERTICAL TAB
FF 12 000C <CONTROL> FORM FEED
CR 13 000D <CONTROL> CARRIAGE RETURN
SO 14 000E <CONTROL> SHIFT OUT
SI 15 000F <CONTROL> SHIFT IN
DLE 16 0010 <CONTROL> DATA LINK ESCAPE
DC1 17 0011 <CONTROL> DEVICE CONTROL 1
NAK 21 0015 <CONTROL> NEGATIVE ACKNOWLEDGE
SYN 22 0016 <CONTROL> SYNCHRONIZE
ETB 23 0017 <CONTROL> END TRANSMISSION BLOCK
CAN 24 0018 <CONTROL> CANCEL
EM 25 0019 <CONTROL> END OF MEDIUM
SUB 26 001A <CONTROL> SUBSTITUTE
ESC 27 001B <CONTROL> ESCAPE
FS 28 001C <CONTROL> FILE SEPARATOR
GS 29 001D <CONTROL> GROUP SEPARATOR
RS 30 001E <CONTROL> RECORD SEPARATOR
US 31 001F <CONTROL> UNIT SEPARATOR
<space> <space> <space> <space> 32 0020 SPACE
! ! ! ! 33 0021 EXCLAMATION MARK
" " " " 34 0022 " QUOTATION MARK
# # # # 35 0023 NUMBER SIGN
21

$ $ $ $ 36 0024 DOLLAR SIGN
% % % % 37 0025 PERCENT SIGN
& & & & 38 0026 & AMPERSAND
' ' ' ' 39 0027 APOSTROPHE
( ( ( ( 40 0028 LEFT PARENTHESIS
) ) ) ) 41 0029 RIGHT PARENTHESIS
* * * * 42 002A ASTERISK
+ + + + 43 002B PLUS SIGN
, , , , 44 002C COMMA
- - - - 45 002D HYPHEN-MINUS
. . . . 46 002E FULL STOP
/ / / / 47 002F SOLIDUS
0 0 0 0 48 0030 DIGIT ZERO
1 1 1 1 49 0031 DIGIT ONE
2 2 2 2 50 0032 DIGIT TWO
3 3 3 3 51 0033 DIGIT THREE
4 4 4 4 52 0034 DIGIT FOUR
5 5 5 5 53 0035 DIGIT FIVE
6 6 6 6 54 0036 DIGIT SIX
7 7 7 7 55 0037 DIGIT SEVEN
8 8 8 8 56 0038 DIGIT EIGHT
9 9 9 9 57 0039 DIGIT NINE
: : : : 58 003A COLON
; ; ; ; 59 003B SEMICOLON
< < < < 60 003C < LESS-THAN SIGN
= = = = 61 003D EQUALS SIGN
> > > > 62 003E > GREATER-THAN SIGN
? ? ? ? 63 003F QUESTION MARK
@ @ @ @ 64 0040 COMMERCIAL AT
A A A A 65 0041 LATIN CAPITAL LETTER A
B B B B 66 0042 LATIN CAPITAL LETTER B
C C C C 67 0043 LATIN CAPITAL LETTER C
D D D D 68 0044 LATIN CAPITAL LETTER D
E E E E 69 0045 LATIN CAPITAL LETTER E
F F F F 70 0046 LATIN CAPITAL LETTER F
G G G G 71 0047 LATIN CAPITAL LETTER G
H H H H 72 0048 LATIN CAPITAL LETTER H
I I I I 73 0049 LATIN CAPITAL LETTER I
J J J J 74 004A LATIN CAPITAL LETTER J
22

K K K K 75 004B LATIN CAPITAL LETTER K
L L L L 76 004C LATIN CAPITAL LETTER L
M M M M 77 004D LATIN CAPITAL LETTER M
N N N N 78 004E LATIN CAPITAL LETTER N
O O O O 79 004F LATIN CAPITAL LETTER O
P P P P 80 0050 LATIN CAPITAL LETTER P
Q Q Q Q 81 0051 LATIN CAPITAL LETTER Q
R R R R 82 0052 LATIN CAPITAL LETTER R
S S S S 83 0053 LATIN CAPITAL LETTER S
T T T T 84 0054 LATIN CAPITAL LETTER T
U U U U 85 0055 LATIN CAPITAL LETTER U
V V V V 86 0056 LATIN CAPITAL LETTER V
W W W W 87 0057 LATIN CAPITAL LETTER W
X X X X 88 0058 LATIN CAPITAL LETTER X
Y Y Y Y 89 0059 LATIN CAPITAL LETTER Y
Z Z Z Z 90 005A LATIN CAPITAL LETTER Z
[ [ [ [ 91 005B LEFT SQUARE BRACKET
\ \ \ \ 92 005C REVERSE SOLIDUS
] ] ] ] 93 005D RIGHT SQUARE BRACKET
^ ^ ^ ^ 94 005E CIRCUMFLEX ACCENT
_ _ _ _ 95 005F LOW LINE
` ` ` ` 96 0060 GRAVE ACCENT
a a a a 97 0061 LATIN SMALL LETTER A
b b b b 98 0062 LATIN SMALL LETTER B
c c c c 99 0063 LATIN SMALL LETTER C
d d d d 100 0064 LATIN SMALL LETTER D
e e e e 101 0065 LATIN SMALL LETTER E
f f f f 102 0066 LATIN SMALL LETTER F
g g g g 103 0067 LATIN SMALL LETTER G
h h h h 104 0068 LATIN SMALL LETTER H
i i i i 105 0069 LATIN SMALL LETTER I
j j j j 106 006A LATIN SMALL LETTER J
k k k k 107 006B LATIN SMALL LETTER K
l l l l 108 006C LATIN SMALL LETTER L
m m m m 109 006D LATIN SMALL LETTER M
n n n n 110 006E LATIN SMALL LETTER N
o o o o 111 006F LATIN SMALL LETTER O
p p p p 112 0070 LATIN SMALL LETTER P
q q q q 113 0071 LATIN SMALL LETTER Q
23

r r r r 114 0072 LATIN SMALL LETTER R
s s s s 115 0073 LATIN SMALL LETTER S
t t t t 116 0074 LATIN SMALL LETTER T
u u u u 117 0075 LATIN SMALL LETTER U
v v v v 118 0076 LATIN SMALL LETTER V
w w w w 119 0077 LATIN SMALL LETTER W
x x x x 120 0078 LATIN SMALL LETTER X
y y y y 121 0079 LATIN SMALL LETTER Y
z z z z 122 007A LATIN SMALL LETTER Z
{ { { { 123 007B LEFT CURLY BRACKET
| | | | 124 007C VERTICAL LINE
} } } } 125 007D RIGHT CURLY BRACKET
~ ~ ~ ~ 126 007E TILDE
DEL DEL 127 007F <CONTROL> DELETE
€ PAD 128 0080 EURO SIGN | <CONTROL> PADDING CHARACTER
HOP 129 0081 NOT USED | <CONTROL> HIGH OCTET PRESET
‚ BPH 130 0082 SINGLE LOW-9 QUOTATION MARK | <CONTROL> BREAK PERMITTED HERE
ƒ NBH 131 0083 LATIN SMALL LETTER F WITH HOOK | <CONTROL> NO BREAK HERE
" IND 132 0084 DOUBLE LOW-9 QUOTATION MARK | <CONTROL> INDEX
… NEL 133 0085 HORIZONTAL ELLIPSIS | <CONTROL> NEXT LINE (NEL)
† SSA 134 0086 DAGGER | <CONTROL> START OF SELECTED AREA
‡ ESA 135 0087 DOUBLE DAGGER | <CONTROL> END OF SELECTED AREA
ˆ HTS 136 0088 MODIFIER LETTER CIRCUMFLEX ACCENT | <CONTROL> CHARACTER
TABULATION SET
‰ HTJ 137 0089 PER MILLE SIGN | <CONTROL> CHARACTER TABULATION WITH
JUSTIFICATION
Š VTS 138 008A LATIN CAPITAL LETTER S WITH CARON | <CONTROL> LINE TABULATION SET
‹ PLD 139 008B SINGLE LEFT-POINTING ANGLE QUOTATION MARK | <CONTROL> PARTIAL
LINE FORWARD
Œ PLU 140 008C LATIN CAPITAL LIGATURE OE | <CONTROL> PARTIAL LINE BACKWARD
RI 141 008D NOT USED | <CONTROL> REVERSE LINE FEED
Ž SS2 142 008E LATIN CAPITAL LETTER Z WITH CARON | <CONTROL> SINGLE SHIFT TWO
SS3 143 008F NOT USED | <CONTROL> SINGLE SHIFT THREE
DCS 144 0090 NOT USED | <CONTROL> DEVICE CONTROL STRING
‘ PU1 145 0091 LEFT SINGLE QUOTATION MARK | <CONTROL> PRIVATE USE ONE
’ PU2 146 0092 RIGHT SINGLE QUOTATION MARK | <CONTROL> PRIVATE USE TWO
“ STS 147 0093 LEFT DOUBLE QUOTATION MARK | <CONTROL> SET TRANSMIT STATE
" CCH 148 0094 RIGHT DOUBLE QUOTATION MARK | <CONTROL> CANCEL CHARACTER
• MW 149 0095 BULLET | <CONTROL> MESSAGE WAITING
24

– SPA 150 0096 EN DASH | <CONTROL> START OF GUARDED AREA
— EPA 151 0097 EM DASH | <CONTROL> END OF GUARDED AREA
˜ SOS 152 0098 SMALL TILDE | <CONTROL> START OF STRING
™ SGCI 153 0099 TRADE MARK SIGN | <CONTROL> CONTROL
š SCI 154 009A LATIN SMALL LETTER S WITH CARON | <CONTROL> SINGLE CHARACTER
INTRODUCER
› CSI 155 009B SINGLE RIGHT-POINTING ANGLE QUOTATION MARK | <CONTROL> CONTROL
SEQUENCE INTRODUCER
œ ST 156 009C LATIN SMALL LIGATURE OE | <CONTROL> STRING TERMINATOR
OSC 157 009D NOT USED | <CONTROL> OPERATING SYSTEM COMMAND
ž PM 158 009E LATIN SMALL LETTER Z WITH CARON | <CONTROL> PRIVACY MESSAGE
Ÿ APC 159 009F LATIN CAPITAL LETTER Y WITH DIAERESIS | <CONTROL> APPLICATION
PROGRAM COMMAND
160 00A0 NO-BREAK SPACE
¡ ¡ ¡ 161 00A1 ¡ INVERTED EXCLAMATION MARK
¢ ¢ ¢ 162 00A2 ¢ CENT SIGN
£ £ £ 163 00A3 £ POUND SIGN
¤ ¤ ¤ 164 00A4 ¤ CURRENCY SIGN
¥ ¥ ¥ 165 00A5 ¥ YEN SIGN
¦ ¦ ¦ 166 00A6 ¦ BROKEN BAR
§ § § 167 00A7 § SECTION SIGN
¨ ¨ ¨ 168 00A8 ¨ DIAERESIS
© © © 169 00A9 © COPYRIGHT SIGN
ª ª ª 170 00AA ª FEMININE ORDINAL INDICATOR
« « « 171 00AB « LEFT-POINTING DOUBLE ANGLE QUOTATION MARK
¬ ¬ ¬ 172 00AC ¬ NOT SIGN
173 00AD SOFT HYPHEN
® ® ® 174 00AE ® REGISTERED SIGN
¯ ¯ ¯ 175 00AF ¯ MACRON
° ° ° 176 00B0 ° DEGREE SIGN
± ± ± 177 00B1 ± PLUS-MINUS SIGN
² ² ² 178 00B2 ² SUPERSCRIPT TWO
³ ³ ³ 179 00B3 ³ SUPERSCRIPT THREE
´ ´ ´ 180 00B4 ´ ACUTE ACCENT
µ µ µ 181 00B5 µ MICRO SIGN
¶ ¶ ¶ 182 00B6 ¶ PILCROW SIGN
· · · 183 00B7 · MIDDLE DOT
¸ ¸ ¸ 184 00B8 ¸ CEDILLA
¹ ¹ ¹ 185 00B9 ¹ SUPERSCRIPT ONE
25

º º º 186 00BA º MASCULINE ORDINAL INDICATOR
» » » 187 00BB » RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK
¼ ¼ ¼ 188 00BC ¼ VULGAR FRACTION ONE QUARTER
½ ½ ½ 189 00BD ½ VULGAR FRACTION ONE HALF
¾ ¾ ¾ 190 00BE ¾ VULGAR FRACTION THREE QUARTERS
¿ ¿ ¿ 191 00BF ¿ INVERTED QUESTION MARK
À À À 192 00C0 À LATIN CAPITAL LETTER A WITH GRAVE
Á Á Á 193 00C1 Á LATIN CAPITAL LETTER A WITH ACUTE
Â Â Â 194 00C2 Â LATIN CAPITAL LETTER A WITH CIRCUMFLEX
Ă Ă Ă 195 00C3 Ã LATIN CAPITAL LETTER A WITH TILDE
Ä Ä Ä 196 00C4 Ä LATIN CAPITAL LETTER A WITH DIAERESIS
Å Å Å 197 00C5 Å LATIN CAPITAL LETTER A WITH RING ABOVE
Æ Æ Æ 198 00C6 Æ LATIN CAPITAL LETTER AE
Ç Ç Ç 199 00C7 Ç LATIN CAPITAL LETTER C WITH CEDILLA
È È È 200 00C8 È LATIN CAPITAL LETTER E WITH GRAVE
É É É 201 00C9 É LATIN CAPITAL LETTER E WITH ACUTE
Ê Ê Ê 202 00CA Ê LATIN CAPITAL LETTER E WITH CIRCUMFLEX
Ë Ë Ë 203 00CB Ë LATIN CAPITAL LETTER E WITH DIAERESIS
Ì Ì Ì 204 00CC Ì LATIN CAPITAL LETTER I WITH GRAVE
Í Í Í 205 00CD Í LATIN CAPITAL LETTER I WITH ACUTE
Î Î Î 206 00CE Î LATIN CAPITAL LETTER I WITH CIRCUMFLEX
Ï Ï Ï 207 00CF Ï LATIN CAPITAL LETTER I WITH DIAERESIS
Ð Ð Ð 208 00D0 Ð LATIN CAPITAL LETTER ETH
Ñ Ñ Ñ 209 00D1 Ñ LATIN CAPITAL LETTER N WITH TILDE
Ò Ò Ò 210 00D2 Ò LATIN CAPITAL LETTER O WITH GRAVE
Ó Ó Ó 211 00D3 Ó LATIN CAPITAL LETTER O WITH ACUTE
Ô Ô Ô 212 00D4 Ô LATIN CAPITAL LETTER O WITH CIRCUMFLEX
Õ Õ Õ 213 00D5 Õ LATIN CAPITAL LETTER O WITH TILDE
Ö Ö Ö 214 00D6 Ö LATIN CAPITAL LETTER O WITH DIAERESIS
× × × 215 00D7 × MULTIPLICATION SIGN
Ø Ø Ø 216 00D8 Ø LATIN CAPITAL LETTER O WITH STROKE
Ù Ù Ù 217 00D9 Ù LATIN CAPITAL LETTER U WITH GRAVE
Ú Ú Ú 218 00DA Ú LATIN CAPITAL LETTER U WITH ACUTE
Û Û Û 219 00DB Û LATIN CAPITAL LETTER U WITH CIRCUMFLEX
Ü Ü Ü 220 00DC Ü LATIN CAPITAL LETTER U WITH DIAERESIS
Ý Ý Ý 221 00DD Ý LATIN CAPITAL LETTER Y WITH ACUTE
Þ Þ Þ 222 00DE Þ LATIN CAPITAL LETTER THORN
ß ß ß 223 00DF ß LATIN SMALL LETTER SHARP S
à à à 224 00E0 à LATIN SMALL LETTER A WITH GRAVE
26

á á á 225 00E1 á LATIN SMALL LETTER A WITH ACUTE
â â â 226 00E2 â LATIN SMALL LETTER A WITH CIRCUMFLEX
ă ă ă 227 00E3 ã LATIN SMALL LETTER A WITH TILDE
ä ä ä 228 00E4 ä LATIN SMALL LETTER A WITH DIAERESIS
å å å 229 00E5 å LATIN SMALL LETTER A WITH RING ABOVE
æ æ æ 230 00E6 æ LATIN SMALL LETTER AE
ç ç ç 231 00E7 ç LATIN SMALL LETTER C WITH CEDILLA
è è è 232 00E8 è LATIN SMALL LETTER E WITH GRAVE
é é é 233 00E9 é LATIN SMALL LETTER E WITH ACUTE
ê ê ê 234 00EA ê LATIN SMALL LETTER E WITH CIRCUMFLEX
ë ë ë 235 00EB ë LATIN SMALL LETTER E WITH DIAERESIS
ì ì ì 236 00EC ì LATIN SMALL LETTER I WITH GRAVE
í í í 237 00ED í LATIN SMALL LETTER I WITH ACUTE
î î î 238 00EE î LATIN SMALL LETTER I WITH CIRCUMFLEX
ï ï ï 239 00EF ï LATIN SMALL LETTER I WITH DIAERESIS
ð ð ð 240 00F0 ð LATIN SMALL LETTER ETH
ñ ñ ñ 241 00F1 ñ LATIN SMALL LETTER N WITH TILDE
ò ò ò 242 00F2 ò LATIN SMALL LETTER O WITH GRAVE
ó ó ó 243 00F3 ó LATIN SMALL LETTER O WITH ACUTE
ô ô ô 244 00F4 ô LATIN SMALL LETTER O WITH CIRCUMFLEX
õ õ õ 245 00F5 õ LATIN SMALL LETTER O WITH TILDE
ö ö ö 246 00F6 ö LATIN SMALL LETTER O WITH DIAERESIS
÷ ÷ ÷ 247 00F7 ÷ DIVISION SIGN
ø ø ø 248 00F8 ø LATIN SMALL LETTER O WITH STROKE
ù ù ù 249 00F9 ù LATIN SMALL LETTER U WITH GRAVE
ú ú ú 250 00FA ú LATIN SMALL LETTER U WITH ACUTE
û û û 251 00FB û LATIN SMALL LETTER U WITH CIRCUMFLEX
ü ü ü 252 00FC ü LATIN SMALL LETTER U WITH DIAERESIS
ý ý ý 253 00FD ý LATIN SMALL LETTER Y WITH ACUTE
þ þ þ 254 00FE þ LATIN SMALL LETTER THORN
ÿ ÿ ÿ 255 00FF ÿ LATIN SMALL LETTER Y WITH DIAERESIS
Unicode Dec Hex Entity Name

Ā 256 0100 &Amacr; LATIN CAPITAL LETTER A WITH MACRON
ā 257 0101 &amacr; LATIN SMALL LETTER A WITH MACRON
Ă 258 0102 &Abreve; LATIN CAPITAL LETTER A WITH BREVE
ă 259 0103 &abreve; LATIN SMALL LETTER A WITH BREVE
Ą 260 0104 &Aogon; LATIN CAPITAL LETTER A WITH OGONEK
27

ą 261 0105 &aogon; LATIN SMALL LETTER A WITH OGONEK
Ć 262 0106 &Cacute; LATIN CAPITAL LETTER C WITH ACUTE
ć 263 0107 &cacute; LATIN SMALL LETTER C WITH ACUTE
Ĉ 264 0108 &Ccirc; LATIN CAPITAL LETTER C WITH CIRCUMFLEX
ĉ 265 0109 &ccirc; LATIN SMALL LETTER C WITH CIRCUMFLEX
Ċ 266 010A &Cdod; LATIN CAPITAL LETTER C WITH DOT ABOVE
ċ 267 010B &cdot; LATIN SMALL LETTER C WITH DOT ABOVE
Č 268 010C &Ccaron; LATIN CAPITAL LETTER C WITH CARON
č 269 010D &ccaron; LATIN SMALL LETTER C WITH CARON
Ď 270 010E &Dcaron; LATIN CAPITAL LETTER D WITH CARON
ď 271 010F &dcaron; LATIN SMALL LETTER D WITH CARON
Đ 272 0110 &Dstrok; LATIN CAPITAL LETTER D WITH STROKE
đ 273 0111 &dstrok; LATIN SMALL LETTER D WITH STROKE
Ē 274 0112 &Emacr; LATIN CAPITAL LETTER E WITH MACRON
ē 275 0113 &emacr; LATIN SMALL LETTER E WITH MACRON
Ĕ 276 0114 LATIN CAPITAL LETTER E WITH BREVE
ĕ 277 0115 LATIN SMALL LETTER E WITH BREVE
Ė 278 0116 &Edot; LATIN CAPITAL LETTER E WITH DOT ABOVE
ė 279 0117 &edot; LATIN SMALL LETTER E WITH DOT ABOVE
Ę 280 0118 &Eogon; LATIN CAPITAL LETTER E WITH OGONEK
ę 281 0119 &eogon; LATIN SMALL LETTER E WITH OGONEK
Ě 282 011A &Ecaron; LATIN CAPITAL LETTER E WITH CARON
ě 283 011B &ecaron; LATIN SMALL LETTER E WITH CARON
Ĝ 284 011C &Gcirc; LATIN CAPITAL LETTER G WITH CIRCUMFLEX
ĝ 285 011D &gcirc; LATIN SMALL LETTER G WITH CIRCUMFLEX
Ğ 286 011E &Gbreve; LATIN CAPITAL LETTER G WITH BREVE
ğ 287 011F &gbreve; LATIN SMALL LETTER G WITH BREVE
Ġ 288 0120 &Gdot; LATIN CAPITAL LETTER G WITH DOT ABOVE
ġ 289 0121 &gdot; LATIN SMALL LETTER G WITH DOT ABOVE
Ģ 290 0122 &Gcedil; LATIN CAPITAL LETTER G WITH CEDILLA
ģ 291 0123 &gcedil; LATIN SMALL LETTER G WITH CEDILLA
Ĥ 292 0124 &Hcirc; LATIN CAPITAL LETTER H WITH CIRCUMFLEX
ĥ 293 0125 &hcirc; LATIN SMALL LETTER H WITH CIRCUMFLEX
Ħ 294 0126 &Hstrok; LATIN CAPITAL LETTER H WITH STROKE
ħ 295 0127 &hstrok; LATIN SMALL LETTER H WITH STROKE
Ĩ 296 0128 &Itilde; LATIN CAPITAL LETTER I WITH TILDE
ĩ 297 0129 &itilde; LATIN SMALL LETTER I WITH TILDE
Ī 298 012A &Imacr; LATIN CAPITAL LETTER I WITH MACRON
ī 299 012B &imacr; LATIN SMALL LETTER I WITH MACRON
28

Ĭ 300 012C LATIN CAPITAL LETTER I WITH BREVE
ĭ 301 012D LATIN SMALL LETTER I WITH BREVE
Į 302 012E &Iogon; LATIN CAPITAL LETTER I WITH OGONEK
į 303 012F &iogon; LATIN SMALL LETTER I WITH OGONEK
İ 304 0130 &Idot; LATIN CAPITAL LETTER I WITH DOT ABOVE
ı 305 0131 &inodot; LATIN SMALL LETTER DOTLESS I
Ĳ 306 0132 &IJlog; LATIN CAPITAL LIGATURE IJ
ĳ 307 0133 &ijlig; LATIN SMALL LIGATURE IJ
Ĵ 308 0134 &Jcirc; LATIN CAPITAL LETTER J WITH CIRCUMFLEX
ĵ 309 0135 &jcirc; LATIN SMALL LETTER J WITH CIRCUMFLEX
Ķ 310 0136 &Kcedil; LATIN CAPITAL LETTER K WITH CEDILLA
ķ 311 0137 &kcedli; LATIN SMALL LETTER K WITH CEDILLA
ĸ 312 0138 &kgreen; LATIN SMALL LETTER KRA
Ĺ 313 0139 &Lacute; LATIN CAPITAL LETTER L WITH ACUTE
ĺ 314 013A &lacute; LATIN SMALL LETTER L WITH ACUTE
Ļ 315 013B &Lcedil; LATIN CAPITAL LETTER L WITH CEDILLA
ļ 316 013C &lcedil; LATIN SMALL LETTER L WITH CEDILLA
Ľ 317 013D &Lcaron; LATIN CAPITAL LETTER L WITH CARON
ľ 318 013E &lcaron; LATIN SMALL LETTER L WITH CARON
Ŀ 319 013F &Lmodot; LATIN CAPITAL LETTER L WITH MIDDLE DOT
ŀ 320 0140 &lmidot; LATIN SMALL LETTER L WITH MIDDLE DOT
Ł 321 0141 &Lstrok; LATIN CAPITAL LETTER L WITH STROKE
ł 322 0142 &lstrok; LATIN SMALL LETTER L WITH STROKE
Ń 323 0143 &Nacute; LATIN CAPITAL LETTER N WITH ACUTE
ń 324 0144 &nacute; LATIN SMALL LETTER N WITH ACUTE
Ņ 325 0145 &Ncedil; LATIN CAPITAL LETTER N WITH CEDILLA
ņ 326 0146 &ncedil; LATIN SMALL LETTER N WITH CEDILLA
Ň 327 0147 &Ncaron; LATIN CAPITAL LETTER N WITH CARON
ň 328 0148 &ncaron; LATIN SMALL LETTER N WITH CARON
ŉ 329 0149 &napos; LATIN SMALL LETTER N PRECEDED BY APOSTROPHE
Ŋ 330 014A &ENG; LATIN CAPITAL LETTER ENG
ŋ 331 014B &eng; LATIN SMALL LETTER ENG
Ō 332 014C &Omacr; LATIN CAPITAL LETTER O WITH MACRON
ō 333 014D &omacr; LATIN SMALL LETTER O WITH MACRON
Ŏ 334 014E LATIN CAPITAL LETTER O WITH BREVE
ŏ 335 014F LATIN SMALL LETTER O WITH BREVE
Ő 336 0150 &Odblac; LATIN CAPITAL LETTER O WITH DOUBLE ACUTE
ő 337 0151 &odblac; LATIN SMALL LETTER O WITH DOUBLE ACUTE
Œ 338 0152 &OElig; LATIN CAPITAL LIGATURE OE
29

œ 339 0153 &oelig; LATIN SMALL LIGATURE OE
Ŕ 340 0154 &Racute; LATIN CAPITAL LETTER R WITH ACUTE
ŕ 341 0155 &racute; LATIN SMALL LETTER R WITH ACUTE
Ŗ 342 0156 &Rcedil; LATIN CAPITAL LETTER R WITH CEDILLA
ŗ 343 0157 &rcedil; LATIN SMALL LETTER R WITH CEDILLA
Ř 344 0158 &Rcaron; LATIN CAPITAL LETTER R WITH CARON
ř 345 0159 &rcaron; LATIN SMALL LETTER R WITH CARON
Ś 346 015A &Sacute; LATIN CAPITAL LETTER S WITH ACUTE
ś 347 015B &sacute; LATIN SMALL LETTER S WITH ACUTE
Ŝ 348 015C &Scirc; LATIN CAPITAL LETTER S WITH CIRCUMFLEX
ŝ 349 015D &scirc; LATIN SMALL LETTER S WITH CIRCUMFLEX
Ș 350 015E &Scedil; LATIN CAPITAL LETTER S WITH CEDILLA
ș 351 015F &scedil; LATIN SMALL LETTER S WITH CEDILLA
Š 352 0160 &Scaron; LATIN CAPITAL LETTER S WITH CARON
š 353 0161 &scaron; LATIN SMALL LETTER S WITH CARON
Ț 354 0162 &Tcedil; LATIN CAPITAL LETTER T WITH CEDILLA
ț 355 0163 &tcedil; LATIN SMALL LETTER T WITH CEDILLA
Ť 356 0164 &Tcaron; LATIN CAPITAL LETTER T WITH CARON
ť 357 0165 &tcaron; LATIN SMALL LETTER T WITH CARON
Ŧ 358 0166 &Tstrok; LATIN CAPITAL LETTER T WITH STROKE
ŧ 359 0167 &tstrok; LATIN SMALL LETTER T WITH STROKE
Ũ 360 0168 &Utilde; LATIN CAPITAL LETTER U WITH TILDE
ũ 361 0169 &utilde; LATIN SMALL LETTER U WITH TILDE
Ū 362 016A &Umacr; LATIN CAPITAL LETTER U WITH MACRON
ū 363 016B &umacr; LATIN SMALL LETTER U WITH MACRON
Ŭ 364 016C &Ubreve; LATIN CAPITAL LETTER U WITH BREVE
ŭ 365 016D &ubeve; LATIN SMALL LETTER U WITH BREVE
Ů 366 016E &Uring; LATIN CAPITAL LETTER U WITH RING ABOVE
ů 367 016F &uring; LATIN SMALL LETTER U WITH RING ABOVE
Ű 368 0170 &Udblac; LATIN CAPITAL LETTER U WITH DOUBLE ACUTE
ű 369 0171 &udblac; LATIN SMALL LETTER U WITH DOUBLE ACUTE
Ų 370 0172 &Uogon; LATIN CAPITAL LETTER U WITH OGONEK
ų 371 0173 &uogon; LATIN SMALL LETTER U WITH OGONEK
Ŵ 372 0174 &Wcirc; LATIN CAPITAL LETTER W WITH CIRCUMFLEX
ŵ 373 0175 &wcirc; LATIN SMALL LETTER W WITH CIRCUMFLEX
Ŷ 374 0176 &Ycirc; LATIN CAPITAL LETTER Y WITH CIRCUMFLEX
ŷ 375 0177 &ycirc; LATIN SMALL LETTER Y WITH CIRCUMFLEX
Ÿ 376 0178 &Yuml; LATIN CAPITAL LETTER Y WITH DIAERESIS
Ź 377 0179 &Zacute; LATIN CAPITAL LETTER Z WITH ACUTE
30

ź 378 017A &zacute; LATIN SMALL LETTER Z WITH ACUTE
Ż 379 017B &Zdot; LATIN CAPITAL LETTER Z WITH DOT ABOVE
ż 380 017C &zdot; LATIN SMALL LETTER Z WITH DOT ABOVE
Ž 381 017D &Zcaron; LATIN CAPITAL LETTER Z WITH CARON
ž 382 017E &zcaron; LATIN SMALL LETTER Z WITH CARON
ſ 383 017F LATIN SMALL LETTER LONG S
Caractere cu diacritice specifice limbii române
Caracter Dec Hex UTF-8 Entity Name

Ă 258 0102 %C4%82 CAPITAL A-BREVE
ă 259 0103 %C4%83 LOWERCASE A-BREVE
Â 194 00C2 %C3%82 Â CAPITAL A-CIRCUMFLEX
â 226 00E2 %C3%A2 â LOWERCASE A-CIRCUMFLEX
Î 206 00CE %C3%8E Î CAPITAL I-CIRCUMFLEX
î 238 00EE %C3%AE î LOWERCASE I-CIRCUMFLEX
Ș 536 0218 %C8%98 CAPITAL S-COMMA
ș 537 0219 %C8%99 LOWERCASE S-COMMA
Ț 538 021A %C8%9A CAPITAL T-COMMA
ț 539 021B %C8%9B LOWERCASE T-COMMA
31

Lucrarea 2. Crearea Paginilor Web În Limbajul HTML

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Lucrarea 2. Crearea Paginilor Web În Limbajul HTML

Încărcat de

Drepturi de autor:

Formate disponibile

Servicii Internet www.euroqual.pub.

LUCRAREA 2. CREAREA PAGINILOR WEB ÎN LIMBAJUL

Forma generală a unui document HTML

2.1. Tipul documentului - marcajul <!DOCTYPE>

Definirea tipului documentului și a versiunii permite browserelor o mai bună identificare a

2.2. Antetul documentului - marcajul <head>

2.3. Corpul documentului - marcajul <body>

2.3.1. Titluri (Headings)

2.3.2. Listă (List)

Tip listă Format Atribut Cod HTML

2.3.3. Paragraf (Paragraph). Întrerupere de linie (Line Break)

2.3.4. Linie orizontală (Horizontal Rule)

2.3.5. Formatarea vizuală și structurală a textului

Marcaje pentru formatarea textului

Marcaje pentru text structurat

Marcaje pentru citări

2.3.6. Proprietățile fontului

<font size="+1">Text mai mare cu 1 unitate.</font>

2.3.8. Legături (Hyperlinks)

2. Referință la un fișier aflat în alt folder:

4. Legătură către o anumită secțiune din pagina curentă:

8. Link scris ca text îngroșat (bold):

2.3.9. Caractere speciale și simboluri

<table> ... </table>

<tr> ... </tr>

Valori pentru align: left, center, right, justify, char.

<th> ... </th>

<td> ... </td>

<caption> ... </caption>

<colgroup> ... </colgroup>

<thead>, <tbody>, <tfoot>

Header 1 Header 2 Header 3

ANEXA 1. Codurile culorilor

Nume culoare HEX Culoare

Nume culoare HEX Culoare

Nume culoare HEX Culoare

ANEXA 2. Seturi de caractere

ASCII ANSI 8859 Unicode Dec Hex Entity Name

ASCII ANSI 8859 Unicode Dec Hex Entity Name

ASCII ANSI 8859 Unicode Dec Hex Entity Name

ASCII ANSI 8859 Unicode Dec Hex Entity Name

ASCII ANSI 8859 Unicode Dec Hex Entity Name

ASCII ANSI 8859 Unicode Dec Hex Entity Name

Unicode Dec Hex Entity Name

Unicode Dec Hex Entity Name

Unicode Dec Hex Entity Name

Unicode Dec Hex Entity Name

Unicode Dec Hex Entity Name

Caractere cu diacritice specifice limbii române

Caracter Dec Hex UTF-8 Entity Name

S-ar putea să vă placă și