Elementele de baza in realizarea paginilor HTML
Obiectivele lectiei
. Identificarea structurii si semnificatiei tagurilor HTML
. Utilizarea unui editor pentru crearea unui document HTML
. Inserarea de comentarii in documentul HTML
. Vizualizarea unui document HTML
. Identificarea nivelelor de titlu HTML si plasarea lor in document
. Inserarea de pauze de paragraf in textele afisate de browser
Ce sunt tagurile HTML
Cand un browser deschide o pagina HTML ca cea pe care o cititi acum el
citeste un document text, si cauta coduri speciale inchise intre semnele <
si >. Structura generala a unui tag este urmatoarea:
text
De exemplu titlul de mai sus a fost formtat astfel:
Ce sunt tagurile HTML
Observatii:
. Browserul nu face diferenta intre litere mici si majuscule in taguri
. Daca sintaxa nu este respectata browserul ignora pur si simplu tagul
Structura unui document HTML
Exemplul de mai jos prezinta un document HTML simplu:
Primul HTML
In aceasta lectie invatam lucrurile de baza despre HTML-uri
Prima linie reprezinta o specificatie tehnica (se poate omite)
Tot documentul este inchis intre tagurile: si
Documentul contine doua parti: partea de inceput (head) si corpul propriu
zis (body), inchise intre tagurile: si respectiv si
In document se pot introduce comentarii (care nu vor fi afisate de
browser). Comentariile se inchid intre:
Tagul text este localizat in partea de inceput (head)
Rolul tagului titlu este sa identifice unic un document si este afisat de
browser pe bara de titlu a browserului.
Exercitii:
1. Editati intr-un editor text exemplul de mai sus.
2. Salvati fisierul cu extensia htm
3. Deschideti un browser (Internet Explorer sau Netscape Navigator)
4. Incarcati documentul salvat in browser si analizati modul in care sunt
citite tagurile de catre browser
5. Reveniti in fereastra de editare si modificati textul scris
6. Repetati operatiile de la punctele 2-4
Titlurile in documentul HTML
Titlurile in document se introduc marcate de tagurile si , unde
cifra 1 poate fi inlocuita de cifrele 2, 3, 4, 5 si 6. Exista 6 nivele de
titluri in document. Exemplul de mai jos prezinta tagurile de tilu si
efectul lor:
Acesta este un titlu
Acesta este un titlu
Acesta este un titlu
Acesta este un titlu
Acesta este un titlu
Acesta este un titlu
Ceea ce o sa fie vizibil in browser arata astfel:
Acesta este un titlu
Acesta este un titlu
Acesta este un titlu
Acesta este un titlu
Acesta este un titlu
Acesta este un titlu
Observatie: M |