Cursuri: Totul despre limbajul HTML

Lectia 1: Introducere


In aceasta prima lectie vei invata ce este limbajul HTML, la ce iti poate fi de folos, precum si ce ar trebui sa stii inainte de a trece la invatarea acestui limbaj.

Ce este limbajul HTML?
HTML este prescurtarea de la Hypertext Markup Language, ceea ce reprezinta de fapt limbajul pe care browserele de internet il inteleg si cu ajutorul lui pot fi afisate paginile web. Limbajul HTML nu este greu de invatat, asa cum te vei putea convinge din acest curs. Este de ajuns sa cunosti tag-urile de baza ale acestui limbaj (vom vedea mai incolo ce inseamna aceste tag-uri) pentru a putea crea o pagina web.


Pentru aceasta trebuie sa exersezi cat mai mult, incepand cu exemplele din cadrul cursului „HTML pe intelesul tuturor”, sa scrii tu codul pentru fiecare exemplu. In felul acesta vei dobandi foarte repede cunostintele de baza, care te vor ajuta sa creezi pagini web din ce in ce mai performante.

De ce trebuie sa invat HTML?
Asa cum spuneam, desi exista mai multe programe care au grija de codul HTML atunci cand faci o pagina web, pentru a usura folosirea lor este nevoie de cel putin cateva notiuni elementare de HTML.

Aceste programe se numesc editoare HTML si pot fi de doua tipuri: editoare clasice si editoare de tipul WYSIWYG (What You See Is What You Get, care se traduce prin ceea ce vezi este ceea ce obtii). In cazul celei de-a doua categorii de editoare HTML, utilizatorii nu trebuie decat sa se ocupe de partea grafica, de asezarea in pagina etc., scrierea codului HTML ramanand in seama acestor programe. O observatie demna de luat in seama este si aceea ca cele mai bune editoare HTML nu sunt gratuite.

Sfatul meu este ca pentru realizarea paginilor web sa folosesti un editor HTML, care iti este cel mai de folos, dar numai atunci cand te vei familiariza cu limbajul HTML.

In concluzie, invatarea limbajului HTML are trei mari avantaje:
• este foarte simpla si nu necesita mult timp
• ofera controlul absolut asupra realizarii paginii web
• poti folosi in cadrul paginilor pe care le vei realiza secvente de cod HTML "imprumutate" de la alte pagini web (pentru a vedea codul sursa al unei pagini web, in Internet Explorer intra in meniul View si apoi selecteaza Source)

Pentru a intra in posesia editoarelor HTML sau a variantelor demo ale editoarelor profesionale, le poti descarca de pe internet, dar daca nu ai o conexiune buna la internet, le poti gasi si pe CD-urile revistelor de IT.

Ce trebuie sa stiu pentru a ma apuca sa invat HTML?
Invatarea limbajului HTML este foarte usoara, nu ai nevoie decat de urmatoarele:
• sa stii sa utilizezi un editor de text (ex: Notepad etc.)
• sa ai cel putin un browser de internet (ex: Mozilla Firefox, Opera Browser, Internet Explorer etc.)
• sa-ti faci un pic de timp liber (de exemplu o jumatate de ora pe zi), pentru a urma cursul de fata si pentru a scrie tu fiecare exemplu pe care-l vei intalni aici

Acum la sfarsitul primei lectii a cursului, este cazul sa-ti pui cel putin urmatoarele doua intrebari: Vreau sa invat limbajul HTML? Ma va ajuta cu ceva daca o sa stiu sa fac pagini web folosind HTML?

Lectia urmatoare: Structura unui document HTML

Lectia2: Structura unui document HTML


In cadrul acestei lectii vei realiza primul document HTML, adica prima pagina web.

Despre tag-uri
Tag-urile nu sunt altceva decat niste marcaje sau etichete pe care limbajul HTML le foloseste alaturi de texte pentru a ajuta browser-ul de internet sa afiseze corect continutul paginii web.
Aceste tag-uri (etichete) pot fi de doua feluri:
- tag-uri pereche (un tag de inceput si unul de incheiere). Exemple:
Cod:
si
Cod:
;
Cod:
etc.
- tag-uri singulare (nu au un tag de incheiere) Exemple:
Cod:

---

,
Cod:



Sa vedem tag-urile de baza pe care trebuie sa le contina un document HTML:


Cod:
- cu acest tag incepe orice document HTML. Prin folosirea acestui tag ii spunem browser-ului ca este vorba de un fisier HTML pentru a il putea afisa.


Cod:
- intre aceste tag-uri sunt trecute, pe langa titlul paginii, diverse informatii folositoare pentru browser-ul de internet, informatii pe care le vom descoperi pe parcursul acestui curs.


Cod:
- acesta este tag-ul de incheiere al tag-ului
Cod:


Cod:
- este tag-ul de încheiere al tag-ului