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.

ghid HTML, curs html pentru incepatori
Autor :   Mihail Alin
Important!! : Textul si imaginile continute in acest curs sunt propietatea Rotuts.com si nu pot fi copiate/refolosite pe alte pagini/e-books fara acordul nostru.

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 ghid html, curs html pentru incepatori

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 :) invata html,html pentru incepatori

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 tutorial html pentru incepatori 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 :

download tutorial HTMl, ghid html pentru incepatori


Da si tu un like
  


Daca ti-a fost folositor acest tutorial/articol, poti copia urmatorul cod pe pagina ta

Spune-le prietenilor tai despre acest tutorial/articol
Nume:
Email:
Email-ul prietenului tau:
Mesajul:

Comenturi

0 comenturi pana acum... (posteaza si tu)

Comentarii:

Nume:

Email:

Comentariu:


 

*Intrebare de verificare : Raspunde la intrebarea din imaginea de mai jos ...

 
HINT : Raspunsul este din 6 litere, incepe cu r si se termina cu s


 


Important:
E-mailul nu va fi vizibil si NU va fi folosit de catre rotuts.com .
Nu sunt permise linkuri catre alte pagini.
Va rugam , comentariile sa ramana strict relationate cu topicul.
Comentariile considerate ofensive sau care nu au nici o legatura cu topicul vor fi sterse(trolling).

Folosirea codului HTML nu este permisa.
Puteti folosi BBcode pentru a va formata textul.