Lectia 1 HTML

HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web.
Paginile HTML sunt formate din etichete sau tag-uri si au extensia .html sau .htm. In marea lor majoritate aceste etichete sunt pereche, una de deschidere <eticheta> si alta de inchidere </eticheta>. browserul interpreteaza aceste etichete afisand rezultatul pe ecran. HTML-ul nu este un limbaj case sensitiv (nu face deosebirea intre litere mici si mari).

Pagina principala a unui domeniu este fisierul index.html. Aceasta pagina este setata a fi afisata automat la vizitarea unui domeniu.
De exemplu la vizitarea domeniului www.nume.ro este afisata pagina www.nume.ro/index.html.

Unele etichete permit întrebuințarea de semne care pot avea anumite valori:
<eticheta> ... </eticheta>

Componenta unui document HTML este:
1. versiunea HTML a documentului
2. zona head cu etichetele <head> </head>
3. zona body cu etichetele <body> </body> sau <frameset> </frameset>

Versiunea HTML poate fi:
HTML 4.01 Strict
<DOCTYPE>
HTML 4.01 TrANSItional
<DOCTYPE>
HTML 4.01 Frameset
<DOCTYPE>

Toate paginile HTML incep si se termina cu etichetele <html> si </html>.
In interiorul acestor etichete gasim perechile <head>, </head> si <body>, </body>.

head contine titlul paginii intre etichetele <title> si </title>, descrieri de tip <meta>, stiluri pentru formatarea textului, scripturi si linkuri catre fisiere externe (de exemplu scripturi, fisiere de tip CSS sau favicon).

Etichetele de tip meta contin cuvinte cheie, descrierea paginii, date despre autor, informatii utile motoarelor de cautare si au urmatorul format:
<META>

Exemplu: link catre un fisier extern CSS:
<link>

body gazduieste practic toate etichetele afisate de browser pe ecran.

Exemplu: o pagina HTML cu titlul Exemplu iar continutul Continut pagina
<html>
<head>
<title>Titlu</title>
</head>
<body>
Continut pagina
</body>
</html>

----------------------------------------------------------------------------------------------------------------------------------
Exemplu:

<form>
method="post">
Nume:<input>
Prenume:<input><br> la care "br" adik breake trece la urmatoarea linie ca si cu am apasa tasta Space cand scriem un txt
<input>
<input>
</form>
-----------------------------------------
Eticheta <input> poate avea atributele:
type - indica tipul datelor care vor fi introduse (text=text, submit=trimite, reset=sterge,
password=parola, hidden=nu este vizibil, checkbox=caseta de validare, button=buton,
radio=selectarea unui solitar element dintr-un grup, file=fisier pentru upload)
name - numele asociat cimpului respectiv. Este folosit la prelucrarea datelor de catre
scriptul mentionat in action
size - numarul de caractere vizibile din camp
maxlenght - numarul maxim de caractere introduse in camp
readonly - datele prezente in camp nu pot fi modificate
Exemplu:http://files-upload.com/files/593065/exmplu.html
-------------------------------------------------------------------------------------------------------
<form>
Nume:<input>
Prenume:<input><br>
Telefon:<input><br>
Fax:<input><br>
Email:<input><br>
Sexul: Masculin<input> Feminin<input>
---------------------------------------------------------------------------------
Studii: <select> <option>Scoala profesionala <option>Liceu <option>Facultate </select>

Accesati internetul de la:
Serviciu<input>
Acasa<input>
Internet cafe<input>

Fisier: <input>

Observatii:<textarea></textarea>

<input><input>
</form>

To Be Continued...........