LECTIA 3 - Notiuni de baza

In aceasta lectie invatam despre elementele de baza care alcatuiesc si se gasesc pe fiecare pagina web.

• HTML HEADINGS ( titluri html )
• HTML PARAGRAPHS ( paragrafe html )
• HTML LINKS ( link-uri html )
• HTML IMAGES ( imagini html )

1. Html headings
Dimensiunea acestor marcatoare de titlu este intre <h1> si <h6>. Adica, cu cat valoarea lui "h" este mai mare cu atat textul titlului va fi afisat de catre browser mai mic. <h1> Este dimensiunea cea mai mare iar <h6> cea mai mica.

<h1> Acesta este un titlu </h1>
<h2> Acesta este un titlu </h2>
<h3> Acesta este un titlu </h3>

2. Html paragraphs
<p> Paragrafele sunt folosite deobicei ( nu este nimic "batut in cuie" ) dupa un <h1> titlu </h1> </p>.

<h1> Titlul unui articol </h1>
<p> Acesta este un paragraf </p>

2. Html links
Folosirea legaturilor ( links ) sunt vitale intr-o pagina web sau intr-un site. Folosim aceste link-uri pentru a face legaturi interne intre diverse pagini sau externe catre alte site-uri, imagini etc.

<a href="http://www.despre-web.blogspot.ro">Acesta este un link catre blogul despre web</a>

3. Html images
Imaginile html sunt definite de tag-ul <img>. Folosim aceste imagini pentru a face o pagina web sa arate mai bine, pentru a ne referi la un articol intr-un mod mai placut ochiului sau pur si simplu pentru a face un eveniment public.

<img src="images.jpg" alt="despre web" width="230" height="120">

In exemplul de mai sus apar si cateva atribute html despre care vom vorbi in lectiile viitoare.