HTML/CSS

HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afișate într-un browser (sau navigator). Scopul HTML este mai degrabă prezentarea informațiilor – paragrafe, fonturi, tabele ș.a.m.d. – decât descrierea semanticii documentului.

HTML este o formă de marcare orientată către prezentarea documentelor text pe o singura pagină, utilizând un software de redare specializat, numit agent utilizator HTML, cel mai bun exemplu de astfel de software fiind browserul web. HTML furnizează mijloacele prin care conținutul unui document poate fi adnotat cu diverse tipuri de metadate și indicații de redare. Indicațiile de redare pot varia de la decorațiuni minore ale textului, cum ar fi specificarea faptului că un anumit cuvânt trebuie subliniat sau că o imagine trebuie introdusă, până la scripturi sofisticate, hărți de imagini și formulare. Metadatele pot include informații despre titlul și autorul documentului, informații structurale despre cum este împărțit documentul în diferite segmente, paragrafe, liste, titluri etc. și informații cruciale care permit ca documentul să poată fi legat de alte documente pentru a forma astfel hiperlink-uri (sau web-ul).

HTML este un format text proiectat pentru a putea fi citit și editat de oameni utilizând un editor de text simplu. Totuși scrierea și modificarea paginilor în acest fel solicită cunoștințe solide de HTML și este consumatoare de timp. Editoarele grafice (de tip WYSIWYG) cum ar fi Macromedia Dreamweaver, Adobe GoLive sau Microsoft FrontPage permit ca paginile web sa fie tratate asemănător cu documetele Word, dar cu observația că aceste programe generează un cod HTML care este de multe ori de proastă calitate.

HTML se poate genera direct utilizând tehnologii de codare din partea serverului cum ar fi PHP, JSP sau ASP. Multe aplicații ca sistemele de gestionare a conținutului, wiki-uri și forumuri web generează pagini HTML.

HTML este de asemenea utilizat în e-mail. Majoritatea aplicațiilor de e-mail folosesc un editor HTML încorporat pentru compunerea e-mail-urilor și un motor de prezentare a e-mail-urilor de acest tip. Folosirea e-mail-urilor HTML este un subiect controversat și multe liste de mail le blochează intenționat.
HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web. Paginile HTML sunt formate din etichete sau tag-uri și au extensia .html sau .htm .În marea lor majoritate aceste etichete sunt pereche, una de deschidere și alta de închidere , mai există și cazuri în care nu se închid, atunci se folosește browserul interpretează aceste etichete afișând rezultatul pe ecran. HTML-ul nu este un limbaj case sensitiv (nu face deosebirea între litere mici și mari). Pagina principala a unui domeniu este fisierul index.html respectiv index.htm Această pagină este setată a fi afișată automat la vizitarea unui domeniu. De exemplu la vizitarea domeniului www.nume.ro este afișată pagina www.nume.ro/index.html.

Unele etichete permit utilizarea de atribute care pot avea anumite valori: …

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

Versiunea HTML poate fi:

HTML 4.01 Strict

HTML 4.01 Transitional

HTML 4.01 Frameset

Toate paginile HTML încep și se termină cu etichetele și . În interiorul acestor etichete găsim perechile , și , .

head conține titlul paginii între etichetele , descrieri de tip , stiluri pentru formatarea textului, scripturi și linkuri către fisiere externe (de exemplu scripturi, fișiere de tip CSS sau favicon).

Etichetele de tip meta conțin cuvinte cheie, descrierea paginii, date despre autor, informații utile motoarelor de căutare și au următorul format:

Exemplu: link către un fisier extern CSS:

body găzduiește practic toate etichetele afișate de browser pe ecran.

Exemplu: o pagină HTML cu titlul Exemplu iar conținutul Conținut pagină

Continut pagina Și în HTML poate fi introdus un comentariu, care bineînțeles nu va fi afișat de browser:

Mai jos sunt tipurile de elemente de marcare în HTML:

Marcare structurală. Descrie scopul unui text. De exemplu:

Fotbal

DirecÈ›ioneaza browserul pentru a reda “Fotbal” ca pe cel mai important titlu. Marcarea structurală nu are un anumit stil predefinit, dar cele mai multe browsere web au standardizat modul în care acestea sunt afiÈ™ate. De exemplu, titlurile importante (h1, h2, etc.) sunt aldine È™i mai mari decât restul textului.De notat că “h1″ este folosit doar o singură dată per pagină deoarece cu el este marcat titlul ei.

Marcare pentru prezentare. Descrie cum apare un text, indiferent de funcțiile sale. De exemplu:

îngroșat

Va afiÈ™a textul “îngroÈ™at” cu litere groase, aldine.Notă: Html a inceput în ultimii ani să înceapă să nu mai folosească acest gen de tag-uri pentru că “b” nu dă sens paginii, pe când tag-ul “strong” (adică strong emphasis) dă un înÈ›eles paginii, È™i mai important, asemenea tag-uri pentru prezentare doar încarcă o pagină cu informaÈ›ii È™i o fac astfel mai greu de încărcat, iar apoi dacă ataÈ™ezi un document CSS la pagină, o singură modificare la CSS (de ex: de la “font-weight:italic” la “font-weight:bold” va schimba tot textul selectat, È™i de exemplu, link-urile vor trece de la text înclinat la text îngroÈ™at, plus că în CSS avem avantajul de a putea preciza cât de mari sau mici să fie literele în pixeli «px», în puncte «pt», etc.)avem acelaÈ™i efect ca È™i cănd am avea de schimbat toate tag-urile de “i” de pe pagină în tag-uri de “b”, muncă care chiar È™i la un website mic este enormă, ce să mai vorbim de unul de genul wikipedia. AÈ™a că dacă vreÈ›i să începeÈ›i o carieră în html sau un hobby (È™i să aveÈ›i succes) nu folosiÈ›i aceste taguri, nu degeaba s-a inventat CSS-ul.

Marcare pentru hiperlink. Leagă părți ale unui document cu alte documente. De exemplu:

Wikipedia Românească

Va reda Wikipedia românească ca hiperlink către un URL specificat.

Elemente speciale (widget). Creează obiecte, cum ar fi butoanele și listele.

Doar marcatorii de prezentare (împreună cu foile de stiluri – CSS) determină cum conÈ›inutul din interiorul marcatorului va fi prezentat. CeilalÈ›i marcatori spun browserului ce obiecte să redea sau ce funcÈ›ii să execute.