home > cursuri > curs-html-incepatori.php

Curs HTML ! Ghid HTML pentru incepatori

15 Martie 2011 de Mihail Alin

Cu ajutorul acestui ghid, intram in lumea HTML si explicam cateva elemente si etichete HTML.

invata HTML, ghid HTML pentru incepatori
Autor :   Mihail Alin
Important!! : Textul si imaginile continute in acest curs sunt propietatea Rotuts.com si nu pot fi copiate/refolosite pe alte pagini/e-books fara acordul nostru.

Cu ajutorul acestui ghid HTML ne vom aventura in lumea HTML. Desi sunt multe programe care usureaza foarte mult munca care trebuie depusa pentru a crea o pagina web, cum ar fi : Dreamweaver , FrontPage etc. avand cunostinte de baza ne ajuta sa facem modificari pe care nu le-am putea face/realize cu un program.
Pentru a incepe programarea in HTML , avem nevoie de doua "scule":
-Notepad
-Browser ( Internet Explorer, FireFox, Chrome , Maxthon, etc. )
Haideti sa deschidem un nou fisier NotePad sis a scriem urmatoarele etichete HTML :

<html>
<head>
	<title>Invata HTML cu ajutorul acestui ghid</title>
</head>
<body>
</body>
</html>

Odata ce am terminat de scris etichetele HTML de mai sus , salvam fisierul . Ii dam orice nume dorim dar extensia trebuie sa fie in limbajul folosit, despre ce limbaj vorbim noi aici ?Vorbim despre HTML , deci extensia trebuie sa fie .html sau .htm.

Haideti sa deschidem acest fisier in navigator si sa vedem ce se intampla….
Hmmm…. Pagina este alba.Normal , pentru ca practic noi nu am scris nimic, dar daca va uitati pe bara superioara a navigatorului puteti vedea ca titlul paginii este Invata HTML cu ajutorul acestui ghid , exact acelasi lucru care noi l-am scris intre etichetele HTML <title> si </title>.Deci eticheta <title> indica titlul paginii , este o eticheta foarte foarte importanta.



Inainte sa continuam cu explicarea urmatoarelor etichete, haideti sa adaugam un text pe pagina, asa vedem si noi ceva rezultate :).Intre etichetele <body> si </body> adaugam textul , de exemplu, Acum invat Cod HTML.Salvam fisierul si il deschidem din nou.Acum pagina nu mai este alba , ci apare textul "Acum invat Cod HTML" . Usor nu ?HTML este un limbaj foarte simple si usor de invatat , dar bineinteles ca aveti nevoie de cunostinte de baza pentru a putea incepe, de aceea , noi, am facut acest curs html :).
Haideti sa continuam explicarea etichetelor ramase.

In primul rand trebuie sa stiti ca structura unei pagini web este formata din etichete.Etichetele sunt comenzi/ordine pe care navigatoarele le interpreteaza in ordinea pe care noi le amplasam pe pagina.
Pe pagina noastra, pana acum, avem patru etichete :

<html>, <title>, <head>, <body> si inchiderea acestora </html>, </title>,</head>, </body>.
Modul de a deschide o eticheta este <comanda> si de a o inchide este </comanda>.



Eticheta <html> este eticheta care contine restul etichetelor si elementelor de pe pagina, de aceea se pune prima si se inchide ultima.Putem compara aceasta eticheta cu un sándwich , in exemplul nostru, eticheta <html> ar fi o felie de paine iar </html> a doua felie. Intre aceste doua felii de paine adaugam salam, sunca presata, cascaval,rosii, branza , etc . , toate acestea sunt restul de etichete si elemente pe care o pagina le poate contine.



Eticheta <head> este "header-ul" sau "capul" paginii, aici introducem eticheta cu care stipulam numele paginii si altele cum ar fi : meta tags , scripts, stiluri CSS etc. .Dar acestea nu fac parte din scopul acestui ghid HTML.



Eticheta <body> este corpul paginii, cuprinde toate elementele care se vor vizualiza pe pagina.Tot ce scriem intre aceasta eticheta se va vedea in navigator, exceptand etichetele in sine.
Trebuie mentionat faptul ca trebuie sa aveti grija sa inchideti orice eticheta deschideti, daca lasam deschisa vreo eticheta pot aparea rezultate neasteptate, datorita faptului ca navigatorul nu mai stie unde sa inchida eticheta pe care tu ai lasat-o deschisa.
Daca considerati ca nu am adaugat destule date despre etichetele descrise mai sus, lasati un comentariu cu ce ati dori sa mai adaugam si le vom adauga.



In urmatoarea parte a ghidului HTML vom invata cum putem formata textul pe pagina si cum sa adaugam o culoare de background.



Da si tu un like
  


Daca ti-a fost folositor acest tutorial/articol, poti copia urmatorul cod pe pagina ta

Spune-le prietenilor tai despre acest tutorial/articol
Nume:
Email:
Email-ul prietenului tau:
Mesajul:

Comenturi

1 comenturi pana acum... (posteaza si tu)

Postat de pe data de: Monday, 04.29.13 @ 09:41am

Comentarii:

Nume:

Email:

Comentariu:


 

*Intrebare de verificare : Raspunde la intrebarea din imaginea de mai jos ...

 
HINT : Raspunsul este din 6 litere, incepe cu r si se termina cu s


 


Important:
E-mailul nu va fi vizibil si NU va fi folosit de catre rotuts.com .
Nu sunt permise linkuri catre alte pagini.
Va rugam , comentariile sa ramana strict relationate cu topicul.
Comentariile considerate ofensive sau care nu au nici o legatura cu topicul vor fi sterse(trolling).

Folosirea codului HTML nu este permisa.
Puteti folosi BBcode pentru a va formata textul.