Curs Html

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 <img> pentru adresa imaginii?
href src rel
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Care din aceste coduri CSS ascunde elementul in pagina?
display: none; display: inline; position: relative;
#id {
  display: none;
}
Ce instructiune opreste executia lui while() sau for() ?
continue prompt() break
for(var i = 0; i< 8; i++) {
  if(i > 1) break;
  alert(i);
}
Indicati functia utilizata pentru a crea constante.
define() include() defined()
define("CONSTANT_NAME", "value");
echo CONSTANT_NAME;
Care este forma de plural a substativului "class" (clasa)?
classes clases clasis
This school has three classes.
- Scoala asta are trei clase.
Care este pluralul substativului "voz" (voce)?
vose voze voces
Escuché dos voces.
- Am auzit doua voci.
Elemente principale HTML

Last accessed pages

  1. Verbe reflexive 1 (9603)
  2. Expresii uzuale din Limba Spaniola (A-D) (5598)
  3. Articolul din limba engleza - The article (63184)
  4. Alphabet and Pronunciation - Alfabetul si pronuntia in limba engleza (57604)
  5. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (253438)

Popular pages this month

  1. Prezentul simplu si continuu - Present Tense Simple and Continuous (1581)
  2. Exercitii engleza - English Tests and exercises - Grammar (1354)
  3. Gramatica limbii engleze - Prezentare Generala (1336)
  4. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1159)
  5. Prezentul simplu - Exercitii si teste incepatori (770)