Skilled Gaming
Design/Web/Programming/IT => HTML => Developing => Tutoriale/Tutorials => Topic started by: IstuntmanI on 06 October 2011, 18:34:17
-
Un exemplu 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.
<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 HTML.
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 s-a incheiat continulul pagini, iar </html> ca s-a incheiat documentul HTML.
Slash "/" este pus innaintea numelui tag-ului si spune browserului ca ar dori sa incheie respectiva functie. Deci <tag> este folosit pentru a incepe o functie, iar </tag> pentru a o incheia.
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.
<html>
<head>
<title>Pagina mea! </title>
</head>
<body>
<h2>Bine ati venit.</h2>
<p>Aceasta este o pagina facuta cu HTML !</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.
-
bv;)..eu invatam la info asa cva
-
Bun tutorial:)5/5
-
Foarte bun tutorialul ^^ 5/5
-
foarte folositor tutorialul, bine stuntman. ai un cartof de la mine!
-
Idem tuturor e foarte folositor!
-
E misto HTML-ul, am invatat la scoala ... numai ca nu prea imi place :grin:
Raman la PawnO :azn:
-
Bv stuntmane,o treaba buna din nou 5/5
-
super tutorialul , dar eu stiam deja :icon_meditation:
-
Misto 5/5
-
:thumbsup: prea tare.daca gasesti si host gratuit:D
-
:thumbsup: prea tare.daca gasesti si host gratuit:D
Ce legatura are cu acest tutorial hostul ?
-
Niciuna.. :undecided:
-
bv bun tutorial
-
E misto HTML-ul, am invatat la scoala ... numai ca nu prea imi place :grin:
Raman la PawnO :azn:
Mai usor e HTML decat PawnO ... eu foloseam mai de mult PawnO cand jucam samp mai mult ma enervam =))
HTML e mai usor :)
-
Dea e mai usor html.... Dar in moduri normale totusi... Cand o sa faci tu site-uri in notepad in html mai vorbim daca mai e usor xD :P
-
M-am referit fata de PawnO
-
Bun tuturial.:D Mai invat si eu ceva :]]
-
Tot la Pawno stau :grin:
-
Bun tutorial! 5/5 ;)
-
Interesant :> 5.5 ;]
-
Sunt foarte interesante chestiile astea :D Mie imi plac cu adevarat :P 5/5 ajuta foarte mult incepatorii si care vor sa invete =D
-
bun tutorila ;) 5/5