Lecție 1: Introducere în HTML

by

Elemente cheie:

  • HTML
  • Document structură de bază
  • Etichete, elemente și atribute

Noțiuni:

În această lecție, vom explora fundamentele HTML, înțelegând rolul său în dezvoltarea web, structura de bază a unui document HTML, și conceptele de bază legate de etichete, elemente și atribute.

Definiții:

  • HTML (Hypertext Markup Language): Limbajul de marcăj utilizat pentru a structura conținutul paginilor web.

Exemplu: Structura de bază a unui document HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My First Web Page</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This is a simple HTML page.</p>
</body>
</html>
  1. <!DOCTYPE html> (Document Type Declaration):
    • Definiție: Specifică tipul de document HTML și versiunea.
    • Exemplu: <!DOCTYPE html> indică că pagina este scrisă în HTML5.
  2. <html>:
    • Definiție: Reprezintă elementul rădăcină al unei pagini HTML.
    • Exemplu: <html lang="en"> indică începutul și specifică limba paginii (en pentru engleză).
  3. <head>:
    • Definiție: Conține informații despre documentul HTML, precum metaetichete, titlu, și legături la fișiere externe.
    • Exemplu: <head> conține metaetichete pentru setul de caractere și viewport, precum și titlul paginii.
  4. <meta charset="UTF-8">:
    • Definiție: Specifică setul de caractere utilizat în document.
    • Exemplu: <meta charset="UTF-8"> indică utilizarea setului de caractere UTF-8.
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">:
    • Definiție: Configurare pentru a se potrivi pe ecranele dispozitivelor mobile.
    • Exemplu: Ajustează lățimea la dispozitivul de vizualizare (device-width) și setează scala inițială la 1.0.
  6. <title>:
    • Definiție: Definește titlul paginii, afișat în bara de titlu a browserului.
    • Exemplu: <title>My First Web Page</title> stabilește titlul paginii.
  7. <body>:
    • Definiție: Conține conținutul principal al documentului HTML, inclusiv text, imagini, link-uri, etc.
    • Exemplu: <body> începe conținutul vizibil al paginii, cum ar fi un antet (<h1>) și un paragraf (<p>).