Skilled Gaming

Design/Web/Programming/IT => HTML => Developing => Tutoriale/Tutorials => Topic started by: 3xTaSY on 02 February 2013, 21:24:14

Title: [TUT]Cele mai utilizate coduri HTML
Post by: 3xTaSY on 02 February 2013, 21:24:14

1.Coduri de aliniere:

Code: [Select]

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

Code: [Select]

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

Code: [Select]

<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: [Select]

<a href="link-ul dorit">text</a>
Link care deschide o fereastra tip pop-up:

Code: [Select]

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

Code: [Select]

<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

Code: [Select]

<blink>text</blink> - Palpaie textul

Code: [Select]

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

Code: [Select]

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


Code: [Select]

<marquee scrollamount=3 direction=right loop=true behavior=alternate>text</marquee> - se misca textul dintro parte in altaMentiune: Aceste coduri se pot folosi si pentru imagini sau flash-uri

4.Coduri inserari imagini:

Code: [Select]

<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: [Select]

<img src="Link-ul unde se afla imaginea"/> - varianta simpla
5.Coduri colorare text:

Code: [Select]

<span style="color: codul culorii dorite">Text</span>Mentiune: O mare parte din codruile culorilor le gasiti aici: http://www.computerhope.com/htmcolor.htm (http://www.computerhope.com/htmcolor.htm)

6.Coduri pentru spatiere:

Code: [Select]

  - lasa spatiu intre cuvinte
<br /> - trece pe un rand nou
7.Coduri pentru formatare text

Code: [Select]

<b>text</b> - pentru scris ingrosat

Code: [Select]

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

Code: [Select]

<u>text</u> - pentru scris subliniat
Sper sa va fie de ajutor :grin:

Title: Re: Cele mai utilizate coduri HTML
Post by: []Wozzie[] on 02 February 2013, 21:26:16

Foarte interesant in primul rand si folositor accest tutorial , mai demult am folosit foarte mult HTML dar m-am lasat.

Title: Re: Cele mai utilizate coduri HTML
Post by: 3xTaSY on 02 February 2013, 21:38:23

Codurile HTML sunt simple :grin:
Trebuie doar sa nu te lasi de asta si le vei tine minte pe viata  :grin:

Title: Re: Cele mai utilizate coduri HTML
Post by: IstuntmanI on 02 February 2013, 23:43:20

Ca sa faci un rand nou e bine si <br>, dar va genera o eroare/warn in background, nu grava, cel mai bine, fara pic de eroare/warn este <br />.

Destul de folositor.

Title: Re: Cele mai utilizate coduri HTML
Post by: BOT Cody on 06 February 2013, 21:14:21

interesant ms xD

Title: Re: Cele mai utilizate coduri HTML
Post by: 3xTaSY on 09 February 2013, 18:49:35

Quote from: ![]stuntman[]! on 02 February 2013, 23:43:20

Ca sa faci un rand nou e bine si <br>, dar va genera o eroare/warn in background, nu grava, cel mai bine, fara pic de eroare/warn este <br />.

Destul de folositor.

Multumesc  :grin:
Am stat vreo 30 de minute sa fac acest tutorial  :smiley: