๑۩۞۩๑ » WEBTOOLS « ๑۩۞۩๑
WEBTOOLS FORUM - RECOMMENDED SETTINGS/SETARI RECOMANDATE: BROWSER=MOZILLA FIREFOX OR IE REZOLUTION=1280x1024| FORUMUL ESTE IN PLINA DEZVOLTARE VA RUGAM SA NE AJUTATI! ► DATA INFIINTARII: 19-07-2008 ► 		Lista Forumurilor Pe Tematici
๑۩۞۩๑ » WEBTOOLS « ๑۩۞۩๑ | Inregistrare | Login

POZE ๑۩۞۩๑ » WEBTOOLS « ๑۩۞۩๑

Nu sunteti logat. 		Nou pe simpatie:
Pavel Andreea pe Simpatie
Femeie
24 ani
Vrancea
cauta Barbat
28 - 49 ani
๑۩۞۩๑ » WEBTOOLS « ๑۩۞۩๑ / » TUTORIALE HTML « / Tags in HTML Moderat de AndreyNek, MadaLino
Autor
Mesaj Pagini: 1
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443
Tags in HTML

Acum ca deja ai creat prima ta pagina web, ar trebuii sa examinam cateva segmante ale fisierului "index.html". Cu siguranta ai vazut ca exista un model in aranjatea comenzilor, niste cuvinte care sunt incercuite de "<" si ">", acestea sunt tag-urile de HTML

Un exemolu de tag in HTML este <body>. Tag-ul <body> spune browser-ului, unde incepe continutul paginii web. <body> este deasemenea un exemplu de tag care ar trebuii sa existe in absolut orice pagina web.
Tag-uri de baza in HTML

Sa mai aruncam o privire asupre codului. O pagina web are in componenta doua elemente de baza. Daca vei incerca sa creezi o pagina fara cele doua tag-uri, vei avea probleme.

Code:

<html>

<body>

Continutul paginii va fi aici

</body>

</html>

Primul tag se numeste <html> si este cel care ii spune browser-ului ca a inceput un cod in HTML. Cel de-al doilea tag, <body>, spune browser-ului ca aici incepe partea vizibila sau continutul paginii.

_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443

Inchiderea tag-urilor in HTML

Poate ai observat deja inca doua tag-uri asemanatoare la sfarsitul documentului, </body> si </html>. Acestea sunt tag-urile de inchidere. </body>, da de stire browser-ului, ca sa incheiat continulul pagini, iar </html> ca s-a incheiat documentul HTML.

Slesh "/" este pus innaintea numelui tag-ului si spune browserului ca ar dori sa inchee respectiva functie. Deci <tag> este folosit pentru a incepe o functie, iar </tag> pentru a o incheia.

_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443

Ordinea tag-urilor - Foarte important

Ordinea deschiderii si a inchiderii tag-urilor este foarte importanta. Daca un tag este deschis intr-un altul, de exemplu body este deschis in html atunci acel tag (body) este cel care trebuie inchis inaintea celui de-al doilea tag (html).

Am inchis mai intai body pentru ca a fost cel care s-a deschis cel mai recent. Aceasta regula si anume deschiderea si inchiderea tag-urilor se aplica la toate celelalte taguri ale documentelor HTML.


Cea de-a doua pagina

Probabil ca ai nevoie de timp si de mai multe incercari perntru a te acomoda cu aceste reguli, asa ca cel mai bine ar fi sa exersam in continuare cu o a doua pagina web. Copiaza acest cod in notepad, asa cum ai facut si prima data.

Code:

<html>

<head>

<title>Pagina mea! </title>

</head>

<body>

<h2>Bine a-ti venit.</h2>

<p>Foarte curand voi face o pagina care va v-a da pe spate pe toti!</p>

</body>

</html>

Dupa ce te-ai asigurat ca totul e facut conform indicatiilor anterioare, poti salva documentul. Ai putea chiar sa-l salvezi cu acelasi nume ca si cel anterior, si anume "index.html". S-ar putea sa te intrebe daca vrei sa salvezi peste documentul anterior, poti sa dai linistit OK, nu vom mai avea nevoie de celalalt document. Cand ai terminat, mergi mai departe si citeste urmatorul tutorial.


Modificat de AndreyNek (acum 17 ani)

_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443
Concluzie

In exemplul anterior au fost introduse cateva tag-uri noi. Vom incerca sa dam o definitie acesstora, pentru a putea incepe in lectia urmatoare, adevaratul Tutorial HTML. Tagurile despre care vorbeam sunt: <head>, <title>, <h2> si <p>.

Exemplul in discutie:

Code:

<html>

<head>

<title>Pagina mea! </title>

</head>

<body>

<h2>Bine a-ti venit.</h2>

<p>Foarte curand voi face o pagina care va v-a da pe spate pe toti!</p>

</body>

</html>



_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443

<head>

Acest tag urmeaza imediat dupa <html> si este folosit pentru a indica browser-ului, informatii utile precum: titlul pagini, continulul (folosit de motoarele de cautare vechi) si multe altele


_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443

<title>

Se pune intre <head> si </head>. Acest tag este cel care da numele pagini. Numele va fi afisat in browser, de obicei in partea stanga sus. In exemplul anterior titlul era "Pagina mea!" si va fi afisat ca si titlul browserului.


_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443

<h2>

Acesta este titlul care apre in pagina, inainte de continut si va fi mai mare decat litera de continut. <h2> inseamna ca e cea de-a doua marime a literei intre cel sase care exista. <h1> este cea mai mare iar <h6> va fi cea mai mica.


_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443
<p>

Este tag-ul care marcheaza deschiderea si incheerea unui paragraf. Asa ca atunci cand vei incepe un paragraf asigurate ca ai pus <p> la inceput si </p> la sfarsit.

_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443
Continua sa inveti - Tutorial HTML

Acum ca ai inteles baza etichetelor in HTML si cum acestea functioneaza, poti sa mergi ma departe incepand sa citesti sectiunea Tutorial HTML. Aici vei invata toate etichetele si atributele HTML, cum sa le folosesti si cum sa construiesti o pagina web functionala.

_______________________________________
pus acum 17 ani
   
Pagini: 1  

Mergi la