M-am hotarat sa pasesc in lumea webdesign. Dupa multe lecturi pe internet si dupa cum am fost sfatuita, am ales HTML, Dreamweaver si Adobe Photoshop pentru ca este mai usor. Pasii sunt multi, marunti si greu de parcurs si am decis ca fiecare lectie pe care o voi invata si fiecare tutorial pe care-l voi face o sa-l prezint aici din doua motive:
1. Repetitia este mama invataturii, repetand voi retine mai bine.
2. Poate acest blog facut in pasi marunti va mai ajuta pe cineva.
Voi incepe sa invat bazele HTML-ului in Notepad dupa care voi trece la Dreamweaver
Cine doreste sa invete pas cu pas cu mine este binevenita (binevenit)

Lectia 2 : Tag-urile pereche

Pentru a face o pagina trebuie sa avem ce sa aratam :) asa ca vom incepe cu Tag-urile

Tag-urile nu sunt 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: (<HTML> si </HTML>; <TITLE> si </TITLE>; <HEAD> si </HEAD>; )
TAG-URI SINGULARE (nu au un tag de incheiere) Exemple: (<HR>, <BR>.)

Deocamdata sa vedem TAG-URILE DE BAZA pe care trebuie sa le contina un document HTML


(<HTML>) - 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.

(<HEAD>) - 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 parcurs (deocamdata o sa punem doar un titlu)

(</HEAD> )- acesta este tag-ul de incheiere al tag-ului (<HEAD> )

(<TITLE>) - cu ajutorul acestei perechi de tag-uri vei putea da un titlu documentului tau. Astfel, textul pe care il vei scrie intre aceste tag-uri va fi afisat in bara de titlu a documentului.

(</TITLE>) - este tag-ul de încheiere al tag-ului <TITLE>. Arata sfarsitul titlului documentului.

(<BODY>) - odata cu acest tag incepe continutul paginii web. Tot ce vei scrie intre tag-urile <BODY> si </BODY> va fi afisat, de catre browser, pe ecranul monitorului (putem sa-l numim si corpul paginii pentru ca tot ce este scris intre BODY va aparea pe pagina)

(</BODY>) - ii spui browser-ului ca ai terminat de scris continutul paginii. Tot ceea ce vei scrie dupa acest tag nu va mai fi afisat.

(</HTML>) - este tag-ul de încheiere al tag-ului <HTML>. Codul oricarui document se termina cu acest tag.


Tagurile de inchidere sunt la fel ca cele de deschidere numai ca au un / in fata.

Tag-urile (etichetele) pot fi scrise atat cu litere mari cat si cu litere mici.

Atentie!

Nu uita atunci cand scrii codul unei pagini web sa inchizi toate tag-urile pe care le-ai deschis. Pentru a fi sigur ca nu uiti incearca sa te obisnuiesti sa scrii dupa fiecare tag si tag-ul de incheiere (la tag-urile pereche), scriind apoi continutul intre ele.
 O alta solutie pentru a nu uita sa inchizi vreun tag, este sa folosesti la scrierea codului, un editor HTML (atunci cand vrei sa folosesti un tag, editorul va scrie automat si tag-ul de incheiere).

Deschid Notepad si scriu:

<HTML>
<HEAD>
<TITLE>Tutorial</TITLE>
</HEAD>
<BODY>
Prima incercare
</BODY>
</HTML>

Dau save as, aleg directorul unde sa salvez, numesc documentul ,,Tutorial HTML" pun extensia .html si salvez
Am creat o pagina cu numele ,,Tutorial" si cu continutul ,,Prima incercare"
Aceasta este prima mea pagina :)

Pentru tag-uri voi dedica o pagina separata (cum voi intalni un tag al voi adauga acolo)