joi, 2 noiembrie 2017

SI 1.11-4.11.2017

Pagini web - design

1. Modelul client-server
2. Limbajul HTML
3. Elemente HTML pentru formatarea textelor
4. Recapitulare

5. Liste
6. Tabele
7. Elementul TABLE. Prezentarea detaliată a unor atribute
8. Elementul TD
9. Imagini. Elementul IMG
10. Hiperlegături
11. Caractere speciale. Mod de introducere
12. Evaluare sumativă


Lista celor mai utilizate taguri HTML impreuna cu atributele lor

In tabelul urmator vor fi prezentate cele mai utilizate tag-uri impreuna cu cele mai importante atribute ale lor:

Nume tagNume atributValoare atributDetalii
<A>Ancora
hrefURLAdresa catre care vrem sa fie legatura
target_blank
_self
_parent
_top
Fereastra in care se va face afisarea
<B>Text bold
<BODY>Cuprinsul documentului
backgroundadresa imaginiiImaginea de fond
bgcolorcod culoare
nume culoare
Culoarea fondului
leftmarginprocent din
latimea paginii
numar de pixeli
Distanta dintre marginea din stanga a
ferestrei browserului si marginea din
stanga a paginii
topmarginprocent din
inaltimea paginii
numar de pixeli
Distanta dintre marginea de sus a
ferestrei browserului si marginea de sus
a paginii
textcod culoare
nume culoare
Culoarea textului
alinkcod culoare
nume culoare
Culoarea legaturilor active (atunci cand
mouse-ul se afla deasupra lor)
linkcod culoare
nume culoare
Culoarea legaturilor nevizitate (nu s-a
efectuat nici un click pe ele)
vlinkcod culoare
nume culoare
Culoarea legaturilor vizitate
(s-a efectuat cel putin un click pe ele)
<BR>Sfarsitul randului
<CENTER>Afisarea in centrul paginii
<FONT>Fontul textului
colorcod culoare
nume culoare
Culoarea fontului
facenume fontTipul fontului
sizeun numar
de la 1 la 7
Marimea fontului
<FORM>Formular interactiv
actionURLAdresa scriptului care prelucreaza datele
din cadrul formularului
methodGET
POST
Metoda de prelucrare a datelor
formularului
<FRAME>Cadru (fereastra)
frameborder1 sau 0Cadrul are sau nu are chenar
marginheightnumar de pixeliSpatiu deasupra si sub un cadru
marginwidthnumar de pixeliSpatiu la stanga si la dreapta unui cadru
srcURLSursa cadrului
<FRAMESET>Multime de ferestre
colsprocent din
latimea paginii
numar de pixeli
numarul si marimea relativa a coloanelor
rowsprocent din
inaltimea paginii
numar de pixeli
numarul si marimea relativa a randurilor
H1, H2, H3,
H4, H5, H6
Titluri in cadrul documentului
alignleft
center
right
justify
Alinierea titlului
<HEAD>Antetul documentului
<HR>Linie orizontala
alignleft
center
right
Alinierea orizontala a liniei
colorcod culoare
nume culoare
Culoarea liniei
sizenumar de pixeliInaltimea liniei
widthprocent din
latimea paginii
numar de pixeli
Latimea liniei
<HTML>Document HTML
<I>Text italic
<IMG>Adaugarea unei imagini
alignleft
right
top
middle
bottom
Alinierea imaginii in pagina: left (stanga)
sau right (dreapta)
Alinierea elementelor din jurul imaginii:
top (sus), middle (mijloc), bottom (jos)
alttextText ce va fi afisat in locul imaginii, in
cazul in care, aceasta nu este afisata
bordernumar de pixeliMarimea chenarului din jurul imaginii
heightprocent
numar de pixeli
Inaltimea imaginii
hspacenumar de pixeliSpatiu pe orizontala in jurul imaginii
srcURLAdresa imaginii
vspacenumar de pixeliSpatiu pe verticala in jurul imaginii
widthprocent
numar de pixeli
Latimea imaginii
<INPUT>Element al formularului
maxlengthnumarNumar maxim de caractere
namedate de tip
caracter
Numele elementului formularului
sizenumarMarimea elementului formularului
srcURLAdresa pentru o imagine
typetext
password
checkbox
radio
submit
reset
file
hidden
image
button
Tip input
valuedate de tip
caracter
Valoare input
<LI>Element al unei liste
<META>Metainformatii
contenttextDescrie valoarea atributului name
nameauthorAutor
descriptionDescriere
keywordsCuvinte cheie
<OL>Lista ordonata
startnumarCu ce valoare incepe numerotarea
typeA, a, I, i, 1Tipul numerotarii: A, a, I, i, 1 (implicit)
<P>Paragraf
alignleft
center
right
justify
Alinierea paragrafului
<SELECT>Lista de selectii
multiplePermite selectia mai multor elemente
namedate de tip
caracter
Numele listei de selectii
sizenumarNumarul de elemente ale listei
<STRONG>Text evidentiat
<SUB>Text indice
<SUP>Text exponent
<TABLE>Tabel
alignleft
center
right
Alinierea tabelului
backgroundURLImaginea de fond pentru tabel
bgcolorcod culoare
nume culoare
Culoarea fondului pentru tabel
borderprocent
numar de pixeli
Chenarul tabelului
bordercolorcod culoare
nume culoare
Culoarea chenarului
cellpaddingnumar de pixeliSpatiu intre continutul celulelor tabelului si
marginile lor
cellspacingnumar de pixeliSpatiu intre celulele tabelului
colsnumarNumarul de coloane ale unui tabel
hspacenumar de pixeliSpatiu pe orizontala in jurul tabelului
vspacenumar de pixeliSpatiu pe verticala in jurul tabelului
widthprocent
numar de pixeli
Latimea tabelului
<TD>Celula de tabel
alignleft
center
right
Alinierea continutului celulei pe orizontala
backgroundURLImaginea de fond pentru celula
bgcolorcod culoare
nume culoare
Culoarea fondului pentru celula
colspannumarNumarul de coloane pe care se intinde
celula
heightnumar de pixeliInaltimea celulei
rowspannumarNumarul de linii pe care se intinde celula
valigntop
middle
bottom
Alinierea continutului celulei pe verticala
widthnumar de pixeliLatimea celulei
<TEXTAREA>Camp de editare multilinie
colsnumarNumarul de coloane
namedate de tip
caracter
Numele campului de editare multilinie
rowsnumarNumarul de randuri
<TITLE>Titlu document
<TR>Rand tabel
alignleft
center
right
Alinierea continutului celulelor
pe orizontala
bgcolorcod culoare
nume culoare
Culoarea fondului pentru tot randul
valigntop
middle
bottom
Alinierea continutului celulelor pe verticala
<U>Text subliniat
<UL>Lista neordonata
typecircle
disc
square
Forma marcajului

Niciun comentariu:

Trimiteți un comentariu