1. Ce este HTML? (Hypertext Markup Language)
- Este un set de coduri logice care constituie apariţia unui document web si a informatiilor pe care le deţine. Codurile sunt scrise intre "<" (paranteza deschisa) si ">" (paranteza inchisa), cu toate ca nu sunt chiar paranteze, aşa se numesc si arata aşa: < >.
Exemplu:
<BODY> sau <DIV>
- Cele mai multe elemente (
numite si tag-uri) au un element (tag) de deschidere si un element de închidere distins prin "/" in interiorul parantezei deschise "<".
Exemplu:
<DIV> ... </DIV>
- Primul cuvânt care apare înăuntru "<" se numeşte
element sau
eticheta HTML si spune browser-ului sa facă ceva, precum <DIV>
- Cuvintele care urmeaza după element in interiorul "< >"se numesc
atribute care descriu proprietăţile elementului. Cum ar fi stilul: culoarea, mărimea, etc.
- Atributele sunt separate prin spatiu si urmate de semnul egal "=", dupa care sunt scrise, intre ghilimele (" ")
valorile atributelor.
- Astfel, o eticheta HTML poate contine elementul de identificare, atribute si valori.
-
In urmatorul exemplu elementul este DIV atributul style si valoarea "color:blue;":
<DIV style="color:blue;">Acest text va fi albastru</DIV>
2. Structura documentului HTML
- Un document (fisier) HTML este alcatuit din mai multe elemente si atributele lor.
- La început un element HTML cuprinde (înconjoară ) datele documentului. Acest element conţine doua sub-elemente principale: HEAD si BODY. In HEAD se poate adauga titlul paginii web si alte elemente numite metatag-uri, precum si scripturi JavaScript si stil-uri CSS. In BODY se adauga continutul documentului care va fi afisat in pagina web.
Exemplu:
<!DOCTYPE html>
<html>
<head>
<title>Titlu Documentului</title>
</head>
<body>
Continutul paginii
</body>
</html>
Structura generala a unui document HTML
<!DOCTYPE html>
<html>
<HEAD> Acesta are si el mai multe sub-elemente:
<TITLE> Aici se scrie titlul documentului, cat mai sugestiv, si se încheie cu
</TITLE>
<BASE> Poate fi folosit pentru a înregistra locaţia documentului in forma URL. (Necesar daca documentul nu este accesat in locaţia lui originala). Se încheie cu
</BASE>
<LINK> Indica o relaţie dintre document si alte obiecte de pe WEB. Se încheie cu
</LINK>
<META> Aici sunt scrise informaţii cum ar fi tastatura (limbaj) folosita, descrierea si cuvinte cheie care pot fi găsite de motoarele de căutare. Se încheie cu
</META>
<SCRIPT> Conţine oricare din JavaScript sau VB Script. Se încheie cu
</SCRIPT>
<STYLE> Conţine informaţii privind stilul, grafica informaţiilor care vor apărea pe pagina. Se încheie cu
</STYLE>
Aici se încheie elementele adaugate in HEAD
</HEAD>
<BODY> Etichetele HTML si continutul documentului care va fi afisat in pagina web sunt incluse in acest element. Aici pot fi puse si elemente cum ar fi:
<SCRIPT> </SCRIPT>
Se încheie cu
</BODY>
</HTML>
Un Test simplu in fiecare zi
HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce atribut e folosit in tag-ul <a> pentru adresa link-ului?
src href rel<a href="http://coursesweb.net/" title="CoursesWeb.net">CoursesWeb.net</a>
Ce proprietate CSS seteaza tipul fontului utilizat?
font-family text-decoration font-sizeh2 {
font-family:"Calibri", sans-serif;
}
Ce instructiune selecteaza toate tag-urile <div> cu class="cls"?
querySelector("div.cls") getElementsByTagName("div") querySelectorAll("div.cls")var elm_list = document.querySelectorAll("div.cls");
var nr_elms = elm_list.length; // numar elemente selectate
alert(nr_elms);
Indicati functia care returneaza suma valorilor dintr-un array.
array_sum() array_diff() array_shift()$arr =[1, 2, 3, 4);
$arr_sum = array_sum($arr);
echo $arr_sum; // 10
Indicati forma corecta a verbului "study" (a studia) la Trecutul Simplu in aceasta propozitie: "We (study) English."
studyed studys studiedWe studied English.
- Noi am studiat engleza.
Indicati forma corecta a verbului "decir" (a spune) la Prezent in aceasta propozitie: "Yo (decir) siempre la verdad."
digas digo decirYo digo siempre la verdad.
- Eu spun mereu adevarul.