Html
HyperText Markup Language
<html>
<head>
//Titlul paginii
</head>
<body>
//Cunde se va afisa continutul paginii
</body>
</html>
I. Titlul [Link]
-<title>............</title>
II. Afisarea textului pe randuri separate
- <br>
III. Stabilirea culorilor
-colour=”……”-nume sau cod
IV. Setarea marginilor
tapmargin//Marimea marginii de sus a paginii
leftmargin//Marimea marginii din stanga a paginii
rightmargin//Marimea marginii din dreapta a paginii
Prezaentarae textului
I. Titlul in pg. WEB
<h1>.............</h1>//Afisarea text
<h2>.............</h2>//Afisarea textului cu un font mai mic decat
h1
<h3>.............</h3>//Afisarea textului cu un font mai mic decat
h2
<h4>.............</h4>//Afisarea textului cu un font mai mic decat
h3
<h5>.............</h5>//Afisarea textului cu un font mai mic decat
h4
<h6>.............</h6>//Afisarea textului cu un font mai mic decat
h5
II. Paragrafele
left//Alinierea textului la stanga
center//Alinierea textului la centru
right//Alinierea textului la dreapta
justify//Alinierea textului pe ambele margini
III. Linii orizontale
<hr>.............</hr>//Afisarea unei linii orizontale
<hr size=".............">.............</hr>//Afisarea unei linii
orizontale cu o anumita grosime
<hr width=".............">.............</hr>//Afisarea unei linii
orizontale cu o anumita latime
<hr color=".............">.............</hr>//Afisarea unei linii
orizontale cu o anumita culoare
IV. Stabilirea fondului de Baza
face //Schimbarea fontului textului
size //Schimbarea marimii fontului textului
color //Schimbarea culorii textului
V. Caracteristici evidentataoare
<b>.............</b>//Afisarea textului ingrosat
<i>.............</i>//Afisarea textului in italics
<u>.............</u>//Afisarea textului subliniat
<sub>.............</sub>//Afisarea textului ca indice
<sup>.............</sup>//Afisarea textului ca exponent
<s>.............</s>//Afisarea textului cu o linie care il traverseaza
<strike>.............</strike>//Afisarea textului cu o linie care il
traverseaza
<del>.............</del>//Afisarea textului cu o linie care il
traverseaza
<ins>.............</ins>//Afisarea textului cu o linie subliniata
<mark>.............</mark>//Afisarea textului cu un fundal colorat
<small>.............</small>//Afisarea textului cu un font mai mic
<big>.............</big>//Afisarea textului cu un font mai mare
<pre>.............</pre>//Afisarea textului cu spatii si linii noi
pastrate
<code>.............</code>//Afisarea textului ca si cod
<blockquote>.............</blockquote>//Afisarea textului ca si citat
<q>.............</q>//Afisarea textului ca si citat inline
VI. Liste de ordonare
<ul>
<li>.............</li>//Afisarea unui element de lista neordonata
<li>.............</li>//Afisarea unui element de lista neordonata
</ul>
<ol>
<li>.............</li>//Afisarea unui element de lista ordonata
<li>.............</li>//Afisarea unui element de lista ordonata
</ol>
<li>.............</li>//Afisarea unui element de lista
<ul type="disc;circle;square"></ul>
//Afisarea unei liste neordonate cu diferite tipuri de marcatori
<ol type="1;a;A;i;I"></ol>
//Afisarea unei liste ordonate cu diferite tipuri de numerotare
Tabele in [Link]
I. Creearea tabelului
<table>
</table>
II. Inserarea randurilor
<tr>
</tr>
III. Inserarea antetului
<tr>
<th>.............</th>//Afisarea unui antet de tabel
<th>.............</th>//Afisarea unui antet de tabel
</tr>
IV. Inseraea caracterelor care nu fac parte din antet
<tr>
<td>.............</td>//Afisarea unei celule de tabel
<td>.............</td>//Afisarea unei celule de tabel
</tr>
V. Dimensiunea tabelului si orientarea
wigith//Latimea tabelului
height//Inaltimea tabelului
border//Grosimea marginii tabelului
cellpadding//Spatiul dintre continutul celulei si marginea celulei
cellspacing//Spatiul dintre celulele tabelului
align//Alinierea continutului celulei (stanga, centru, dreapta)
valign//Alinierea verticala a continutului celulei (sus, centru, jos)
VI. Borduri
bordercolor//Culoarea marginii tabelului
bgcolor//Culoarea de fundal a tabelului
VII. Alinieri
align//Alinierea tabelului in pagina (stanga, centru, dreapta)
<valign>.............</valign>//Alinierea verticala a tabelului in
pagina (sus, centru, jos)
Imagini
I. Inserarea imaginilor si manipularea
<img src="............." alt="............."> //Afisarea unei imagini
cu o sursa specificata si un text alternativ
<img src="............." width="............."
height="............."> //Afisarea unei imagini cu o sursa specificata
si dimensiuni specificate
<img src="............." title="............."> //Afisarea unei imagini
cu o sursa specificata si un text de titlu care apare la trecerea
mouse-ului peste imagine
II. Dimensiuni
<td><img src="............." alt="............."></td> //Afisarea unei
imagini intr-o celula de tabel
III. Inserarea im pe fundal
<td bgcolor="............."><img src="............."
alt="............."></td> //Afisarea unei imagini ca fundal pentru o
sectiune a paginii
Linkuri
I. Diferite likuri
<a href=".............">.............</a>//Crearea unui link catre o
alta pagina sau resursa
<a href="............." target="_blank">.............</a>//Crearea unui
link care se deschide intr-o fereastra noua
<a href="............."
title=".............">.............</a>//Crearea unui link cu un text
de titlu care apare la trecerea mouse-ului peste link
<a href="............." id=".............">.............</a>//Crearea
unui link cu un identificator unic pentru a putea fi stilizat sau
manipulat cu CSS sau JavaScript
<a href="............."
class=".............">.............</a>//Crearea unui link cu o clasa
pentru a putea fi stilizat sau manipulat cu CSS sau JavaScript
<a href="............." rel=".............">.............</a>//Crearea
unui link cu o relatie specifica fata de resursa tinta, cum ar fi
"noopener" sau "nofollow"
<a href="............." download>.............</a>//Crearea unui link
care permite utilizatorului sa descarce un fisier atunci cand face clic
pe el
<a href="............." hreflang=".............">........
…..</a>//Creareaunui link care specifica limba resursei tinta, cum ar
fi "en" pentru engleza sau "fr" pentru franceza
<a href="........…..", type="……………">……………</a>//Crearea unui link
care specifica tipul de continut al resursei tinta, cum ar fi
"text/html" pentru o pagina web sau "application/pdf" pentru un fisier
PDF
<a href="............."
accesskey=".............">.............</a>//Crearea unui link care
poate fi accesat printr-o combinatie de taste specifica, cum ar fi
"Ctrl + Alt + A" pentru a accesa linkul
<a href="............."
tabindex=".............">.............</a>//Crearea unui link care
poate fi accesat prin navigarea cu tastatura, specificand ordinea de
tabulare a elementelor pe pagina
<a href="............." aria-
label=".............">.............</a>//Crearea unui link care ofera o
eticheta accesibila pentru utilizatorii cu dizabilitati, cum ar fi
"Link catre pagina de contact" pentru un link care duce la o pagina de
contact
<a href="............." aria-hidden="true">.............</a>//Crearea
unui link care este ascuns pentru cititoarele de ecran si alte
tehnologii asistive, indicand ca linkul nu este relevant pentru
utilizatorii cu dizabilitati
<a href="............." aria-current="page">.............</a>//Crearea
unui link care indica ca este linkul curent al paginii, oferind o
indicatie vizuala sau auditiva pentru utilizatori
<a href="............." aria-disabled="true">.............</a>//Crearea
unui link care este dezactivat pentru utilizatori, indicand ca linkul
nu poate fi accesat sau utilizat in prezent
<a href="............." aria-pressed="true">.............</a>//Crearea
unui link care indica ca este apasat sau activat, oferind o indicatie
vizuala sau auditiva pentru utilizatori
<a href="............." aria-expanded="true">.............</a>//Crearea
unui link care indica ca este extins sau deschis, oferind o
indicatie vizuala sau auditiva pentru utilizatori
<a href="............." aria-haspopup="true">.............</a>//Crearea
unui link care indica ca are un meniu sau o sub-meniu asociat, oferind
o indicatie vizuala sau auditiva pentru utilizatori
<a href="............." aria-label="........…..">……………</a>//Crearea
unui link care ofera o eticheta accesibila pentru utilizatorii cu
dizabilitati, cum ar fi "Link catre pagina de contact" pentru un link
care duce la o pagina de contact
<a href="............." aria-hidden="true">.............</a>//Crearea
unui link care este ascuns pentru cititoarele de ecran si alte
tehnologii asistive, indicand ca linkul nu este relevant pentru
utilizatorii cu dizabilitati
<a href="............." aria-current="page">.............</a>//Crearea
unui link care indica ca este linkul curent al paginii, oferind o
indicatie vizuala sau auditiva pentru utilizatori
<a href="............." aria-disabled="true">.............</a>//Crearea
unui link care este dezactivat pentru utilizatori, indicand ca linkul
nu poate fi accesat sau utilizat in prezent
<a href="............." aria-pressed="true">.............</a>//Crearea
unui link care indica ca este apasat sau activat, oferind o indicatie
vizuala sau auditiva pentru utilizatori
<a href="............." aria-expanded="true">.............</a>//Crearea
unui link care indica ca este extins sau deschis, oferind o
indicatie vizuala sau auditiva pentru utilizatori
<a href="............." aria-haspopup="true">.............</a>//Crearea
unui link care indica ca are un meniu sau o sub-meniu asociat, oferind
o indicatie vizuala sau auditiva pentru utilizatori