principalele coduri html pentru incepatori

dany · Administrator Data inscrierii: 06/Iun/2008 Mesaje: 4

Cele mai utilizate coduri html

1.Coduri de aliniere:

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

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

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

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>

Link cu imagine:
Code:
<a href="link-ul unde vrei sa trimita imaginea">
<img src="Link-ul unde se afla imaginea" width="Aici puneti mărimea 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

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 dintro 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>

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

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

tabernaculum · Trimis: 14/07/2012 10:15 Titlul subiectului:

How cool is that!

tabernaculum · Trimis: 16/07/2012 02:53 Titlul subiectului:

This post is for real smart people! Thanks.

tabernaculum · Trimis: 17/07/2012 15:37 Titlul subiectului:

It's much esiear to understand when you put it that way!

misanchik · Trimis: 02/08/2012 07:28 Titlul subiectului:

This post is for real smart people! Thanks.