Pagina de start a forumului www.XPeriment-Esuat.piczo.com FORUM!  
FAQ Cautare
Membri Grupuri
Profil Mesaje private
Inregistrare Autentificare
Tutorial pentru incepatori in HTML
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului www.XPeriment-Esuat.piczo.com FORUM! Sfaturi Web-Design
Subiectul anterior :: Subiectul urmator  
Autor Mesaj
ApocalyipsE
Administrator
Administrator
ApocalyipsE

Data inscrierii: 05/Sep/2007
Mesaje: 11
MesajTrimis: 06/09/2007 14:17    Titlul subiectului: Tutorial pentru incepatori in HTML Raspunde cu citat (quote)
Bazele codului HTML



1.Schimbarea fontului in text :
Cod:
<font face="font-ul tau">Textul tau</font>
De exemplu: <font face="Comic Sans MS">ApocalyipsE</font>


2.Schimbarea nuanței textului :
Cod:
<font color="Culoarea fontului tau">Textul tau</font>
De exemplu: <font color="Red">ApocalyipsE</font>


3.Schimbarea marimii textului :
Cod:
<font size="Marimea textului">textul tau</font>
De exemplu <font size="2">ApocalyipsE</font>


4.Ingrosarea , sublinierea , inclinarea si "taierea" textului
Pentru ingrosare se va folosi
Cod:
<b>Text</b>
Unde Text va fi textul utilizat de tine

Pentru subliniere se va folosi
Cod:
<u>Text</u>


Pentru inclinare se va folosi
Cod:
<i>Text</i>


Pentru "taierea" textului se va folosi
Cod:
<s>Text</s>


5. Adaugarea unui nou rand
Cod:
primul text<br>al 2-lea text


6. Adaugarea unui nou paragraf
Cod:
primul text<p>al 2-lea text


7.Adaugare Link in HTML
Cod:
<a href="Link-ul site-ului">Textul pe care il doriti</a>
De exemplu <a href="http://xperiment-esuat.myforum.ro/">Click aici pt a intra pe forumul meu</a>


8.Text Link care se deschide intr-un nou tab sau o noua fereastra:
Cod:
<a href="site url" target="_blank">Textul dorit </a>


9.Pt. a face o poza un link :
Cod:
<a href="site url"><img src="image url"></a>



Atat deocamdata sper sa va fie folositor

Sa traiti bine!:drunk:
_________________
Tutorial pentru incepatori in HTML Tutorial pentru incepatori in HTML

The world is an infected place!
Vezi profilul utilizatorului Trimite mesaj privat
Blood_Lov3r
Junior
Junior
Blood_Lov3r

Data inscrierii: 05/Sep/2007
Mesaje: 25
MesajTrimis: 06/09/2007 22:43    Titlul subiectului: Raspunde cu citat (quote)
Permite-mi sa completez, ApocalyipsE!

10.Aliniere:

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


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


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


Mentiune: Aceste coduri se pot utiliza si pentru imagini sau flash-uri

11.Legaturi (link-uri)

Link care deschide o fereastra tip pop-up:
Cod:
Cod:
<a href="link" onClick="javascript:window.open('link', 'pop1win', 'toolbar=no scrollbars=yes,width=500,height=200')">Text</a>


Link cu imagine:
Cod:
Cod:
<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 fotografie (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:
Cod:
<a href="link" target="_blank">


12.Miscari de texte

Cod:
Cod:
<blink>text</blink> - Palpaie textul



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



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



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

13.Inserari imagini:(modalitate mai grea)

Cod:
Cod:
<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 poză (Pentru IE)" title="Aici puneti textul care doriti sa apara cand se pune cursorul pe imagine" border="0"/>


14.Colorare text:

Cod:
Cod:
<span style="color: codul culorilor dorite">Text</span>


15.Spatiere:

Cod:
Cod:
&nbsp; - lasa spatiu intre cuvinte 



Edit by ApocalyipsE : Anumite coduri au fost rearatate , din cauza neatentiei de care ai dat dovada. Acele coduri au fost sterse , insa ai calcat Prima Regula a forumului :
Citat:
1. Niciodata nu postati link-uri care duc catre alte site-uri forum sau site-uri doamne fereste - site-uri malware ( primiti IP-Ban pt site-uri malware ) iar pt alte site-uri warning! Exceptie fac link-urile de vanatoare : Bitefight , Gladiatus, OGame, Dark Pirates , Monstersgame etc Smile !
Iti fac "cadou" un warn!
_________________
Tutorial pentru incepatori in HTML Tutorial pentru incepatori in HTML
[url]http://s2.bitefight.ro/c.php?uid=17188[/url]
Vezi profilul utilizatorului Trimite mesaj privat
Blood_Lov3r
Junior
Junior
Blood_Lov3r

Data inscrierii: 05/Sep/2007
Mesaje: 25
MesajTrimis: 07/09/2007 15:01    Titlul subiectului: Raspunde cu citat (quote)
16.Lucrul cu tabele
Exemplu de tabel:
Cod:
Cod:
<table>
<tr>
 <td>Text</td>
</tr>
</table>



Un tabel incepe cu tag-ul <table> si se termina cu </table>. Tag-ul <tr> introduce o linie noua in tabel, iar tag-ul <td> o coloana noua in linia respectiva.

17.Alte coduri de formatare text:
Cod:
<del>text taiat</del> text taiat
<sup>exponent</sup> exponent
<sub>indice</sub> indice
<tt>caractere monospatiate</tt> caractere monospatiate
<cite>Citat</cite> Citat
<em>evidentiat</em> evidentiat
<code>text scris la tastatura</code> text continand cod de computer
<kbd>text scris la tastatura</kbd> text scris la tastatura
<samp>mostra de cod de computer</samp> mostra de cod de computer
<strong>text ingrosat</strong> text ingrosat
<big>mare</big> mare
<small>mic</small> mic
<div align="center">text aliniat pe centru</div> text aliniat pe centru
<div align="left">text aliniat la stanga</div> text aliniat la stanga
<div align="right">text aliniat la dreapta</div> text aliniat la dreapta
<h1>Titlu 1</h1> Titlu 1
<h2>Titlu 2</h2> Titlu 2
<h3>Titlu 3</h3> Titlu 3
<h4>Titlu 4</h4> Titlu 4
<h5>Titlu 5</h5> Titlu 5
<h6>Titlu 6</h6> Titlu 6


18.Liste
a.neordonata

HTML Afisare
Exemple de fructe:
Cod:
<ul>
<li>mere</li>
<li>pere</li>
<li>struguri</li>
</ul> 


    Exemple de fructe:
    mere
    pere
    struguri


b. ordonata
Exemple de combustibili:
Cod:
<ol>
<li>benzina</li>
<li>motorina</li>
<li>gaz lichefiat</li>
</ol> 


[list=]Exemple de combustibili:
benzina
motorina
gaz lichefiat[/list]

19.Sunete
Cod:
<a href="1.mid">fisier sunet</a>


20.Video

Cod:
<a href="1.avi">fisier video</a>


Cam astea au fost codurile html de baza:)

Tutorial creat de ApocalyipsE
& Blood_Lov3r
p.s.: Mersi pentru cadoul de "warn"
_________________
Tutorial pentru incepatori in HTML Tutorial pentru incepatori in HTML
[url]http://s2.bitefight.ro/c.php?uid=17188[/url]
Vezi profilul utilizatorului Trimite mesaj privat
Afiseaza mesajele pentru a le previzualiza:   
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului www.XPeriment-Esuat.piczo.com FORUM! Sfaturi Web-Design Ora este GMT + 3 ore
Pagina 1 din 1

 
Mergi direct la:  
Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum
ezHyperShadow template - a boo design Original ezHyperShadow theme by boo ©2004 www.ez-life.net
Powered by phpBB © 2001, 2002 phpBB Group
Fa-ti si tu propriul forum GRATUIT, pe www.myforum.ro