home > cursuri > ghid-html-incepatori-parte-3.php

Curs HTML ! Ghid HTML pentru incepatori ! Invata HTML

21 Martie 2011 de Mihail Alin

In aceasta parte a ghidului HTML invatam cum putem mari sau micsora textul, cum il putem centra, cum putem adauga comentarii si cum sa folosim eticheta marquee.

Daca ai intrat direct pe aceasta pagina si esti incepator , atunci, poate ar fi mai bine sa incepi aventura in lumea HTML-ului de pe acesta pagina | Prima parte a acestui Ghid HTML.

Centrarea textului in HTML

Centrarea textului se poate realiza prin mai multe metode , cea mai simpla ( in ziua de azi ) ar fi folosirea CSS , dar in acest ghid HTML, nu ne aruncam atat de departe, ramanem doar la HTML.
Pentru a centra textul in HTML, putem folosi atributul align care il ofera etichetele <h1>,<p> dandui valoarea center :

<h1 align="center">Acest header este pe mijlocul paginii cu atributul align</h1>
<p align="center">Acest paragraf este pe mijlocul paginii cu atributul align</p>
       

Dar in multe cazuri o sa va fie mult mai usor daca folositi eticheta HTML <center>, aceasta eticheta poate fi folosita pentru a centra orice element pe pagina, nu numai text ci si imagini, video-uri, etc.:

<center><p>Acest paragraf este centrat cu ajutorul etichetei <center></center></p></center>

Marimea fonturilor in HTML

Sa spunem ca am dori sa scriem un paragraf normal , iar urmatorul un pic mai mare, cum facem acest lucru ? Foarte simplu...

<p>Text de marime normala - <font size="+3">text de 3 ori mai mare ca cel normal.</font></p>

Text de marime normala - text de 3 ori mai mare ca cel normal.

La fel cu viceversa , daca dorim sa facem textul mai mic ....

<p>Text de marime normala - <font size="-2">text de 2 ori mai mic decat de cel de marime normala</font>.</p>

Text de marime normala - text de 2 ori mai mic decat de cel de marime normala.

HTML marquee - HTML scrolling text

Eticheta marquee este o eticheta HTML care face scrolling text/images.Imi aduc aminte cand eram la academie si invatam HTML, m-am dus acasa si am inceput sa "practic", am descoperit eticheta marquee, prima pagina care am facut-o avea o multime de etichete HTML marquee, pot sa spun ca acea pagina arata ingrozitor :) . Gata cu povestile, haideti sa explicam aceasta eticheta :P .

<marquee>HTML scrolling text</marquee>

HTML scrolling text

Dupa cum puteti observa este o eticheta foarte simpla , acum puteti adauga un pic de "animatie" pe paginile voastre :) .

Desigur , aceasta eticheta are atributurile ei...

• Width - latimea
• Height - inaltimea
• Direction - in ce directie ar trebui sa faca scroll
• Behavior - ce tip de scroll
• BGCOLOR - ce culoare de background ar trebui sa aiba
• SCROLLAMOUNT - viteza de scroll
• LOOP - de cate ori sa se invarta

<marquee  scrollamount="25" behavior="slide">HTML Maquee - Scroll amount= 25 , behavior = slide</marquee>

HTML Maquee - Scroll amount= 25 , behavior = slide

<marquee bgcolor="#00FF00" behavior="scroll">HTML marquee - Behavior = scroll , bgcolor =#00FF00 </marquee>

HTML marquee - Behavior = scroll , bgcolor =#00FF00

ATENTIE : Dupa cum puteti observa , culoarea de background se aplica spatiului ocupat de eticheta, nu textului

<marquee direction="up" height="70" width="200">HTMl marquee - Direction = up , height = 70, width = 200 </marquee>

HTMl marquee - Direction = up , height = 70, width = 200

<marquee direction="right">HTML marquee Direction = right</marquee>

HTML marquee Direction = right

<marquee scrollamount="30" loop="3">HTML marquee SCROLLAMOUNT = 30, LOOP = 2</marquee>

HTML marquee SCROLLAMOUNT = 30, LOOP = 3

Frumos , nu ? :)
Eticheta marquee este foarte simpla, practic putem aproape orice tip de cod HTML in ea ...

<marquee>Salutare din partea <img src="/images/titlesmall.jpg" alt="Salutare din partea Rotuts.com> </marquee>

Salutare din partea

Sau :

<marquee>Viziteaza Rotuts.com si primesti o acadea :) <a href="http://www.rotuts.com"><img src="/images/titlesmall.jpg" alt="Salutare din partea Rotuts.com></a> </marquee>

Viziteaza Rotuts.com si primesti o acadea :)

Sau chiar asa :

<p>Acest text este inainte etichetei <marquee width="200">Marquee <img src="/images/titlesmall.jpg"/></marquee> prezentata in Ghidul HTML pentru incepatori</p>

Acest text este inainte etichetei Marquee prezentata in Ghidul HTML pentru incepatori

ATENTIE : Pentru ca acest ultim exemplu sa functioneze corect , adica sa fie pe aceeasi linie cu paragraful , trebuie precizata o latime, daca nu se precizeaza, eticheta va ocupa toata latimea paginii.

Comentarii in HTML

Ca orice limbaj , HTML detine si el comentarii, acestea sunt folosite de catre designeri in mai multe scopuri, in limbajul HTML comentariile sunt in special folosite pentru a identifica anumite parti ale paginii, cum ar fi :
- Aici incepe meniul sau aici incepe footerul.
Pentru a adauga un comentariu tot ce trebuie sa faci este sa scrii urmatoarele inainte <!-- iar dupa ce ai terminat de scris, un comentariu se inchide cu -->.
Comentariile NU SUNT vizibile pe pagina, acestea pot fi vazute decat in cazul in care cineva se uita la codul sursa al paginii tale.

<!-- ACESTA ESTE UN COMENTARIU HTML -->

Gata, finalul ghidului :P . Sper ca v-a fost folositor acest ghid, bineinteles, cu HTML se pot face mult mai multe , dar acesta este ghidul incepatorului , acest curs html a fost scris pentru toti aceia care abia incep sa invete HTML , cu ajutorul acestuia nu se vor uita la limbajul HTML ca la limba chineza cand vor sa schimbe cate ceva pe pagina sau sa isi faca propia pagina .

Daca doresti sa mai citesti odata acest ghid apasa pe urmatorul link pentru prima parte a ghidului Prima parte : Ghid HTML incepatori sau pentru a doua parte : A 2-a Parte : Ghid HTML incepatori

De asemenea poti downloada fisierul HTML care contine toate exemplele folosite in acest ghid :