Elemente HTML de baz

HTML este prescurtare pentru Hypertext Markup Language - Limbaj de marcare a hipertextului:
Hypertext (hipertext). O legatur (link) este un cuvnt sau o fraz special ntr-o pagin web care trimite" ctre o alt pagin web. Atunci cnd executm clic pe o legatur, browserul deschide pagina respectiv. Acest text special se mai numete legtur hipertext . Markup (marcare). Prin marcare nelegem anumite instruciuni stilistice detaliate introduse ntr-un document text care trebuie publicat pe World Wide Web. HTML conine coduri simple pentru detalierea unor elemente din pagin, precum: scrierea unui text cu caractere aldine sau italice, crearea de liste marcate, inserarea de imagini i, binenteles, definirea legturilor. Introducem aceste coduri n locurile adecvate dintr-un document text obinuit i browserul web le traduce, rezultatul fiind afiarea automat a paginii, aa cum dorim. Language (limbaj). HTML nu are nimic de-a face cu programarea calculatoarelor. El este un limbaj" n sensul c este o colecie de coduri introduse n document pentru a permite afiarea corespunzatoare a acestuia.

Exist mai multe standarde HTML, emise de organizaia numit W3C (World Wide Web Consortium), i anume: HTML 2.0 (1994), HTML 3.0 (1995), HTML 3.2 (1997), HTML 4.0 (1998). Procesul de standardizare a HTML nu este terminat. Unele companii (precum Microsoft si Netscape) au adugat propriile extensii la HTML (inexistente n standardul oficial), pentru a fi folosite de browserele lor. Cu alte cuvinte, nu este sigur c toate browserele recunosc toate codurile HTML.

Ce putem face n HTML?

Formatarea textului Web-ul reprezint o surs atractiv i uor de parcurs de informaii i divertisment. Totusi, nimic nu genereaz mai puine accesri dect un text simplu, nempodobit. Cu ajutorul HTML putem, de exemplu: afia textul caractere aldine sau italice. afia textul folosind diferite culori. folosi diferite mrimi de font pentru cuvinte sau chiar pentru caractere individuale.

 Crearea de liste Pentru afiarea informaiilor ntr-o manier inteligibil i usor de citit, se folosesc uneori liste, cum ar fi listele numerotate i listele marcate. Inserarea de imagini HTML poate fi folosit pentru inserarea n pagin a unei imagini sugestive care s ilustreze o idee din text. Imaginea poate fi redimensionat, formatat i pozitionat n mod corespunztor, sau chiar transformat n hiperlegatur.

 Inserarea de legturi ctre alte pagini

Sesiunile web presupune navigarea de la o pagin web la alta. Pentru a face posibil saltul din pagina noastr n alte pagini, se creeaz legturi. Acestea pot fi: Legturi ctre alte pagini web ale noastre (toate acestea formeaz un site) Legturi ctre o locaie diferit din aceeai pagin web. Acest lucru este folositor pentru paginile care conin mai multe seciuni; de exemplu, putem introduce un cuprins n partea superioara a paginii, alctuit din legturi ctre diferite seciuni din pagin. Legturi ctre alte pagini din Internet.

 Aranjarea informaiilor n tabele Dei se pot folosi tabulatori i spaii pentru a alinia textele i imaginile n pagin, aceste elemente nu mai apar aliniate atunci cnd pagina este vizualizat n browser. Acest lucru se ntmpl deoarece HTML reduce spaiile multiple la un singur spaiu i ignor complet tabulatorii! Prin folosirea de tabele, putem poziiona exact n pagin orice element.

Exemple de pagini web

Pagina web personal Este o pagin pe care o realizeaz un individ pentru a spune lumii web cte ceva despre el. Aceasta este echivalentul web al unei cri de vizit, putnd fi folosit i pentru comunicarea dintre vizitatori (de exemplu prin grupuri de discutii newsgroups), sau chiar n scopuri comerciale, pentru prezentarea i vnzarea unor produse. Reviste electronice Sunt ziare i reviste publicate pe Internet, similare celor tiprite. De multe ori e-revistele depesc prin obiectivitate i diversitate a coninutului, publicaiile tiprite (unde adevrul este deseori cenzurat sau distorsionat). Pagini de prezentare pentru firme i companii ncepnd cu anii '90, dezvoltarea web-ului a fost puternic impulsionat de mediul de afaceri, multe firme dorind s fie prezente i n ciberspaiu. Aceste firme angajeaz profesioniti (web designeri) care s le construiasc pagini de prezentare pe web.

Realizarea documentelor HTML

Pentru realizarea documentelor HTML pot fi utilizate editoare simple de text (ex.: Notepad) sau editoare create special pentru paginile web, editoare ce pot dispune de funcii sofisticate pentru partea vizual (WYSIWYG - What You See Is What You Get) sau pentru verificarea legturilor n ntregul site. Lansarea editorului Notepad: Start > Programs > Accessories > Notepad.

Taguri de baz n HTML

Structura unui document HTML <html> <head> </head> <body> </body> </html>
Primul tag se numeste <html> i este cel care i spune browser-ului c a nceput un cod n HTML. Tag-ul <head> urmeaz imediat dup <html> i este folosit pentru a indica browser-ului, informaii utile precum: titlul pagini, coninutul (folosit de motoarele de cutare vechi) i multe altele. Tag-ul <body>, spune browser-ului c aici ncepe partea vizibil sau coninutul paginii HTML. Tag-urile </head>, </body> i </html> sunt tag-uri de nchidere. Caracterul slesh "/" din interiorul unui tag indic browserului c respectiva funcie se ncheie. Deci <tag> este folosit pentru a ncepe o funcie, iar </tag> pentru a o ncheia. Ordinea deschiderii i a nchiderii tag-urilor este foarte important. Dac un tag este deschis ntr-un altul, (de exemplu body este deschis n html), atunci acel tag (body) este cel care trebuie nchis naintea celui de-al doilea tag (html).

Exemplu de pagin web

<html> <head> <title>Pagina mea</title> </head> <body> <h1>Prima mea pagina web!</h1> </body> </html>