HTML: Ghid Detaliat pentru Începători

HTML, sau HyperText Markup Language, este limbajul standard utilizat pentru construirea și structurarea paginilor web. Este un markup language care utilizează etichete sau “tag-uri” pentru a defini elementele structurale ale unei pagini web. HTML oferă un mod de a formata și organiza conținutul, precum și de a crea legături între diferite pagini și resurse online.

Caracteristicile principale ale HTML includ:

  1. Structură de bază: HTML furnizează o structură de bază pentru paginile web, inclusiv elemente precum <html>, <head>, și <body>, care definesc cum trebuie afișat conținutul.
  2. Elemente și tag-uri: Elementele HTML sunt construite folosind tag-uri, cum ar fi <p> pentru paragrafe, <h1> pentru titluri, <a> pentru legături, și altele. Aceste tag-uri definesc structura și semantica conținutului.
  3. Atribute: Tag-urile pot avea atribute care furnizează informații suplimentare despre modul în care trebuie tratat sau afișat conținutul. De exemplu, <img> are un atribut src pentru calea către imagine.
  4. Link-uri: HTML permite crearea de link-uri către alte pagini web sau resurse, folosind tag-ul <a>.
  5. Formulare: HTML include elemente pentru crearea de formulare interactiv cu ajutorul tag-urilor <form>, <input>, <select>, și altele.

Pentru a crea primul tău fișier HTML, urmează acești pași simpli:

1. Deschide un editor de text

Poți utiliza un simplu editor de text precum Notepad pe Windows, TextEdit pe Mac sau Visual Studio Code, Sublime Text, Atom, sau orice alt editor de cod preferat. Asigură-te că salvezi fișierul cu extensia “.html“. (exemplu.html)

2. Scrie structura HTML de bază

Introdu următorul cod pentru a crea o structură HTML simplă:

<!DOCTYPE html>
<html>
<head>
<title>Primul meu HTML</title>
</head>

<body>

<h1>Bun venit pe prima mea pagină HTML!</h1>
<p>Aceasta este o pagină simplă creată de mine.</p>

</body>
</html>

Acum, iată o explicație pentru fiecare tag din cod:

  1. <!DOCTYPE html>: Aceasta specifică versiunea de HTML pe care o utilizează pagina. În acest caz, html indică că este vorba de HTML5.
  2. <html>: Acest tag marchează începutul și sfârșitul documentului HTML.
  3. <head>: Acest tag conține informații despre document, cum ar fi titlul și legături către fișierele externe (CSS, JavaScript etc.).
  4. <title>: Acesta este tag-ul care definește titlul paginii, care va fi afișat în bara de titlu a browserului.
  5. <body>: Acest tag marchează începutul și sfârșitul conținutului efectiv al paginii web.
  6. <h1>: Acesta este un tag de antet (heading) și reprezintă cel mai important titlu pe pagină. Cu cât numărul este mai mic, cu atât textul este considerat mai important. Aici, h1 este folosit pentru titlul principal.
  7. <p>: Acesta este tag-ul pentru paragrafe. Textul inclus între tag-urile <p> și </p> este considerat un paragraf.

3. Salvează fișierul

Salvează fișierul cu extensia “.html”. Poți alege un nume semnificativ, cum ar fi “index.html”. Asigură-te că extensia fișierului este “.html”, nu “.txt”.

4. Deschide fișierul într-un browser

Dă dublu click pe fișierul pe care l-ai creat sau deschide-l cu un browser web pentru a vedea rezultatul.

Veți vedea textul “Bun venit pe prima mea pagină HTML!” și “Aceasta este o pagină simplă creată de mine.” afișate pe pagină.

Aceasta este o început simplu pentru a te familiariza cu structura de bază a unui document HTML. Poți continua să adaugi și să modifici conținutul în funcție de nevoile tale, experimentând cu diverse elemente HTML. Dacă ai nevoie de ajutor nu ezita să mă contactezi! Mult succes!