7.MaterialsHTML.md

HTML: Documentație pe Categorii

1. Structura de Bază a HTML

• Documentație:
  • W3Schools HTML Introduction - O introducere completă în HTML, explicând elementele de bază și structura documentului.
  • MDN HTML Basics - Ghid detaliat despre conceptele de bază și structura documentelor HTML.
• Video:
  • HTML Tutorial for Beginners - Un tutorial complet pentru începători despre elementele de bază ale HTML.
  • HTML Crash Course for Beginners - Un curs intensiv care acoperă structura de bază și elementele HTML.

2. Elemente Textuale

• Documentație:
  • W3Schools HTML Text - Explică elementele textuale de bază, cum ar fi paragrafele, titlurile, și stilurile textului.
  • MDN HTML Text Fundamentals - Oferă detalii despre elementele textuale și cum să le folosești corect.
• Video:
  • HTML Text Elements - Un tutorial despre utilizarea elementelor textuale în HTML.
  • HTML5 Tutorial: Formatting Text - Explică cum să formatezi și să stilizezi textul folosind elemente HTML5.

3. Liste și Tabele

• Documentație:
  • W3Schools HTML Lists - Explică cum să creezi liste ordonate și neordonate în HTML.
  • W3Schools HTML Tables - Oferă o introducere în crearea și stilizarea tabelelor în HTML.
  • MDN HTML Lists - Detalii despre elementele de liste ordonate și neordonate.
  • MDN HTML Tables - Explică elementele și atributele pentru tabelele HTML.
• Video:
  • HTML Lists Tutorial - Un tutorial despre utilizarea listelor în HTML.
  • HTML Tables Tutorial - Un ghid despre cum să creezi și să stilizezi tabelele în HTML.

4. Formulare și Elemente Interactive

• Documentație:
  • W3Schools HTML Forms - Explică cum să creezi formulare și să utilizezi diferite elemente de input în HTML.
  • MDN HTML Forms - Oferă detalii complete despre elementele de formular și cum să le folosești.
• Video:
  • HTML Forms Tutorial - Un ghid despre cum să creezi și să gestionezi formularele în HTML.
  • HTML5 Forms and Input Types - Explică noile tipuri de input disponibile în HTML5.

5. Imagini și Multimedia

• Documentație:
  • W3Schools HTML Images - Explică cum să adaugi și să gestionezi imagini în HTML.
  • W3Schools HTML Multimedia - Oferă detalii despre utilizarea elementelor video și audio în HTML5.
  • MDN HTML Images - Oferă informații detaliate despre elementul <img> și atributele acestuia.
  • MDN HTML Multimedia - Explică cum să integrezi conținut multimedia în paginile HTML.
• Video:
  • HTML Images Tutorial - Un tutorial despre cum să adaugi și să gestionezi imagini în HTML.
  • HTML5 Video and Audio - Explică cum să utilizezi elementele video și audio în HTML5.

6. Link-uri și Navigație

• Documentație:
  • W3Schools HTML Links - Explică cum să creezi link-uri și să gestionezi navigația în paginile HTML.
  • MDN HTML Links - Oferă detalii complete despre elementul <a> și atributele acestuia.
• Video:
  • HTML Links and Navigation - Un ghid despre cum să creezi link-uri și navigație în paginile HTML.
  • HTML5 Navigation Menu - Explică cum să creezi un meniu de navigare utilizând HTML5 și CSS.

7. Elemente Semantice HTML5

• Documentație:
  • W3Schools HTML5 Semantic Elements - Explică importanța și utilizarea elementelor semantice în HTML5.
  • MDN HTML5 Semantic Elements - Oferă o privire detaliată asupra elementelor semantice și a rolului lor.
• Video:
  • HTML5 Semantic Elements Tutorial - Un ghid despre utilizarea elementelor semantice în HTML5.
  • Understanding HTML5 Semantic Elements - Explică importanța semantice în HTML5 și cum să le folosești corect.

8. Atribute HTML și Atribute Globale

• Documentație:
  • W3Schools HTML Attributes - Explică utilizarea atributelor în HTML și atributele globale disponibile.
  • MDN HTML Attributes - Oferă o listă completă a atributelor HTML și cum să le utilizezi.
• Video:
  • HTML Attributes Tutorial - Un tutorial despre utilizarea atributelor în HTML.
  • Understanding HTML Attributes - Explică importanța și utilizarea corectă a atributelor HTML.

9. Meta Date și SEO

• Documentație:
  • W3Schools HTML Meta Tags - Explică utilizarea meta tag-urilor și importanța lor pentru SEO.
  • MDN HTML Meta Tags - Oferă detalii complete despre utilizarea meta tag-urilor în HTML.
• Video:
  • HTML Meta Tags Tutorial - Un ghid despre cum să folosești meta tag-urile pentru SEO.
  • SEO Best Practices for HTML - Sfaturi și trucuri pentru optimizarea SEO folosind HTML.

10. Elemente de Intrare și Control al Formularelor

• Documentație:
  • W3Schools HTML Input Types - Explică diferitele tipuri de elemente de input disponibile în HTML5.
  • [MDN HTML Input Types](https://developer.mozilla.org/en-US/docs/Web/

HTML/Element/input) - Oferă detalii complete despre fiecare tip de input și utilizările lor.

• Video:
  • HTML5 Input Types - Un ghid despre noile tipuri de input disponibile în HTML5.
  • Advanced HTML Form Elements - Explică cum să folosești elementele de formă avansate pentru a crea formulare interactive.

11. HTML5 API-uri

• Documentație:
  • W3Schools HTML5 APIs - Introducere în API-urile HTML5, inclusiv Geolocation, Web Storage, și Canvas.
  • MDN HTML5 APIs - Oferă detalii complete despre diversele API-uri disponibile în HTML5 și cum să le utilizezi.
• Video:
  • HTML5 Geolocation API - Un tutorial despre cum să utilizezi API-ul de geolocație în HTML5.
  • HTML5 Canvas Tutorial - Explică cum să folosești elementul <canvas> pentru a desena grafică dinamică în HTML5.

12. Accesibilitate (ARIA)

• Documentație:
  • W3Schools HTML Accessibility - Explică cum să faci paginile HTML mai accesibile pentru utilizatorii cu dizabilități.
  • MDN ARIA - Oferă detalii complete despre utilizarea atributelor ARIA pentru a îmbunătăți accesibilitatea.
• Video:
  • Accessible HTML Forms - Explică cum să creezi formulare HTML accesibile.
  • Web Accessibility Guidelines - Ghid despre cum să aplici standardele de accesibilitate în paginile HTML.

13. Elemente Inline vs Block

• Documentație:
  • W3Schools HTML Block and Inline Elements - Explică diferențele dintre elementele inline și block și cum să le folosești corect.
  • MDN Block and Inline Elements - Oferă o descriere detaliată și exemple despre elementele block și inline.
• Video:
  • Block vs Inline Elements - Un tutorial despre diferențele dintre elementele block și inline.
  • HTML Inline and Block Elements Explained - Explică cum să identifici și să utilizezi elementele block și inline.

14. Iframe-uri și Elemente Embed

• Documentație:
  • W3Schools HTML Iframes - Explică cum să folosești iframe-uri pentru a încorpora conținut extern în paginile HTML.
  • MDN HTML Iframe - Oferă detalii complete despre utilizarea și atributele iframe-urilor.
• Video:
  • HTML Iframes Tutorial - Un ghid despre utilizarea iframe-urilor în paginile HTML.
  • Embedding External Content with Iframes - Explică cum să încorporezi conținut extern folosind iframe-uri.

15. Comentarii și Cod HTML Curat

• Documentație:
  • W3Schools HTML Comments - Explică cum să adaugi comentarii în codul HTML pentru a-l face mai ușor de înțeles.
  • MDN HTML Comments - Oferă detalii despre utilizarea corectă a comentariilor în HTML.
• Video:
  • Writing Clean HTML Code - Sfaturi și trucuri pentru a scrie cod HTML curat și bine organizat.
  • HTML Comments Explained - Un tutorial despre cum să adaugi și să gestionezi comentariile în codul HTML.