01. Introducere în HTML

Ce este HTML

Html sau HyperText Markup Language este unul dintre cele mai vechi limbaje de marcare web. Acesta sta la baza crearii unui site web. Inainte de a invata alte limbaje de programare se recomanda sa cunosti cel putin HTML.

La finalul acestor informatii, vei avea capacitatea de a realiza fisiere HTML, sa poti salva corect documentele si sa poti sa vizualizezi toata activitatea intr-un browser web.

Pentru a parcurge informatiile, sunt necesare urmatoarele cunostinte de baza:

  • Sa stii ce este un notepad si cum se foloseste
  • Sa stii sa deschizi un fisier folosind Internet Explorer (sau oricare alt browser la alegere, vezi mai jos o lista cu cele mai folosite browsere)
  • Sa stii ce este si cum se face un copy/paste

Prima pagina web

Pentru inceput copiaza urmatorul cod HTML in notepad. Asigura-te ca operatiunea a fost executata corect, in caz contrar pagina nu va functiona.

 

<html>

    <head>
    
    </head>
    
    <body>
        
        <h2>Prima mea pagina web!</h2>
    
    </body>

</html>

Codul HTML de mai sus, este tot ceea ce iti trebuie pentru a crea o pagina web de baza. Acum poti salva documentul in notepad selectand din meniul„File”, optiunea „Save As”. In fereastra care se deschide, selecteaza „All Files”. Vom da un nume fisierului, de exemplu „index.html”, fara ghilimele. Verifica de doua ori inainte de a apasa butonul „Save”.

Vizualizarea primei pagini web – Browsers

Pentru a putea vedea pagina, va trebui sa folosesti un browser. Browser-ele sunt programele de internet care interpreteaza codurile HTML, asemanatoare cu acele pe care le-ai copiat si salvat in notepad. Acestea transforma codul HTML intr-o pagina web care poate fi citita de orice utilizator de internet. Cele mai folosite browsere sunt:

  • Chrome
  • FireFox
  • Safari
  • Opera
  • Internet Explorer

Vizualizarea primei pagini

Pentru a putea vizualiza pagina web, trebuie sa deschizi fisierul „index.html” intr-un browser. In acest sens, poti face clik dreapta pe fisier si selecta optiunea „Open with..” (deschide cu..), alegand unul din browser-ele enumerate mai sus.

Pagini Web

Paginile web au multe intrebuintari. Aici sunt explicate cateva dintre argumente:

  • Cea mai simpla cale de a promova informatii online
  • O alta forma de a-ti amplifica ideea
  • Poti face cunoscut lumii ca ai ceva de spus intr-o pagina personala

Poate fi , un blog, o pagina de prezentare, sau orice alta idee.

Cuvinte de retinut

  • Tag – folosit pentru a specifica regiuni ale documentului HTML, pe care le va interpreta ulterior browser-ul. Tag-urile vor avea acest aspect: <tag>
  • Element – este un tag complet, avand un <tag> de deschidere si unul de inchidere </tag>.
  • Attribute – este folosit pentru a modifica valoarea unui element in HTML. De obicei un element are mai multe atribute.

Asadar un tag este o comanda pe care browser-ul o interpreteaza, un element este un tag complet, iar un atribut personalizeaza si modifica un element in HTML.