Elaborează site-uri Web cu Limbajul HTML

Unul din primele elemente fundamentale ale WWW ( World Wide Web ) este HTML ( Hypertext Markup Language ), care descrie formatul primar în care documentele sunt distribuite și văzute pe Web. Multe din trasaturile lui, cum ar fi independenta fata de platforma, structurarea formatării și legaturile hypertext, fac din el un foarte bun format pentru documentele Internet și Web.

Primele specificațiile de bază ale Web-ului au fost HTML, HTTP și URL.

HTML a fost dezvoltat initial de Tim Berners-Lee la CERN în 1989. HTML a fost vazut ca o posibilitate pentru fizicienii care utilizeaza computere diferite și schimbe intre ei informație utilizind Internetul. Erau prin urmare necesare citeva trasaturi: independenta de platforma, posibilități hypertext și structurarea documentelor.Independenta de platforma inseamnă ca un document poate fi afișat în mod asemănător de computere diferite ( deci cu fonte, grafica și culori diferite ), lucru vital pentru o audienta atit de variata. Hipertext înseamnă că orice cuvânt, frază, imagine sau alt element al documentului văzut de un utilizator ( client ) poate face referința la un alt document, ceea ce ușurează mult navigarea intre multiple documente sau chiar în interiorul unui aceluiasi document. Structurarea riguroasa a documentelor permite convertirea acestora dintr-un format în altul precum și interogarea unor baze de date formate din aceste documente.

Standardul oficial HTML este World Wide Web Consortium (W3C), care este afiliat la Internet Engineering Task Force (IETF). W3C a enunțat câteva versiuni ale specificației HTML, printre care și HTML 2.0, HTML 3.0,HTML 3.2, HTML 4.0 și, cel mai recent, HTML 4.01. în același timp, autorii de browsere, cum ar fi Netscape și Microsoft, au dezvoltat adesea propriile "extensii" HTML în afara procesului standard și le-au incorporat în browserele lor. în unele cazuri, cum ar fi tagul Netscape , aceste extensii au devenit standarde de facto adoptate de autorii de browsere.

HTML 2.0, elaborat în Iunie 1994, este standardul pe care ar trebui să-l suporte toate browserele curente -- inclusiv cele mod text. HTML 2.0 reflecta concepția originala a HTML ca un limbaj de marcare independent de obiectele existente pentru așezarea lor în pagina, în loc de a specifica exact cum ar trebui să arate acestea. Dacă doriți să fiți siguri ca toți vizitatorii vor vedea paginile așa cum trebuie, folosiți tagurile HTML 2.0.

Specificația HTML 3.0, Enunțata în 1995, a incercat să dezvolte HTML 2.0 prin adăugarea unor facilități precum tabelele și un mai mare control asupra textului din jurul imaginilor. Deși unele din noutățile HTML 3.0 erau deja folosite de autorii de browsere, multe nu erau incă. în unele cazuri, taguri asemănătoare implementate de autorii de browsere au devenit mai răspândite decât tagurile "oficiale". Specificația HTML 3.0 acum a expirat, deci nu mai este un standard oficial.

în Mai 1996, W3C a scos pe piața specificația HTML 3.2, care era proiectata să reflecte și să standardizeze practicile acceptate la scara larga. Deci, HTML 3.2 include tagurile HTML 3.0 ce erau adoptate de autorii de browsere ca Netscape și Microsoft plus extensii HTML răspândite. în Bilanțul asupra HTML, W3C recomanda ca providerii de informații să utilizeze specificația HTML 3.2.Versiunile curente ale majorității browserelor ar trebui să suporte toate, sau aproape toate aceste taguri.

De asemenea există extensii Netscape și Microsoft care nu fac parte din specificația HTML 3.2, ori pentru ca sunt mai puțin utilizate, ori au fost omologate după apariția HTML 3.2. Pentru ca navigatorul Netscape a fost printre primele browsere care suporta anumite taguri HTML 3.0, iar Netscape deține în jur de 70% din piața de browsere, mulți au crezut eronat ca toate extensiile Netscape (incluzând taguri ca și facilitați ca ferestrele) fac parte din HTML 3.0 sau HTML 3.2.

La momentul aparitiei acestui tutorial, HTML 4.0 este larg utilizat și au fost deja publicate specificatiile HTML 4.01.

Documentele HTML sînt documente în format ASCII și prin urmare pot fi create cu orice editor de texte. Au fost insa dezvoltate editoare specializate care permit editarea intr-un fel de WYSIWYG desi nu se poate vorbi de WYSIWYG atita vreme cit navigatoarele afișează acelasi document oarecum diferit, în functie de platforma pe care ruleaza. Au fost de asemenea dezvoltate convertoare care permit formatarea HTML a documentelor generate ( și formatate ) cu alte editoare. Evident conversiile nu pot patra decit partial formatarile anterioare deoarece limbajul HTML este inca incomplet.

Modul de lucru de începere a unei pagini WEB cu aplicația Visual Studio Code:

Pasul 1: Instalarea Visual Studio Code

Dacă nu aveți deja Visual Studio Code instalat, puteți descărca și instala ultima versiune de pe site-ul oficial: Visual Studio Code. Visual Studio Code

Pasul 2: Deschiderea Visual Studio Code

După instalare, deschideți Visual Studio Code.

Pasul 3: Crearea unui Fișier HTML Nou

1. Dați clic pe File (Fișier) în meniul superior și selectați New File (Fișier Nou) sau utilizați combinația de taste Ctrl + N (Windows/Linux) sau Cmd + N (Mac) pentru a crea un fișier nou.
2. Salvați fișierul cu extensia .html, de exemplu index.html, într-un director ales pentru proiectul dvs.

Pasul 4: Scrierea Codului HTML de Bază

În fișierul index.html, puteți începe să scrieți codul HTML de bază pentru o pagină web. Un exemplu simplu ar putea arăta astfel:

Pasul 5: Previzualizarea Paginii Web

1. Salvați modificările (Ctrl + S sau Cmd + S).
2. Dați clic dreapta pe editor și selectați Open with Live Server (Deschideți cu Server Live), dacă aveți extensia Live Server instalată, sau utilizați Alt + L Alt + O pentru a deschide fișierul într-un browser web.

Pasul 6: Salvarea și Publicarea

1. Continuați să adăugați și să modificați conținutul în fișierul HTML folosind Visual Studio Code.
2. Salvați orice modificări (Ctrl + S sau Cmd + S) și actualizați previzualizarea în browser.

Pasul 7: Extinderea cu CSS și JavaScript (opțional)

Pentru a adăuga stil și funcționalitate paginii web, puteți crea fișiere separate pentru CSS și JavaScript și le puteți lega în fișierul HTML utilizând elementele < link> și < script>.

Modul de lucru de începere a unei pagini WEB :

* Daca vom face modificari in codul sursa, pentru a le putea vedea in browser trebuie salvat fisierul .html (FILE - SAVE), apoi folosim butonul Refresh (Reload pentru Netscape. Doar uneori, pentru a afisa ultima versiune salvata a codului sursa si a evita afisarea unei copii aflate in memoria cache, folosim Shift + Reload sau Option + Reload).

         Acesta este modul de lucru; dupa cum vedeti nu este foarte complicat. Putem continua sa dezvoltam aceasta pagina si sa introducem imagini, text de diverse marimi, culori, legaturi spre alte pagini, tabele, etc. Alaturi de marcajele necesare veti gasi si foarte multe exemple (aproape fiecare atribut al fiecarui marcaj + combinatii ale atributelor si comentarii); lista nu este completa, dar cuprinde mai mult decat cateva notiuni de baza; o sa continui dezvoltarea ei.