Cele mai utilizate coduri html

Scris de **~thereau~** Dum Iul 25, 2010 3:08 am

1.Coduri de aliniere:

Cod:: <div align="center">text</div> sau <center>text</center> - Alineaza textul la mijlocul pagini.

Cod:: <div align="left">text</div> - Alineaza textul in stanga pagini.

Cod:: <div align="right">text</div> - Alineaza textul in dreapta pagini.

2.Coduri pentru legaturi (link-uri)

Link simplu:

Cod:: <a href="link-ul dorit">text</a>

Link care deschide o fereastra tip pop-up:

Cod:: <a href="link" onClick="javascript:window.open('link', 'pop1win', 'toolbar=no scrollbars=yes,width=500,height=200')">Text</a>

Link cu imagine:

Cod:: <a href="link-ul unde vrei sa trimita imaginea"> <img src="Link-ul unde se afla imaginea" width="Aici puneti lungimea care sa o aiba imaginea (masura e in PX)" height="Aici puneti latimea care sa o aiba imaginea (masura e in PX)" alt="Aici puneti textul care doriti sa apara cand se pune cursorul pe imagine (Pentru IE)" title="Aici puneti textul care doriti sa apara cand se pune cursorul pe imagine" border="0"/></a>

Mentiune: Pnetru ca link-ul sa se deschida intr-o pagina noua trebuie sa adaugati target="_blank" exemplu:
<a href="link" target="_blank">

3.Coduri pentru miscari de texte

Cod:: <blink>text</blink> - Palpaie textul

Cod:: <marquee>Text</marquee> - se misca textul de la dreapta spre stanga

Cod:: <marquee scrollamount=1 direction="down" loop=true>text</marquee> - se misca textul de sus in jos

Cod:: <marquee scrollamount=3 direction=right loop=true behavior=alternate>text</marquee> - se misca textul dintro parte in alta

Mentiune: Aceste coduri se pot folosi si pentru imagini sau flash-uri

4.Coduri inserari imagini:

Cod:: <img src="Link-ul unde se afla imaginea" width="Aici puneti lungimea care sa o aiba imaginea (masura e in PX)" height="Aici puneti latimea care sa o aiba imaginea (masura e in PX)" alt="Aici puneti textul care doriti sa apara cand se pune cursorul pe imagine (Pentru IE)" title="Aici puneti textul care doriti sa apara cand se pune cursorul pe imagine" border="0"/>

Cod:: <img src="Link-ul unde se afla imaginea"/> - varianta simpla

5.Coduri colorare text:

Cod:: <span style="color: codul culorii dorite">Text</span>

Mentiune: O mare parte din codruile culorilor le gasiti aici: http://www.computerhope.com/htmcolor.htm

6.Coduri pentru spatiere:

Cod::   - lasa spatiu intre cuvinte <br> - trece pe un rand nou

7.Coduri pentru formatare text

Cod:: <b>text</b> - pentru scris boldat

Cod:: <i>text</i> - pentru scris cursiv

Cod:: <u>text</u> - pentru scris subliniat