Post on 06-Feb-2018
1
1. MARCAJE DE BAZA
-inceputul si sfarsitul unei pagini web
...-continutul paginii web
Atributele
bgcolor=culoarea de fundal
text=culoarea textului
background=imaginea de fundal
link=culoarea linkurilor
vlink=culoarea linkurilor vizitate
alink=culoarea linkuilor active
leftmargin=distanta fata de marginea din stanga a ecranului
topmargin= distanta fata de marginea de sus a ecranului
... sectiunea de antet se afla intre si
... Se scrie in sectiunea . Continutul blocului va aparea in bara de titlu a
ferestrei browser-ului.
2
2. FORMATAREA TEXTULUI
de la " line break " - intrerupere de linie.
... text ingrosat (b vine de la "bold" = indraznet).
... text scris cu carcatere cursive
... text scris cu carcatere cursive
... text scris cu carcatere cursive
... text subliniat (u vine de la " underline ")
... text taiat cu o linie
... text taiat cu o linie
... text cu caractere monospatiate (de tipul celor folosite de o masina de scris)
("code" inseamna cod sau sursa);
... text cu caractere monospatiate (de tipul celor folosite de o masina de scris) (kbd
vine de la " keyboard " = tastatura);
... text cu caractere monospatiate (de tipul celor folosite de o masina de scris) (tt vine de la
" teletype " = teleprinter).
... permite inserarea in-line a citatelor
... text scris cu carcatere mai mari cu o unitate decat cele curente
... text scris cu carcatere mai mici cu o unitate decat cele curente
3. CULORI
Nume de culori: red, green, blue, yellow
Coduri de culori: #rrggbb, unde r, g si b sunt cifre hexazecimale care dau cantitatea de rosu, verde si
albastru din culoare
3
4. FONT
Atribute
color=culoarea fontului
face=tipul fontului
size=marimea fontului
o 1, 2, 3, 4, 5, 6, 7 ( 1 pentru cel mai mic font si 7 pentru cel mai mare);
o +1, +2, etc. pentru a mari dimensiunea fontului cu 1, 2, etc. fata de valoarea curenta;
o -1, -2, etc. pentru a micsora dimensiunea fontului cu 1, 2, etc. fata de valoarea curenta.
weight=grosimea fontului
5. BLOCURI DE TEXT
paragraf
Atribute paragraf
align= alinierea avand valorile posibile " left ", " center " sau " right ".
, , , , , blocuri de titlu
Atribute ,,
align= alinierea avand valorile posibile " left ", " center " sau " right ".
... bloc de text (div=diviziune)
Atribute
align= alinierea avand valorile posibile " left ", " center " sau " right ".
Un bloc ... poate include alte subblocuri. In acest caz , alinierea precizata de
atributul align al blocului are efect asupra tuturor subblocurilor incluse in blocul ;
Un bloc ... admite atributul " nowrap " care interzice intreruperea randurilor de catre
browser.
bloc de text
... bloc preformatat
... aliniaza centrat toate elementele pe care le contine.
... -adrese
4
...-text indentat
... este indicat pentru a insera randuri vide
... permite afisarea unui text care contine caracterele < si >( 80 de caractere pe rand );
... permite afisarea unui text care contine caracterele < si > ( 120 de caractere pe
rand ).
... Blocul de text cuprins intre etichetele va fi afisat pe o singura linie.
6. EXPONENT SI INDICE
... scriere la exponent
... scriere la exponent
Aceste comenzi pot fi imbricate
7. DIACRITICE
valoare cod
8. TEXTUL MATEMATIC
< < sau < > > sau <
,
Pentru mai multe informati cautati pe internet non ascii gliphs
5
9. LINII ORIZONTALE
Atribute
align=alinierea liniei orizontale. Valorile posibile sunt " left " ," center " si " right ";
width=lungimea liniei;
size= grosimea liniei;
noshade= cand este prezent defineste o linie fara umbra;
color=culoarea liniei.
10. LINKURI
...
Atribute
href=adresa poate fi
o o pagina web din aceeasi locatie
o o pagina web de pe internet
o un fisier oarecare
o un element din aceeasi pagina care are id
o un element din alta pagina web care are id se scrie adresa#id
target=modul de deschidere al paginii web, poate fi _blank, _self, _parent, _top, framename(
numele cadrului)
title=text care apare la indicarea cu mousul a linkului
Alte intrebuintari
adresa de email
6
11. IMAGINI
Atribute
src=adresa fisierului imagine, este obligatoriu
border=grosimea chenarului
width=latime in pixeli sau procente
height=inaltime in pixeli sau procente
align=alinierea care poate lua urmatorele valori:
o " left " - aliniere la stanga; celelalte componente sunt dispuse pe in partea dreapta;
o " right " - aliniere la dreapta; celelalte componente sunt dispuse pe in partea stanga;
o " top " - aliniere deasupra; partea de sus a imaginii se aliniaza cu partea de sus a textului
ce precede imaginea;
o " middle " - aliniere la mijloc; mijlocul imaginii se aliniaza cu linia de baza a textului ce
precede imaginea.
o " bottom " - aliniere la baza; partea de jos a imaginii se aliniaza cu linia de baza a
textului.
hspace =precizeaza distanta in pixeli pe orizontala dintre imagine si restul elementelor din
pagina.
vspace =precizeaza distanta in pixeli pe verticala dintre imagine si restul elementelor din
pagina.
title=text care apare la indicarea cu mousul a imaginii
alt= admite ca valoare un text care va fi afisat in locul imaginii.
Alte folosiri
Utilizarea imaginii ca link
12. MAPAREA UNEI IMAGINI
Se adauga atributul usemap in tagul
7
Deci, fiecare mapare a unei imagini are un nume (name) si contine mai multe tag-uri .
Atribute ale tagului .
shape="rect | circle | poly | default" Atributul shape precizeaza forma ariei. Valorile posibile sunt:
o rect (forma dreptunghiulara) o circle (forma circulara)
poly (un poligon arbitrar cu 3 sau mai multe varfuri)
o default (reprezinta restul imaginii care nu este definita in tag-urile area).
coords="coordonate" Acest atribut precizeaza coordonatele care definesc colturile ariei. Coordonatele depind de
forma ariei specificata prin atributul shape.Toate valorile coordonatelor sunt relative la coltul
din stanga sus al imaginii. Cu alte cuvinte, coltul din stanga sus are intotdeauna coordonatele
(0,0).Pentru un tag area ce are atributul shape="default", nu trebuie precizate coordonatele.
href="hyperlink-ul ariei"
Acesta este URL-ul spre care ati dori sa redirectati zonele definite, el functionand la fel ca un
tag standard.
In plus, in loc de acesta poti specifica un atribut nohref daca vrei ca un contur sa nu aiba link.
target="hyperlink target"
Cu target poti preciza fereastra unde vrei sa se deschida pagina care reprezinta linkul ariei
respective. Si acesta functioneaza ca atributul target dintr-un tag standard.
title="titlul ariei"
Acest atribut iti permite sa denumesti aria respectiva. Cand mouse-ul se afla deasupra acestei
arii, browserul va afisa acest titlu.
Plasarea maparii imaginii intr-un fisier separat
Numele maparii imaginii specificat prin atributul usemap este de fapt un URI (Unique Resource
Identifier), ceea ce inseamna ca se poate referi la o "harta" aflata in alt fisier de pe site.
De exemplu, daca ai salvat tag-ul map intr-un fisier denumit forme.map din acelasi director cu
fisierul HTML, acest tag va fi accesat folosind:
8
13. LISTE
... (" ul " vine de la " unordered list " = lista neordonata).
(list item) element al listei.
Atribute si
type=tipul marcatorului, poate fi
o "circle" (cerc)
"disc" (disc plin) (valoarea prestabilita);
"square" (patrat)
... (" ol " vine de la " ordered list " = lista ordonata).
(list item) element al listei.
Atribute
type =tipul de caractere utilizate pentru ordonarea listei.Valorile posibile sunt:
o " A " pentru ordonare de tipul A , B , C , D etc. ( litere mari );
o " a " pentru ordonare de tipul a , b , c , d etc. ( litere mici );
o " I " pentru ordonare de tipul I , II , III , IV etc. ( cifre romane mari );
o " i " pentru ordonare de tipul i , ii , iii , iv etc. ( cifre romane mici );
o " 1 " pentru ordonare de tipul 1 , 2 , 3 , 4 etc. ( cifre arabe - optiune prestabilita );
start=stabileste valoarea initiala a secventei de ordonare.Valoarea acestui atribut trebuie sa fie
un numar intreg pozitiv.
Atribute
type =tipul de caractere utilizate pentru ordonarea listei
value= satileste valoare pentru elementul respectiv al listei. Valoarea acestui atribut trebuie sa
fie un numar intreg pozitiv
... (de la "definition list" = lista de definitii).
- Un termen al listei este initiat de eticheta (de la "definition term" = termen definit);
- Definitia unui termen este initiata de eticheta (de la "definition description" = descrierea
definitiei);
.... lista de meniuri
( list item ) un element al listei .
Cele mai multe browsere afiseaza lista de meniuri ca pe o lista neordonata.
... (de la " director ") lista de directoare . Fiecare elem