Cum să structurați un nou document HTML
HTML (HyperText Markup Language) este coloana vertebrală a conținutului web, oferind structură informațiilor afișate pe site-uri web. Fiecare document HTML urmează o structură de bază care include elemente esențiale. Să pătrundem în componentele cheie.
1. '<!DOCTYPE html>'
Această declarație definește tipul de document și versiunea HTML utilizată. Pentru paginile web moderne, este obișnuit să folosiți „<!DOCTYPE html>”.
2. '<html>'
Elementul rădăcină încapsulează întregul document HTML.
3. '<head>'
Secțiunea de cap conține metainformații despre document, cum ar fi titlul, setul de caractere și foile de stil legate.
4. '<title>'
Acest element setează titlul documentului HTML, care apare în fila sau fereastra browserului.
5. '<body>'
Elementul body conține conținutul documentului HTML, inclusiv text, imagini, link-uri și multe altele.
Exemplu de document HTML
Acum, să punem totul împreună într-un exemplu:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My HTML Document</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a simple example of an HTML document.</p>
<img src="example.jpg" alt="An example image">
<a href="https://www.example.com">Visit Example.com</a>
</body>
</html>În acest exemplu, înlocuiți "My HTML Document" cu titlul dorit și ajustați conținutul în '<body>' în consecință. Înțelegerea acestei structuri de bază pune bazele pentru crearea unor pagini web bine organizate, semnificative din punct de vedere semantic.
Bonus: Etichete de închidere
Când compuneți o pagină HTML, este important să vă asigurați că toate etichetele sunt închise corect, pentru a evita fluxul paginii și problemele de randare. Pentru a vă ajuta cu această sarcină, verificați instrumentul nostru HTML Unclosed Tag Checker Tool pentru a detecta problemele structurale în codul dvs. HTML.