Home
De ce un curs de web?
Introducere in HTML
Primul HTML
Editoare HTML
Tagurile HTML
Elementele de baza Formatarea
Grafica
Legaturi
Caractere
speciale
Preformatarea
Tabele
Frame-uri
Java script, Java applets
Servere de web
Design de web
Dezvoltare de web
Proiecte
Evaluare
Resurse
Elementele de baza
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:
<nume_tag>text</nume_tag>
De exemplu titlul de mai sus a fost formtat astfel:
<h3>Ce sunt tagurile HTML</h3>
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:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Primul HTML</title>
<!-- header info used to contain extra information about
this document, not displayed on the page -->
</head>
<body>
<!-- all the HTML for display -->
In aceasta lectie invatam lucrurile de baza despre HTML-uri
</body>
</html>
Prima linie reprezinta o specificatie tehnica (se poate omite)
Tot documentul este inchis intre tagurile: <html> si </html>
Documentul contine doua parti: partea de inceput (head) si corpul propriu
zis (body), inchise intre tagurile: <head> si </head> respectiv
<body> si </body>
In document se pot introduce comentarii (care nu vor fi afisate de browser).
Comentariile se inchid intre: <!-- si -->
Tagul <title>text</title> 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:
- Editati intr-un editor text exemplul de mai sus.
- Salvati fisierul cu extensia htm
- Deschideti un browser (Internet Explorer sau Netscape Navigator)
- Incarcati documentul salvat in browser si analizati modul in care sunt citite tagurile de catre browser
- Reveniti in fereastra de editare si modificati textul scris
- Repetati operatiile de la punctele 2-4
Titlurile in documentul HTML
Titlurile in document se introduc marcate de tagurile <h1> si </h1>, 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:
<h1>Acesta este un titlu</h1>
<h2>Acesta este un titlu</h2>
<h3>Acesta este un titlu</h3>
<h4>Acesta este un titlu</h4>
<h5>Acesta este un titlu</h5>
<h6>Acesta este un titlu</h6>
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: Modul in care un calculator sau altul afiseaza titlurile depinde de setarile browserului. Un browser pote afisa H1 de 36 altul de 24.
Paragrafele (tagurile <p> si <br>)
Tagul pentru inserarea unui paragraf este <p> Se poate omite tagul de inchidere </p>
Cand browserul intilneste acest tag, insereaza o linie libera si incepe un nou paragraf.
Daca nu doriti sa inserati si o linie libera puteti utiliza tagul <br>
Alte elemente structurale
Se pot utiliza si alte taguri structurale sau atribute ale tagurilor:1. Tagul de aliniere a titlurilor <h1 align=left|center|right>titlu aliniat</h1> cu optiunea center are efectul de mai jos
aliniere centarta
Exercitii:
- Redactati un document HTML in care sa folositi cele 6 tipuri de titluri si separatoarele de paragrafe. Aliniati titlurile in diferite moduri.
- Salvati documentul HTML
- Vizualizati-l cu un browser.