Notiuni introductive in limbajul HTML ~ Tutoriale CG

Inainte de a incepe sa va modificati sablonul sau tema aleasa pentru blog, va sunt necesare cateva cunostinte minime despre HTML si CSS.

Ce inseamna HTML?

HTML reprezinta abrevierea de la Hyper Text Markup Language si este codul care sta la baza paginilor web (siteuri, bloguri, etc.);
limbajul HTML nu trebuie confundat cu un limbaj de programare, el este un limbaj de marcare;
limbajul de marcare combina textul cu instructiuni de marcare (tag-uri) in cadrul aceluiasi fisier;
Paginile HTML sunt formate din etichete sau tag-uri si au extensia .html sau .htm.

Etichetele HTML

In general instructiunile de marcare sunt numite etichete HTML (tag-uri).

Etichetele HTML sunt cuvinte cheie incadrate intre "<" si ">", precum <html>;
In mod normal etichetele HTML sunt pereche, una pentru inceput <html> si una pentru sfarsit </html>;
Etichetele pentru inceput si sfarsit mai sunt numite etichete de deschidere si inchidere.

Documentele HTML = Pagini Web

Documentele HTML contin text simplu, neformatat, si etichete HTML, rezultand pagini web. Este mult mai raspandita expresia de pagina web fata de document HTML, dar ambele inseamna acelasi lucru.

Scopul unui browser web (Internet Explorer, Mozilla Firefox, Opera, Chrome, etc.) este de a citi si interpreta documentele html, redandu-le sub forma de pagini web. Browserul nu afisaze etichetele HTML, ci le interpreteaza pentru a "stii" cum sa afiseze textul dintr-un document HTML:

<html>
<body>
...
<h1>Antet</h1>
...
<p>paragraf</p>
...
</body>
</html>

In exemplul de mai sus:

Datorita etichetelor <html> si </html> browserul interpreteaza textul dintre acestea ca si pagina web;
Informatia vizibila in browser este incadrata de etichetele <body> si </body>;
Textul dintre <h1> si </h1> este afisat ca antet;
Textul dintre <p> si </p> este afisat ca paragraf.

Editarea codului HTML

Pentru editarea codului HTML este de ajuns cel mai simplu editor text, cum ar fi Notepad din cadrul Windows-ului. Daca doriti puteti utiliza programe mai complexe cum ar fi Dreamweaver.

Acestea sunt cateva notiuni elementare, daca doriti sa aflati mai multe despre limbajul HTML (si nu numai) gasiti resurse si tutoriale, explicate pe intelesul tuturor la adresa: w3schools.

Daca vi s-a parut util tutorialul puteti sa dati un Like, pentru a afla si altii de el.
Aveti vreo sugestie sau intrebare, nu ezitati sa lasati un comentariu mai jos.

Posted in:

joi, 7 iulie 2011