| Autor |
Mesaj |
OutSider
Administrator
Data inscrierii: 20/Noi/2007
Mesaje: 98
Localitate: Cybernetica |
|
 Tutorial pentru incepatorii in html |
 |
Bazele codului HTML
-Prima parte-
1.Schimbarea fontului in text :
 |
 |
<font face="font-ul tau">Textul tau</font>
De exemplu: <font face="Comic Sans MS">ApocalyipsE</font> |
2.Schimbarea culorilor textului :
|
|
<font color="Culoarea fontului tau">Textul tau</font>
De exemplu: <font color="Red">ApocalyipsE</font> |
3.Schimbarea marimii textului :
|
|
<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
|
|
<b>Text</b> |
Unde Text va fi textul întrebuințat de tine
Pentru subliniere se va folosi
|
|
<u>Text</u> |
Pentru inclinare se va folosi
|
|
<i>Text</i> |
Pentru "taierea" textului se va folosi
|
|
<s>Text</s> |
5. Adaugarea unui nou rand
|
|
primul text<br>al 2-lea text |
6. Adaugarea unui nou paragraf
|
|
primul text<p>al 2-lea text |
7.Adaugare Link in HTML
|
|
<a href="Link-ul site-ului">Textul pe care il doriti</a>
De exemplu <a href="hrrp://www.hell-helpers.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:
|
|
<a href="site url" target="_blank">Textul dorit </a> |
9.Pt. a face o poza un link :
|
|
<a href="site url"><img src="image url"></a> |
Tutorial creat de ApocalyipsE
_________________
Sunt Ex-Blood_Lov3r -ul :) |
|
| 23/12/2007 10:26 |
  |
|
OutSider
Administrator
Data inscrierii: 20/Noi/2007
Mesaje: 98
Localitate: Cybernetica |
|
| |
|
Bazele codurilor Html -partea a 2-
10.Aliniere:
|
|
<div align="center">text</div> sau <center>text</center> - Alineaza textul la mijlocul pagini. |
|
|
<div align="left">text</div> - Alineaza textul in stanga pagini. |
|
|
<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:
|
|
<a href="link" onClick="javascript:window.open('link', 'pop1win', 'toolbar=no scrollbars=yes,width=500,height=200')">Text</a> |
Link cu imagine:
|
|
<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: Pentru ca link-ul sa se deschida intr-o pagina noua trebuie sa adaugati target="_blank" exemplu:
|
|
<a href="link" target="_blank"> |
12.Miscari de texte
|
|
<blink>text</blink> - Palpaie textul |
|
|
<marquee>Text</marquee> - se misca textul de la dreapta spre stanga |
|
|
<marquee scrollamount=1 direction="down" loop=true>text</marquee> - se misca textul de sus in jos |
|
|
<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)
|
|
<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:
|
|
<span style="color: codul culorii dorite">Text</span> |
15.Spatiere:
|
|
- lasa spatiu intre cuvinte |
Tutorial creat de OutSider
_________________
Sunt Ex-Blood_Lov3r -ul :) |
|
| 23/12/2007 10:31 |
|
|
OutSider
Administrator
Data inscrierii: 20/Noi/2007
Mesaje: 98
Localitate: Cybernetica |
|
| |
|
Bazele codului html -partea 3 a-
16.Lucrul cu tabele
Exemplu de tabel:
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:
|
|
<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:
|
|
<ul>
<li>mere</li>
<li>pere</li>
<li>struguri</li>
</ul> |
Exemple de fructe:
mere
pere
struguri
b. ordonata
Exemple de combustibili:
|
|
<ol>
<li>benzina</li>
<li>motorina</li>
<li>gaz lichefiat</li>
</ol> |
[list=]Exemple de combustibili:
benzina
motorina
gaz lichefiat[/list]
19.Sunete
|
|
<a href="1.mid">fisier sunet</a> |
20.Video
|
|
<a href="1.avi">fisier video</a> |
Cam acestea au fost codurile html de baza:)
tutorial creat de OutSider
_________________
Sunt Ex-Blood_Lov3r -ul :) |
|
| 23/12/2007 10:33 |
|
|
|
|
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
|
|
|
