www.Hacking-Romania.com
Hacking, gaby hacker team, programe hack, radmin hack, hi5 hack, hack the west, hacking romania, hacking stuff, hacking tools, 1 hack, 1st hacks, 2 hack, 2 hacks, 3 hack, 3 hacks, 3000 hack, 3004 hack, 4 hack, 4 hacks, 55 hack, 6 hack, 6 hacks, 7 hack, 7 hacks, 9 hack, 9dragons hack, a hack, adventure quest hack, aim hack, alz hack, and hacks, best hack, blue hack, bots hack, bots hacks, buy hack, cabal online hack, chaos hacks, cheat engine hack, cheat hack, cheats and hacks, cheats hacks, city hack, club hack, combo hack, conquer hacks, conquer online hack, conquer online hacks, conquer speed hack, conquiztador hack, counter strike 1.6 hack, damage hack, de hack, download hack, download hack for, dragonfable hack, dragonfable hacks, drakkarious hack, exp hack, flyff hack, free hack, free hacks, game hack, game hacks, garena exp hack, gladiatus hack, gm hack, gold hack, gunz hack, hack, hack 5, hack a pc, hack a site, hack a website, hack blog, hack conquer, hack counter strike, hack crack, hack cs, hack cs 1.6, hack dvd, hack email, hack forum, hack hunter, hack id, hack info, hack it, hack mess, hack muonline, hack net, hack password, hack passwords, hack pc, hack pdf, hack programs, hack site, hack sites, hack soft, hack software, hack team, hack the game, hack this, hack website, hack windows xp, hack world, hack xp, hacked, hacking, hacking game, hacking programs, hacking software, hacking tutorials, hacks, how hack, how to hack, icon hack, last chaos hack, last chaos hacks, life hack, lineage 2 hack, lineage 2 hacks, linux hack, lvl hack, maplestory hacks, mobile hack, multi hack 3.0, mybrute hack, naruto arena hack, naruto arena hacks, one hit kill hack, online hacks, perfect world hacks, pool hack, programe hack, resolution hack, resource hack, roll hack, royal hack, silkroad hack, source hack, speed hack, speed hacks, super hack, the west hack, warrock hack, warrock hacks, web hack, xpango hack, lockerz forum 		Lista Forumurilor Pe Tematici
www.Hacking-Romania.com | Reguli | Inregistrare | Login

POZE WWW.HACKING-ROMANIA.COM

Nu sunteti logat. 		Nou pe simpatie:
bruneta_ta_us la Simpatie.ro
Femeie
25 ani
Giurgiu
cauta Barbat
25 - 52 ani
www.Hacking-Romania.com / Tutoriale HTML / Bazele html(partea I)  
Autor
Mesaj Pagini: 1
harry2115
Moderator

Inregistrat: acum 15 ani
Postari: 385
Autor:harry2115
1.Ce este html??

HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web. Paginile HTML sunt formate din etichete sau tag-uri si au extensia .html sau .htm.

2.In ce se scrie html??

Puteti scrie astfel de fisiere cu Notepad sau cel mai indicat cu un editor specializat care va indica si numarul liniilor, lucru util la depanarea codului HTML. Verificati ca nu aveti extensiile ascunse (My Computer -> Tools -> Folder Options -> View -> debifati Hide extensions for known file types). Pentru a putea crea fisiere html dati clic dreapta New -> Text Document, apoi il redenumiti nume.html.
Personal eu folosesc PhpEdit care te va ajuta si atunci cand vei invata php.Downloadati-l de aici : !


3.Componenta unui document html

1. versiunea html ce poate fi :
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

2. zona head cu etichetele <head> </head>
3. zona body cu etichetle <body></body> sau <frameset></frameset>
4. De retinut este ca toate paginile html incep cu tagul <html> si se termina cu </html>

4.Prima pagina html

Sa luam urmatorul exemplu :

<html>
<head>
<title>Titlu paginii</title>
</head>
<body>
Continut paginii voastre
</body>
</html>

Salvati sub extensia html si vizualizati!!!Sa analizam !!

Observam :
1. <html> -acest tag arata ca avem de a face cu o pagina html,</html> iar acesta inchida tagul<html>
2. Apoi observam tagurile<head></head> .Acesta este headarul cu informatii.Aceste informatii nu sunt afisate!
3. Urmeaza tagurile <title></title> Intre acestea se va scrie titlul pagini.
4. Intre tagurile <body></body> se scrie codul html.


5.Taguri uzuale

1.Tagul <b></b>

Cu acesta vei putea sa scrii textul ingrosat.
Exemplu :

<html>
<head>
<title>Scris ingrosat</title>
</head>
<body>
<b>Acesta este un text ingrosat!!</b>
</body>
</html>

Salvati sub numele : ingrosat.html si vizualizati !

2.Tagul <h1></h1>…<h6></h6>

Acest tag mareste textul (cel mai mare fiind <h1></h1> sau micsoreaza textul (cel mai mic fiind <h6></h6>

Exemplu :
<html>
<head>
<title>Tagurile <h></h></title>
</head>
<body>
<h1>Acesta este un text!</h1>
<h2>Acesta este un text!</h2>
<h3>Acesta este un text!</h3>
<h4>Acesta este un text!</h4>
<h5>Acesta este un text!</h5>
<h6>Acesta este un text!</h6>
</body>
</html>
Salvati sub numele :headere.html si vizualizati !


3.Tagul <hr>


Acesta creeaza linii orizontale pentru a separa diferite zone intr-o pagina web. I se pot
adauga acetui tag diferite atribute, ca: width=x (pentru lungimea liniei) sau
width=x% (pentru lungimea liniei raportate la toata lungimea ecranului), size=x
(pentru linie ingrosata dar transparenta) si noshade (pentru linie ingrosta plina). Un
tag <hr> fara atribute va fi interpretat ca linia sa aiba toata lungimea paginei.

Exemplu :


<html>
<head>
<title>Linia orizontala</title>
</head>
<body>
<hr width=50>
<hr width=40%>
<hr size=8>
<hr noshade>
<hr width=60% size=12 noshade>
</body>
</html>
De retinut: Se pot folosi mai multe atribute intr-un tag.



3.Tagul <u></u>

Acest tag subliniaza textul cuprins intre <u></u>
Exemplu :

<html>
<head>
<title>Text subliniat</title>
</head>
<body>
Ma numesc <u>Andrei</u>
</body>
</html>


Salvati sub numele : subliniat.html si vizualizati !


6.Imagini,linkuri,sunete

1.Linkuri
Link-urile sunt esenta webului, fara acestea paginile unui sit nu ar avea
legatura intre ele. Pentru a adauga un link se foloseste tagul de deschidere <a
href="locatie"> si tagul de inchidere </a>. Tot ce va aparea intre aceste doua taguri
va fi subliniat si colorat, iar in momentul click-ului pe acel text, browser-ul va fi
trimis spre locatia data.

Exemplu :

<html>
<head>
<title>Site</title>
</head>
<body>
Apasa <a href=”http://www.google.ro”>aici</a> si vei fi redirectionat catre google!
</body>
</html>
2.Imagini

<img src="locatia imaginii" width=x height=y alt="numel ce va aparea knd mouse-ul va sta deasupra">


3.Sunete

Structura acestui tag este:

<embed src="nume_sunet" width=n height=n autoplay=n hidden=n loop=n
volume=n></embed>

Daca vrei ca sunetul sa inceapa automat la deschiderea paginii seteaza
autoplay=true, daca nu vrei ca sunetul sa inceapa automat seteaza autoplay=false.
Daca nu vrei ca player-ul sa apara in pagina seteaza hidden=true. Daca vrei ca
sunetul sa se auda in mod repetat seteaza loop=true. Volumul se seteaza pe o scara
de la 1 la 100 .Valoarea predefinita este 50.



6. Liste

<li>
Indică un element dintr-o listă (ne)numerotată.
Exemplu:
<li type="circle">
Acest tag suportă atributele:
• Atributul type: poate lua valorile disc, circle, square sau A, A, I, i, 1. Folosit în listele nenumerotate.
• Atributul value: precizează valoarea numerică a elementului din listă considerat. Folosit în listele numerotate.


<ol>
Listă numerotată (ordonata).
Exemplul 1:
<ol start="7">
Atributul start precizează valoarea de la care pleacă numerotarea elementelor din listă.


<ul>
Listă nenumerotată (neordonata).
Exemplul 1:
<ul type="disc">
<li>Cirese
<li>Visine
<li>Pepene
</ul>
Are loc afisarea următoarei liste:
• Cirese
• Visine
• Pepene
Atributul type mai poate lua valorile disc sau circle.
Exemplul 2:
<ul type="disc">
<u>Fructe</u>
<li>Mere
<li>Pere
<li>Citrice
<ol>
<li>Lamai
<li>Mandarine
</ol>
</ul>
Această secventă de cod produce încuibarea unei liste cu citrice în lista cu fructe:

Fructe
• Mere
• Pere
• Citrice
1. Lamai
2. Mandarine






5. Despre tabele


<table>
Tag-urile <table>,<td> si <tr> sunt singurele tag-uri indispensabile realizării unui tabel. Orice tabel va incepe cu <table> si se va incheia cu </table>. Tag-ul <table> suporta mai multe atribute.
Exemplu:
<table bgcolor="red" width="60%" border="5" bordercolor="blue" cellspacing="10" cellpadding="5" align="right" height="20">
Efect: aparitia ( după completarea codului ) unui tabel cu fundalul rosu, cu un chenar albastru având grosimea de 5 pixeli. Tabelul va fi plasat în dreapta paginii; distanta dintre celule va fi de 10 pixeli, iar distanta dintre text si marginea celulei de 5 pixeli. Inăltimea tabelului ar trebui să fie de 20 de pixeli, dar browserele rareori tin seama de atributul height.
• Atributul bgcolor a setat culoarea fundalului.
• Atributul width poate fi exprimat procentual ( ca mai sus ) sau in valoare absoluta ( in pixeli ) si stabileste cat din latimea paginii va ocupa tabelul.
• Atributul border stabileste grosimea chenarului.
• Atributul bordercolor stabileste culoarea chenarului.
• Atributul cellspacing stabileste distanta dintre celule.
• Atributul cellpadding stabileste distanta dintre continutul unei celule si marginea celulei.
• Atributul align produce alinierea tabelului la dreapta, la stanga sau in centrul paginii.
• Atributul height stabileste inaltimea tabelului. In acest exemplu, ia valoarea de 10 pixeli, dar poate fi stabilit si in procente din inaltimea ferestrei.

<tr>
Orice linie din tabel va fi marcata prin <tr> la inceput si prin </tr> la sfarsit. O linie poate contine una sau mai multe celule. Tabelele au acelasi numar de celule pe fiecare linie/coloana. Nu sunt permise tabelele in forma de L, T etc. Pot exista insa celule goale ( sau continand doar &ampnbsp; ).

<td>
Orice celula e delimitata de tag-urile <td> si </td>. Fiecare celula poate avea alta culoare de fundal. O celula poate contine alt tabel care poate contine alt tabel etc. Desigur, o celula poate contine atat text cat si imagini. In interiorul acestui tag, ca si in interiorul tag-ului anterior, poate fi introdus atributul align, acesta putand lua valorile left, right, center, middle, bottom. Acest atribut seteaza alinierea textului din celula respectiva..

_______________________________________
[img]http://img191.imageshack.us/img191/3862/45256061.jpg[/img]
[img]http://img.userbarz.com/35/6865.jpg[/img]
[color=red]Putina rabdare,putina culoare....
Si ziua-i frumoasa ca ziua cu soare!!!![/color]
pus acum 15 ani
   
PaulExe
MEMBRU

Inregistrat: acum 14 ani
Postari: 176
thz 

_______________________________________
[img]http://picasion.com/pic15/1512b63e9094887bb5b354146ffa3ed2.gif[/img]

[img]http://i41.tinypic.com/2powrq8.gif[/img]
pus acum 14 ani
   
Pagini: 1  

Mergi la