Coduri HTML

Coduri HTML

Pentru incepatorii in HTML am facut acest post in care voi in care va voi prezenta cele mai utilizate coduri HTML, cel mai probabil ati mai vazut site-uri in care va sunt explicate codurile HTML, dar aceste coduri pot difera de la o persoana la alte, depinde de modul in care ii place sa le scrie, asa ca puteti vedea si alte coduri HTML prin alta parde deoarece ele pot diferi de la o persoana la alta.

1. Coduri pentru alinierea obiectelor in HTML:

<div style=”margin: 0 auto;”>text</div> – Aliniaza obiectele in centrul paginii.
<div align=”left”>text</div> – Aliniaza obiectele in stanga paginii.
<div align=”right”>text</div> – Aliniaza obiectele in dreapta paginii.

2. Coduri pentru link-uri in HTML:

Codul HTML de mai jos va deschide o fereastra ” Pop-up “.

<a href=”link-ul tau aicit”>text</a>
<a href=”link” onClick=”javascript:window.open(‘link’, ‘pop1win’, ‘toolbar=no scrollbars=yes,width=500,height=200′)”>Text</a>

<a href=”aici puneti link-ul catre imaginea pe care doriti sa apara”>

<img src=”puneti link-ul catre imaginea dorita, un mic exemplu: “www.site.com/imagine.jpg” width=”aici puneti latimea pozei prin PX.” height=”aici puneti inaltimea pozei” alt=”in acest loc puneti textul dorit sa apara cand puneti cursorul pe poza in Internet Explorer” title=”in acest loc puneti textul care doriti sa apara cand puneti cursorul pe imagine” border=”0″/></a>

3. Efecte pentru text in HTML:

<blink>text</blink> – adauga un efect de palpaiala a textului
<marquee>Text</marquee> – adauga un efect de miscare in stanga si in dreapta a textului
<marquee scrollamount=1 direction=”down” loop=true>text</marquee> – adauga un efect de miscare in sus si in jos al textului
<marquee scrollamount=3 direction=right loop=true behavior=alternate>text</marquee> – adauga un efect de miscare a textului dintr-o parte in alta

4. Coduri pentru adaugarea imaginilor in HTML:

<img src=”Link-ul unde se afla imaginea” width=”aici adaugati latimea imaginii (masura e in PX)” height=”aici adaugati inaltimea imaginii(masura e in PX)” alt=”aici introduceti textul care vreti sa apara cand puneti cursorul peste imagine pentru Internet Explorer” title=”aici introduceti textul care doriti sa apara cand puneti cursorul pe imagine” border=”0″/>

<img src=”link-ul de unde vreti sa apara imaginea”/> – varianta simpla a codului HTML

5. Coduri pentru culoare in HTML:

<span style=”color: codul culorii care o vreti”>Text</span>

Codurile le luati din liste de coduri dar daca doriti, puteti vedea codurile la culori vizitand urmatorul site: Generator Culor HEX.

6. Coduri pentru spatiu in HTML:

&nbsp; – lasa spatiu intre cuvintele dorite
<br> – treceti pe un nou rand

7. Coduri HTML pentru text:

<b>text</b> – scrie ingrosat
<i>text</i> – scris inclinat
<u>text</u> – subliniati textul

8. Coduri pentru adaugarii imaginii de background:

Leave a Comment