Formatare text – Cele mai utilizate coduri html
Formatare text – Cele mai utilizate coduri html
1.Coduri de aliniere:
Code:
<div align=”center”>text</div> sau <center>text</center> – Aliniaza textul la mijlocul pagini.
Code:
<div align=”left”>text</div> – Aliniaza textul in stanga paginii.
Code:
<div align=”right”>text</div> – Aliniaza textul in dreapta paginii.
Mentiune: Aceste coduri se pot folosi si pentru imagini sau flash-uri
2.Coduri pentru legaturi (link-uri)
Link simplu:
Code:
<a href=”link-ul dorit”>text</a>
Link care deschide o fereastra tip pop-up:
Code:
<a href=”link”
onClick=”javascript:window.open(’link’, ‘pop1win’, ‘toolbar=no
scrollbars=yes,width=500,height=200′)”>Text</a>
onClick=”javascript:window.open(’link’, ‘pop1win’, ‘toolbar=no
scrollbars=yes,width=500,height=200′)”>Text</a>
Link cu imagine:
Code:
<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: Pentru 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
Code:
<blink>text</blink> – Palpaie textul
Code:
<marquee>Text</marquee> – se misca textul de la dreapta spre stanga
Code:
<marquee scrollamount=1 direction=”down” loop=true>text</marquee> – se misca textul de sus in jos
Code:
<marquee scrollamount=3 direction=right loop=true behavior=alternate>text</marquee> – se misca textul dintr-o parte in alta
Mentiune: Aceste coduri se pot folosi si pentru imagini sau flash-uri
4.Coduri inserari imagini:
Code:
<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″/>
Code:
<img src=”Link-ul unde se afla imaginea”/> – varianta simpla
5.Coduri colorare text:
Code:
<span style=”color: codul culorii dorite”>Text</span>
6.Coduri pentru spatiere:
Code:
– lasa spatiu intre cuvinte
<br> – trece pe un rand nou
7.Coduri pentru formatare text
Code:
<b>text</b> – pentru scris boldat
Code:
<i>text</i> – pentru scris cursiv
Code:
<u>text</u> – pentru scris subliniat