Tutorial HTML

Data publicarii: Februarie 2006

Tutoriale » HTML » HTML - Notiuni de baza

HTML Feb 2006

HTML - Notiuni de baza

HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web. Paginile HTML contin elemente (etichete) si au extensia .html sau .htm

Puteti scrie astfel de fisiere cu Notepad sau cel mai indicat cu editoare cod sursa specializate, de exemplu Crimson Editor, 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 crea un fisier html mai intai creati un fisier text, apoi ii redenumiti extensia din txt in html

Elemetele sunt incadrate de tag-uri. Tag-urile sunt simbolurile care marcheaza inceputul si sfarsitul unui element. Tag-ul pentru inceput este < iar pentru sfarsit este >.

In marea lor majoritate elementele sunt pereche, una de deschidere <eticheta> si alta de inchidere </eticheta>. Browserul interpreteaza aceste etichete afisand rezultatul pe ecran. HTML nu este un limbaj case sensitiv (nu face deosebirea intre litere mici si mari).

Pagina principala a unui domeniu este fisierul index.html. Aceasta pagina este setata a fi afisata automat la vizitarea unui domeniu.
De exemplu la vizitarea domeniului www.nume.ro este afisata pagina www.nume.ro/index.html.

Unele etichete permit utilizarea de atribute care pot avea anumite valori:
<eticheta atribut="valoare"> ... </eticheta>

Componenta unui document HTML este:
1. versiunea HTML a documentului
2. zona head cu etichetele <head> </head>
3. zona body cu etichetele <body> </body> sau <frameset> </frameset>

Versiunea HTML 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">

Toate paginile HTML incep cu eticheta <html> si se termina cu eticheta </html>.
In interiorul acestor etichete gasim perechea <head> </head> si perechea <body> </body>.

Zona head contine titlul paginii intre etichetele <title> si </title>, descrieri de tip <meta>, stiluri pentru formatarea textului, scripturi si linkuri catre fisiere externe (de exemplu scripturi Javascript, fisiere de tip CSS sau favicon).

Continutul etichetei title este afisat de browser pe cea mai de sus linie (banda albastra de sus).

Etichetele de tip meta contin cuvinte cheie, descrierea paginii, date despre autor, informatii utile motoarelor de cautare si au urmatorul format:

<meta name="nume" content="continut">

Exemplu: link catre un fisier extern CSS:

<link rel="stylesheet" type="text/css" href="css.css">

Zona body gazduieste practic toate etichetele afisate de browser pe ecran.

Exemplu: o pagina HTML cu titlul Exemplu iar continutul Continut pagina

<html>
<head>
<title>Titlu</title>
</head>
<body>
Continut pagina
</body>
</html>

Comentariul in HTML, care bineinteles nu va fi afisat de browser, poate fi introdus astfel:

<!-- Acesta este un comentariu in HTML -->

Sus

Tutoriale
23 Jul 2014  6:41 AM
Tutoriale

Copyright © 2005-2014 Termeni si conditii
Adauga comentariu
Nume:*
Email:*
Comentariu:*
 Poza 
Introduceti codul:*

Completarea campurilor marcate cu * este obligatorie.

Autorul isi rezerva dreptul de a nu posta comentariile care nu au legatura cu subiectul articolului.

 
Comentarii:
Marian
19-10-2011
Am invatat html citind fiecare articol al tau. Acum sunt in stare sa ma descurc binisor. Jos palaria in fata dvs dom' profesor
Dana
28-11-2012
Buna ziua. In primul rand, multumesc pentru oportunitatea de a invata <html>-ul. In al doilea rand, o sa pun o intrebare care ar putea fi ridicol de prosteasca, pt dvs, dar sunt cu totul neinitiata. Iata despre ce este vorba: Am inceput crearea unui <html>, folosind WordPad. Am reusit sa vad pagina, dar nu stiu cum sa ma intorc in formatul initial,pentru a continua sa o lucrez. Va multumesc si mi se pare extraordinar ca va consumati timpul ajutandu-i pe altii.
Razvan
09-01-2013
sunt student anul II si la cursul de programare facem html.nu inteleg nimic.un coleg mia spus ca el a invatat pentru examen din siteul tau.am facut si eu la fel si am luat examenul.profu mia dat sa fac siteul grupei si mia promis ca imi da examenul in vara.am sa te recomand si eu.merci
Romica
10-02-2013
vreau sa fac un site despre grafica. ma poti ajuta? eu nam timp sa invat si html. platesc pentru munca depusa
Mihai
06-03-2013
eu fac pagini cu ms word. sunt curios la ce-mi trebuie sa stiu html?
Autor
10-03-2013
Nu este obligatoriu sa inveti HTML. Dar daca vrei sa schimbi anumite detalii ale pagini web nu o vei putea face cu Word ci modificand codul HTML.
Cosmin
18-04-2013
Am terminat de studiat tutorial HTML. Mi-a placut si nu pare ceva deosebit de greu. Ce imi reconandati sa studiez in continuare tot din categoria web? Va multumesc pentru faptul ca aveti timp sa scrieti aceste articole. Cosmin an I Constructii
Autor
20-04-2013
Continua cu CSS, apoi PHP si MySQL. Daca mai ai timp :) putina grafica nu ar strica. Bafta!
Manuel
26-04-2013
Pe cand va aparea si un tutorial JavaScript? Sincer, am studiat toate tutorialele ce le-ai facut si uneori chiar mi-au fost de mare folos. Multumesc.
Florentin
22-05-2013
Daca ati putea introduce un capitol despre crearea unei galerii foto in html ar fi extraordinar pentru foarte multi incepatori. Multumim pentru ca existati.
Paul
04-08-2013
De la site-ul tau am inceput sa invat, si am ajuns in 2 ani de am reusit sa-mi fac un atestat de nota 10 html,php,mysql,javascript (pe langa scoala caci la scoala nu am studiat asta). Momentan si mie imi par chestii de baza acestea, usoare insa ai un mod foarte bun de a explica si se intelege perfect din tutoriale. Felicitari!

Sus