E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google
* Cele mai bine clasate si cele mai votate tutoriale sunt selectate dintre tutorialele adaugate in ultimele 30 de zile.

Tutoriale HTML

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DESIGN  /  HTML  /  Bazele HTML (10)

I. Ce inseamna HTML?

14.05.2008
I. Ce inseamna HTML?

HTML (HyperText Markup Language) este un limbaj folosit pentru crearea paginilor Web. In general, HTML este usor de utilizat, fiind bazat pe un elemente numite tag-uri. HTML foloseste aceste elemente pentru introducerea imaginilor si a linkurilor, pentru a modifica fontul curent,etc.

Total vizualizari: 15580 15580 afisari   |   Comentarii  4   |   Rating   |   (9 voturi)   |   Timp necesar: 15 min 15 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1
comenteaza printeaza

Daca lucrezi pentru prima data in html, acest tutorial iti va arata cum poti crea o pagina Web simpla.

HTML (HyperText Markup Language) este un limbaj folosit pentru crearea paginilor Web. In general, HTML este usor de utilizat, fiind bazat pe un elemente numite tag-uri. HTML foloseste aceste elemente pentru introducerea imaginilor si a linkurilor, pentru a modifica fontul curent,etc.

Un tag consta dintr-o litera sau cuvant rezervat intre parantezele unghiulare < si >. Iata cateva exemple:

Tag

Efect

<b>

text

<i>

text

<p>

Creeaza paragraf nou

<img>

Insereaza o poza

Majoritatea comenzilor HTML sunt alcatuite din doua tag-uri: unul de inceput si unul de sfarsit, cu deosebirea ca tag-ul de sfarsit contine caracterul / dupa <. Codul de mai jos:

Acesta este un <b>exemplu</b>.

va aparea pe pagina astfel:

Acesta este un exemplu.

Structura unei pagini HTML
Majoritatea paginilor Web au cateva lucruri in comun, cum ar fi sectiunile head si body, marcate prin tag-urile: <head> si respectiv <body>. Anumite informatii despre pagina, cum ar fi titlul, se scriu in sectiunea head, iar continutul propriu-zis al paginii - in body. De asemenea, fiecare pagina HTML incepe si se termina cu tag-ul <html> (</html>).

Iata structura de baza a unei pagini HTML:

<html>
<head>
    (titlu, alte informatii....)
</head>
<body>
    (Continutul paginii - text, imagini)
</body>
</html>

Daca vizualizezi aceasta pagina intr-un browser, nu vei vedea nimic, deoarece pagina nu contine deocamdata text sau imagini.

Pentru a da paginii un titlu oarecare, vom folosi tag-ul <title>, inserat intre: <head> si: </head>.

<html>
<head>
<title>Pagina mea !</title>
</head>
<body>
</body>
</html>

In bara de sus a browserului va aparea textul: Pagina mea!

Inserarea textului
Daca vrei ca textul tau sa apara sub forma de paragrafe, in sectiunea <body> poti folosi tag-ul <p> (paragraph).

<html>
<head>
<title>Pagina mea !</title>
</head>
<body>
<p>Aceasta este prima mea pagina de web !</p>
</body>
</html>

Felicitari! Ai creat prima ta pagina Web.

Noi tag-uri
In continuare poti folosi tag-urile HTML pentru a imbunatati aspectul paginii.

De exemplu, tag-urile <b> .... </b> sau <strong> .... </strong> au ca efect ingrosarea textului (bold).

Aceasta este <b>prima</b> pagina construita de mine!

apare in felul urmator:

Aceasta este prima pagina construita de mine!

Pentru a centra textul, se foloseste tot tag-ul <p> cu atributul align="center":

<p align="center"> Aceasta este  <b>prima</b> pagina construita de mine!</p>

Pentru a schimba culoarea de fundal (background) in negru si a textului in alb, in tag-ul body trebuie specificat bgcolor="#000000" si respectiv text="#FFFFFF".

<body bgcolor="#000000" text="#FFFFFF">

Codul HTML va arata astfel:

<html>
<head>
<title>Pagina mea !</title>
</head>
<body bgcolor="#000000" text="#FFFFFF">
<p align="center"> Aceasta este  <b>prima</b> pagina construita de mine!</p>
</body>
</html>

Incearca in continuare sa modifici pagina adaugand noi paragrafe si schimband culoarea de fundal sau culoarea textului.

Pagina:
1
comenteaza printeaza
Alte tutoriale HTML:
Noteaza acest tutorial
Rating tutorial
 
(9 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
COMENTARII (4) spune-ti parerea
dutty17 , Marti, 08 Martie 2011, ora 00:20
#4

@tomcat,

Foloseste ca program HTML-Kit e cel mai bun ,cand avansezi poti trece la Adobe Dreamweaver.

Raporteaza acest comentariu ca injurios!
tomcat , Miercuri, 21 Aprilie 2010, ora 13:51
#3

merci pustiu, am sa incerc...

Raporteaza acest comentariu ca injurios!
Pustiu Pustiu , Luni, 19 Aprilie 2010, ora 15:57
#2

@tomcat: ca sa faci ce se intampla in tutoruail e de ajuns sa editezi in orice editor de text si sa salvezi cu extensia .htm sau .html apoi sa deschizi cu orice browser pentru a vizualiza.

Raporteaza acest comentariu ca injurios!
tomcat , Duminica, 18 Aprilie 2010, ora 18:48
#1

k, interesant, si ce program trebuie sa instalez ca sa fac niste exercitii ca acestea?, pot sa-mi fac propriul web-site, sau cum, ca astea se platesc, nu?..

Raporteaza acest comentariu ca injurios!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de kheops
kheops Rang utilizator kheops - Mediu
4079
Tutoriale scrise de tornaddoss
tornaddoss Rang utilizator tornaddoss - Incepator
3174
Tutoriale scrise de Pustiu
Pustiu Rang utilizator Pustiu - Expert
2137
Tutoriale scrise de magda.badita
magda.badita Rang utilizator magda.badita - Incepator
1690
Tutoriale scrise de adry.ro
adry.ro Rang utilizator adry.ro - Incepator
941
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
aparate foto
Outlook AJAX Illustrator Ruby on Rails SWF PHP Javascript Verilog CSS Vista COREL DRAW JSON Gimp Java Bridge Fotografie StyleSheet PSD SEO MySQL Swift 3D Photoshop Dreamweaver Fireworks Powerpoint Excel Lightroom Word XHTML Action Script RoR Flash XML Python Sony Vegas HTML
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software