HTML, sau HyperText Markup Language, reprezintă limbajul de bază folosit pentru crearea și structurarea paginilor web. Acest limbaj este esențial pentru oricine dorește să dezvolte un site web. În acest articol, vom explora fundamentele HTML și vom oferi exemple simple pentru a vă ajuta să începeți.
Ce este HTML?
HTML este un limbaj de marcare, ceea ce înseamnă că este folosit pentru a marca sau a eticheta diferite elemente dintr-o pagină web. Aceste etichete, cunoscute și sub numele de tag-uri, sunt utilizate pentru a defini structura și conținutul paginii web. Fiecare tag HTML este înconjurat de paranteze unghiulare (<>).
Structura de bază a unei pagini HTML
Pentru a începe, iată o structură de bază a unei pagini HTML:
<!DOCTYPE html>
<html>
<head>
<title>Titlul paginii</title>
</head>
<body>
<h1>Titlu mare</h1>
<p>Acesta este un paragraf.</p>
</body>
</html>Explicație:
<!DOCTYPE html>– Această linie indică versiunea HTML utilizată (HTML5).<html>– Elementul rădăcină care conține toate celelalte elemente ale paginii.<head>– Această secțiune conține informații despre pagină, cum ar fi titlul acesteia.<title>– Definim aici titlul paginii, care apare în bara de titlu a browser-ului.<body>– Această secțiune conține conținutul afișat în pagină.<h1>– Este un titlu mare, și HTML oferă<h1>până la<h6>pentru diferite niveluri de titluri.<p>– Este un paragraf.
Exemple de formatare a textului
Text italic și bold
Pentru a formata textul ca italic sau bold, folosim tag-urile <em> pentru italic și <strong> pentru bold:
<p>Acesta este un text <em>italic</em> și acesta este un text <strong>bold</strong>.</p>Listă cu marcatori
Pentru a crea o listă neordonată cu marcatori, folosim tag-ul <ul>, iar fiecare element de listă este marcat cu <li>:
<ul>
<li>Element 1</li>
<li>Element 2</li>
<li>Element 3</li>
</ul>Link-uri
Pentru a crea un link, folosim tag-ul <a> cu atributul href care indică URL-ul țintă:
<a href="https://www.example.com">Vizitați exemplu.com</a>Imagini
Pentru a adăuga o imagine, folosim tag-ul <img> cu atributul src care specifică sursa imaginii:
<img src="imagine.jpg" alt="O imagine frumoasă">Comentarii
Putem adăuga comentarii în codul HTML pentru a face explicații sau notițe. Acestea nu sunt afișate în browser:
<!-- Aceasta este o notă sau un comentariu -->Aceste exemple simple de HTML sunt doar începutul. HTML oferă o varietate de tag-uri și atribute pentru a formata și structura paginile web.
Pe măsură ce vă aprofundați în HTML, veți putea crea site-uri web complexe și interactive. Pentru a învăța mai multe, puteți explora resurse pe site-ul nostru WOWBRANDS Group. Practica și experiența vor fi cheia pentru a deveni un dezvoltator web de succes.