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 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>
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.
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>
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...
<marquee scrollamount="25" behavior="slide">HTML Maquee - Scroll amount= 25 , behavior = slide</marquee>
<marquee bgcolor="#00FF00" behavior="scroll">HTML marquee - Behavior = scroll , bgcolor =#00FF00 </marquee>
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>
<marquee direction="right">HTML marquee Direction = right</marquee>
<marquee scrollamount="30" loop="3">HTML marquee SCROLLAMOUNT = 30, LOOP = 2</marquee>
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>
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>
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 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.
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 :
Da si tu un like
Tweet
Daca ti-a fost folositor acest tutorial/articol, poti copia urmatorul cod pe pagina ta