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 - 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 : 23
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