Coduri HTML pentru texte si imagini

Vezi subiectul anterior Vezi subiectul urmator In jos

Coduri HTML pentru texte si imagini

Mesaj Scris de Lucky13 la data de Mier 19 Dec 2007 - 21:18

Coduri HTML pentru texte si imagini

Mai jos va voi prezenta o lista cu diferite coduri HTML pentru texte si imagini, care va pot fi utile in diverse situatii.

Coduri pentru link-uri:
- Deschide legatura in aceeasi fila de browser:
Cod:
<a href="link">text</a>
- Deschide legatura intr-o fila noua:
Cod:
<a href="link" target="_blank">text</a>
- Legatura cu descriere:
Cod:
<a href="link" title="Descriere">text</a>
* Descrierea va aparea cand veti trece cu sageata mouse-ului peste textul link-ului

- Legatura cu imagine:
Cod:
<a href="link"><img src="imagine"></a>

Coduri pentru a insera imagini:
- Cod simplu (fara optiuni suplimentare):
Cod:
<img src="imagine">
- Cod imagine cu modificarea marimilor/dimensiunilor:
Cod:
<img src="imagine" width="latime" height="inaltime">
- Cod imagine cu o descriere:
Cod:
<img src="imagine" title="Descriere">
* Descrierea va aparea cand veti trece cu sageata mouse-ului peste textul imaginii

Coduri pentru aliniere:
- Aliniaza textul la mijlocul paginii:
Cod:
<div align="center">text</div>
sau:
Cod:
<center>text</center>
- Aliniaza textul in stanga paginii:
Cod:
<div align="left">text</div>
- Aliniaza textul in dreapta paginii:
Cod:
<div align="right">text</div>

Coduri pentru a decora textele:
- Culoare text:
Cod:
<font color="blue">Text albastru</font>
- Alegere font pentru text:
Cod:
<font face="Verdana">Text scris cu font-ul Verdana</font>
- Marime text:
Cod:
<div style="font-size: 16px;">Text cu marimea de 16 pixeli</div>
- Text sub forma de putere:
Cod:
Doi plus doi la puterea a doua: 2+2<sup>2</sup>
- Text sub forma de indice:
Cod:
Formula chimica H2O: H<sub>2</sub>O
- Palpaie textul:
Cod:
<blink>text</blink>
sau:
Cod:
<div style="text-decoration: blink;">text</div>
* Aceste doua coduri nu sunt compatibile pe browserele Internet Explorer, Google Chrome sau Safari

- Text taiat:
Cod:
<div style="text-decoration: line-through;">text</div>
- Text subliniat:
Cod:
<div style="text-decoration: underline;">text</div>
- Text cu linie deasupra:
Cod:
<div style="text-decoration: overline;">text</div>
- Text ingrosat:
Cod:
<strong>text</strong>
- Text culcat:
Cod:
<i>text</i>
- Text care se misca (de sus in jos):
Cod:
<marquee direction="down">text</marquee>
- Text care se misca (de la stanga la dreapta):
Cod:
<marquee direction="right">text</marquee>

Coduri pentru spatiere:
- Adauga spatiu intre cuvinte:
Cod:
text 1 & nbsp; & nbsp; & nbsp; text2
* Pentru functionarea corecta a codului va rugam sa eliminati spatiile dintre "&" si "n"

- Salt rand:
Cod:
text1<br>text2


Acest tutorial a fost scris de Lucky13, modificat si completat de SGSS
Ultima actualizare: 20.01.2013

Copyright ˆForumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.

Lucky13
Membru Forumgratuit

masculin

Mesaje : 41
Varsta : 24
Localizare : Bucuresti
Data de inscriere : 18/12/2007
Multumiri : 0
Niciun avertisment

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum