Sunteți pe pagina 1din 13

Noiuni generale

O pagin web are n componena dou elemente de baz.


<html>
<body>
Continutul paginii va fi aici
</body>
</html>
Primul tag se numeste <html> i este cel care i spune browser-ului c a nceput
un cod n HTML. Cel de-al doilea tag, <body>, spune browser-ului c aici ncepe
partea vizibil sau coninutul paginii HTML.
Tag-urile </body> i </html> sunt tag-uri de nchidere. </body>, d de tire
browser-ului, c s-a ncheiat coninulul pagini, iar </html> c s-a ncheiat
documentul HTML.
Slesh "/" este pus naintea numelui tag-ului i spune browserului c ar dori s
ncheie respectiva funcie. Deci <tag> este folosit pentru a ncepe o funcie, iar
</tag> pentru a o ncheia.
Ordinea deschiderii i a nchiderii tag-urilor este foarte important. Dac un
tag este deschis ntr-un altul, de exemplu body este deschis n html atunci acel
tag (body) este cel care trebuie nchis naintea celui de-al doilea tag (html).
Am nchis mai nti body pentru c a fost cel care s-a deschis cel mai recent.
Aceast regul i anume deschiderea i nchiderea tag-urilor se aplic la toate
celelalte taguri ale documentelor HTML.
<head>
Acest tag urmeaz imediat dup <html> i este folosit pentru a indica browserului, informaii utile precum: titlul pagini, coninutul (folosit de motoarele de
cutare vechi) i multe altele
<title>
Se pune ntre <head> i </head>. Acest tag este cel care d numele pagini.
Numele va fi afiat n browser, de obicei n partea stng sus.
<h2>
Acesta este titlul care apre n pagin, nainte de coninut i va fi mai mare dect
litera de coninut. <h2> nseamn c e cea de-a doua mrime a literei ntre cele
ase care exist. <h1> este cea mai mare iar <h6> va fi cea mai mic.
<p>
1

Este tag-ul care marcheaz deschiderea i ncheierea unui paragraf. Aa c atunci


cnd vei ncepe un paragraf asigur-te c ai pus <p> la nceput i </p> la sfrit.

Marcaje de baz

<HTML> </HTML>

Definete un fiier n format Web

<HEAD> </HEAD>

Antetul documentului

<TITLE> </TITLE>

Tilul documentului

<BODY> </BODY>

Corpul paginii HTML

BGCOLOR = culoare

Culoarea de fond a paginii

TEXT=culoare

Culoarea textului pe pagin

LINK=culoare

Culoarea legturiilor nevizitate din pagin

VLINK=culoare

Culoarea legturiilor vizitate din pagin

ALINK=culoare

Culoarea legturiilor pe durata clicului executat de


utilizator

BACKGROUND = url

Imaginea de fond pentru pagin

<P>

<Hn> <Hn>

<FONT> </FONT>

SIZE=n

FACE="a,b"

COLOR=s

<BR>

<PRE> </PRE>

<!-- -->

<CENTER>
</CENTER>

<HR>

SIZE=x

Paragraf

Nivel de subtitlu al documentului (n = 1-6)

Specific atribute ale textului ncadrat

Dimensiunea textului este 1-7

Specific fontul: a, dac este disponibil, sau b

Culoarea textului: fie un nume de culoare, fie o valoare


RGB

Linie nou

Informaie preformatat

Comenatriu HTML

Centreaz materialul n pagin

Rigl orizontal

nlimea riglei n pixeli


3

WIDTH=x

Limea riglei n pixeli sau n procente

NOSHADE

Dezactiveaz afiarea umbrei pentru rigla orizontal

ALIGN=x

Alinierea riglei orizontale n pagina (left, center, right)

COLOR=x

Culoarea riglei orizontale (numai pentru IE)

<A> </A>

Marcaj de tip ancor

HREF=url

Referin hipertext

HREF=#nume

Referin ctre o ancor intern

Name=nume

Definiia unei ancore interne

<sup></sup>

Text exponenial, superscript. Exp: 23 se scrie


2<sup>3</sup>

<sub></sub>

Tagul subscript. Exp: H2O se scrie H<sub>2</sub>O

Marcaje pentru liste

<DD>

Descriere definiie

<DL> </DL>

Lista de tip definiie

<DT>

Termen de definiie

<LI>

Element de list

<OL>

List ordonat (numerotat)

TYPE=tip

Tipul numerotrii. Valori posibile: A, a, I, i, 1

START=x

Numrul de nceput al listei ordonate

<UL>

TYPE=form

List neordonat (marcat)

Forma marcajului. Valori posibile: circle, square, disc.

Formatarea caracterelor
<B> </B>

Afieaz text cu caractere aldine

<I> </I>

Afieaz text cu caractere cursive

<U> </U>

Afieaz text subliniat

<TT> </TT>

Text cu font monospaiu

<CITE> </CITE>

Citare bibliografic

<CODE> </CODE>

Listing de program

<EM> </EM>

Stil logic de evideniere

<KBD> </KBD>

Text de la tastatur

<STRONG> </STRONG>

<VAR> </VAR>

<BASEFONT SIZE = n>

Evideniere logic puternic

Program sau variabil

Specific dimensiunea implicit a fontului din pagin

Adugarea imaginilor
<IMG >

Marcajul de introducere a imaginilor

SRC=url

Sursa fiierului grafic


6

ALT=text

Textul alternativ de afiat, dac este necesar

ALIGN=alinier
e

Alinierea imaginii n pagin. Valori posibile: top


(sus), middle (n mijloc), bottom (jos), left (n
stnga), right (la dreapta)

HEIGHT=x

nlimea imaginii (n pixeli)

WIDTH=x

Limea imaginii

BORDER=x

Chenarul din jurul imaginii, atunci cnd aceasta


este utilizat ca hiperlegtur

HSPACE=x

Spaiul suplimentar pe orizontal din jurul


imaginii (n pixeli)

VSPACE=x

Spaiul suplimentar pe vertical din jurul imaginii


(n pixeli)

Marcaje pentru tabele


<TABLE> </TABLE>

Tabel HTML

BORDER=x

Chenarul tabelului

CELLPADDING=x

Spaiul suplimentar n cadrul celulelor


tabelului

CELLSPACING=x

Spaiul suplimentar ntre celulele


tabelului

WIDTH=x

Limea impus tabelului

FRAME=valoare

Ajustarea fin a tabelului

RULES=valoare

Ajustarea fin a riglelor tabelului

BORDERCOLOR =
culoare

Specific culoarea chenarului tabelului

BORDERCOLORLIGH
T = culoare

Cea mai deschis culoare din cele dou


culori specificate

BORDERCOLORDAR
K = culoare

Cea mai nchis culoare din cele dou


culori specificate

ALIGN=left

Aliniaz tabelul la marginea din stnga a


paginii, iar textul curge n partea dreapt

ALIGN=right

Aliniaz tabelul la marginea din dreapta a


paginii, iar textul curge n partea stng

HSPACE=x

Spaiu suplimetar pe orizontal n jurul


tabelului

VSPACE=x

Spaiu suplimetar pe vertical n jurul


tabelului

COLS=x

Specific numrul de coloane ale unui


tabel

<COLGROUP>
</COLGROUP>

Definete un set de definiii de coloane


cu ajutorul marcajului <col>

<COL WIDTH=x>

Definete limea unei coloane exprimat


n pixeli

<THEAD> </THEAD>

Definete titlul tabelului

<BODY> </TBODY>

Definete corpul tabelului

<TR> </TR>

Linie de tabel

BGCOLOR=culoare

Specific culoarea de fond pentru


ntreaga linie

ALIGN=aliniere

Alinierea celulelor de pe linia curent


(left, center, right)

<TD> </TD>

Celula de date a tabelului

BGCOLOR=culoare

Specific culoarea de fond pentru celula


de date

COLSPAN=x

Numrul de coloane pe care se ntinde


celula curent de date

ROWSPAN=x

Numrul de linii pe care se ntinde celula


curent de date

ALIGN=aliniere

Alinierea materialului din cadrul celulei


de date.Valori posibile: (left, right,
center)

VALIGN=aliniere

Alinierea pe vertical a materialului din


cadrul celulei de date.Valori posibile:
(top, bottom, middle)

BACKGROUND=url

Specific imaginea de fond pentru celula


tabelului

NOWRAP

Nu permite desprirea textului pe linii n


cadrul unei celule

ALIGN=baseline

Aliniaz celule de date cu linia de baz a


textului adiacent

10

ALIGN=caracter

Aliniaz o coloan fa de un anumit


carcater (caracterul prestabilit este ".")

ALIGN=justify

Aliniaz att marginea din stnga ct i


marginea din dreapta a unui text

Marcaje pentru cadre

<FRAMESET>
</FRAMESET>

Definirea redactrii paginii

COLS=x

Numrul i mrimea relativ a coloanelor

ROWS=x

Numrul i mrimea relativ a liniilor

BORDER=x

Specific starea "on" (activ) sau "off" (inactiv)


pentru chenarul cadrului FRAMESET (1 sau 0)

FRAMEBORDER = x

Specific mrimea chenarului

FRAMESPACING = x

Mrimea spaiului dintre dou cadre adiacente

<FRAME>

Definiia unui anumit cadru

SRC=url

URL-ul surs pentru cadru


11

NAME=nume

Numele cadrului (utilizat mpreun cu


TARGET=nume ca parte component a marcajului
de tip ancor<a>

SCROLLING=scrl

Definete opiunea barei de derulare.Valori posibile:


on(activ), off(inactiv), auto (automat)

FRAMEBORDER=x

Mrimea chenarului din jurul cadrului

MARGINHEIGHT=x

Spaiul suplimentar de deasupra i dedesubtul unui


anumit cadru

MARGINWIDTH=x

Spaiu suplimetar la stnga i la dreapta unui


anumit cadru

<NOFRAMES>
</NOFRAMES>

Seciunea de pagin afiat pentru utilizatorii care


nu pot vedea un cadru

<IFRAME>

Cadru intern (numai pentru IE)

SRC=url

Sursa cadrului

NAME=s

Numele ferestrei (util pentru TARGET)

HEIGHT=x

ntimea cadrului nglobat

12

WIDTH=x

Limea cadrului nglobat

Tabel diacritice
Limba romn folosete cinci litere cu semne diacritice: , , , , . Aspectul i
denumirea acestor semne sunt artate n tabelul de mai jos.
cciul
accent circumflex;
virgul, plasat sub literele corespunztoare s, S, t, T.
valoare

cod
&#259;
&#258;
&#226;
&#194;
&#238;
&#206;
&#351;
&#350;
&#355;
&#354;

13

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