Intre cele doua marcaje <html> si </html>
vom introduce doua sectiuni:
-sectiunea de antet <head>...</head> si -
corpul documentului <body>...</body>. Blocul <body>...</body>
cuprinde continutul propriu-zis al paginii HTML, adica ceea ce va
fi afisat in ferastra browser-ului.
O eticheta poate fi scris atat cu litere mici, cat si cu litere
mari.
Adica <HTML> = <HtmL> = <html>.
Caracterele "spatiu" si "CR/LF" ce apar intre
etichete sunt ignorate de catre browser.
Deci un prim document HTML ar fi ceva de genul asta:
<html>
<head> </head>
<body>
</body>
</html>
Asa arata primul document HTML. Copiati-l folosind Copy/Paste
intr-un fisier nou si salvati-l ca PRIM.HTM sau PRIM.HTML. Apoi
porniti Netscape Navigator sau Internet Explorer, dati CTRL-O si
introduceti calea spre fisier. Dati OK si ... nimic.
Sa nu disperam ... vom adauga primele elemente la pagina
noastra. In primul rand, titlul unei pagini se obtine inserand in
sectiunea <head>...</head> a urmatoarei linii:
Daca introducem mai multe linii intr-o pagina browser-ul va
afisa intr-un singur rand, intrucat caracterele " CR/LF
" sunt ignorate de browser. Trecerea pe o linie noua se face
la o comanda explicita, care trebuie sa apara in pagina html.
Aceasta comanda este marcajul <br> ( de la "
line break " - intrerupere de linie ).
Folosind aceleasi operatii ca mai sus, vizualizati noua pagina!
Veti vedea textul ce apare in fereastra navigatorului. In plus,
pagina dvs. va avea un titlu nou, cel introdus de dvs.
<html>
<head>
<title>
titlul paginii</title>
</head>
<body>
Bine ati venit in <br>
pagina mea de
Web!
</body>
</html>
Stiluri pentru blocurile de text
Pentru ca un bloc de text sa apara in pagina evidentiat (cu
caractere aldine), trebuie inclus intre delimitatorii <b>...</b>
( b vine de la "bold" = indraznet ).
Pentru ca un text sa fie scris cu carcatere mai mari cu o unitate
decat cele curente acesta trebuie inclus intr-un bloc delimitat de
etichetele <big>...</big>.
Pentru ca un text sa fie scris cu carcatere mai mici cu o unitate
decat cele curente acesta trebuie inclus intr-un bloc delimitat de
etichetele <small>...</small>.
Pentru ca un text sa fie scris cu carcatere cursive acesta trebuie
inclus intr-un bloc delimitat de etichetele <i>...</i>
( i vine de la " italic ").
Pentru a insera secvente de text aliniate ca indice
(sub-script) sau ca exponent (super-script) , aceste fragmente
trebuie delimitate de etichetele <sub>...</sub>,
respectiv <sup>...</sup>.
Pentru a insera un bloc de caractere subliniate se utilizeaza
etichetele <u>...</u> (u vine de la "
underline ").
Pentru a insera un bloc de caractere subliniate se utilizeaza
etichetele <strike>...</strike> sau <s>...</s>.
In exemplul urmator vom utiliza toate etichetele mentionate
anterior.
<html>
<head>
<title>
Stiluri pentru blocuri de text </title>
</head>
<body>
<b>
Text scris cu caractere ingrosate.</b>
<br>
<big>
Text cu
caractere marite cu o unitate <big>
mai mare<big>
si mai mare<big>
si mai mare.</big></big></big></big><br>
<small>
Textul este scris cu caractere
micsorate cu o unitate <small>
mai mic.</small></small><br>
<i>
Text scris cu caractere italice.</i>
<br>
In aceasta linie <sup>
sus</sup>
este superscript iar <sub>
jos</sub>
este subscirpt.<br>
<strike>
Aceasta linie este in intregime
sectionata de o linie orizontala.</strike>
<br>
In aceasta linie urmatorul cuvant este <u>
subliniat</u>
,
iar cuvantul <s>
strike</s>
sectoinat.
</body>
</html>
Stiluri fizice si logice
Am prezentat deja 8 stiluri de scriere a caracterelor unui bloc
de text, numite si stiluri fizice intrucat nu s-a acordat nici o
atentie semnificatiei informatiei continute de aceste blocuri.
In continuare sunt prezentate stilurile utilizate la formatarea
unui bloc.
Aceste stiluri tin cont de semnificatia pe care o are blocul in
cadrul paginii Web.
Pentru a pune in evidenta ( prin silul cursiv ) fragmente de
text se utilizeaza etichetele:
- <cite>...</cite> ( " cite "
inseamna citat);
- <em>...</em> (em vine de la "
emphasize " = a evidentia).
In locul lor se poate utiliza eticheta echivalenta <i>...</i>.
Urmatoarele etichete au efecte similare.Ele permit scrierea
fragmentului de text cu caractere monospatiate ( de tipul celor
folosite de o masina de scris ):
- <code>...</code> ( " code "
inseamna cod sau sursa);
- <kbd>...</kbd> ( kbd vine de la "
keyboard " = tastatura);
- <tt>...</tt> ( tt vine de la "
teletype " = teleprinter).
Eticheta de tip bloc <blink>...</blink>
delimiteaza fragmenete de text clipitoare. Aceasta eticheta
functioneaza numai in browserul Netscape Communicator.
<html>
<head>
<title>
Blocuri de caractere monospatiate si
clipitoare </title>
</head>
<body>
Aceasta linie este formata din text normal.<br>
Codul functiei f(x,y) este: <code>
Function
f(x,y) {return x+y;}</code><br>
Tastati urmatoarea comanda comanda DOS:
<kbd>
copy c:\windows\* c:\temp<kbd><br>
<tt>
Asa scrie un teleprinter</tt><br>
Acest cuvant clipeste <blink>
Blink</blink>
</body>
</html>
Exemplul urmator ilustreaza ca etichetele pot fi imbricate.
- un fragment de text poate fi scris cu aldine si cursive in
acelsi timp;
- pentru un fragment de text se pot folosi simultan stilurile
subliniat, exponent, marit si cursiv.
Blocul <q>...</q> permite inserarea in-line a
citatelor.Aceste citate sunt afisate de catre browser cu caractere
cursive.
" q " vine de la " in-line quotation "
(citate inserate in-line);
Si blocurile " q " pot fi imbricate.
<html>
<head>
<title>
Imbricarea etichetelor </title>
</head>
<body>
Aceasta linie este formata din text
normal.<br>
Normal <b>
ingrosat <i>
ingrosat si italic </i>
ingrosat </b>
.
<br>
Normal <u>
subliniat <b>
subliniat si ingrosat <big>
subliniat,
ingrosat si marit.<br>
<i>
Subliniat, ingrosat ,marit si italic.</i>
</big></b></u>
</body>
</html>