AlegsaOnline.com

HyperText Markup Language

Autor: Leandro Alegsa

05-04-2022

Hyper Text Markup Language (HTML) este un limbaj de marcare pentru crearea unei pagini web. Paginile web sunt de obicei vizualizate într-un browser web. Ele pot include scris, linkuri, imagini și chiar sunet și video. HTML este utilizat pentru a marca și descrie fiecare dintre aceste tipuri de conținut, astfel încât browserul web să le poată afișa corect. HTML poate fi folosit și pentru a adăuga meta-informații la o pagină web. Meta-informațiile nu sunt, de obicei, afișate de browserele web și reprezintă date despre pagina web, de exemplu, numele persoanei care a creat pagina. Foile de stil în cascadă (Cascading Style Sheets - CSS) sunt utilizate pentru a stiliza elementele HTML, în timp ce JavaScript este utilizat pentru a manipula elementele HTML și stilurile CSS.

HTML a fost creat de World Wide Web Consortium (W3C). Există mai multe versiuni de HTML. Începând cu septembrie 2018, standardul actual al HTML este denumit HTML 5 și se află mai exact la versiunea 5.2.

Etichete

HTML folosește fragmente speciale de limbaj de programare numite "tag-uri" pentru a permite browserului să știe cum ar trebui să arate o pagină web. De obicei, etichetele vin în perechi: o etichetă de deschidere definește începutul unui bloc de conținut, iar o etichetă de închidere definește sfârșitul acelui bloc de conținut. Există mai multe tipuri diferite de etichete și fiecare dintre ele are un scop diferit. Pentru exemple de tag-uri, consultați "Basic HTML Tags" de mai jos.

Unele etichete funcționează numai în anumite browsere. De exemplu, tag-ul <menuitem>, care este utilizat pentru a face să apară ceva atunci când persoana apasă butonul drept al mouse-ului, funcționează numai pe browserul Mozilla Firefox. Celelalte browsere ignoră pur și simplu acest tag și afișează scrisul în mod normal. Mulți creatori de pagini web evită să folosească aceste etichete "non-standard" deoarece doresc ca paginile lor să arate la fel cu toate browserele.

Exemplu

Iată un exemplu de pagină în HTML.

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Acesta este titlul paginii. </title> 5 </head> 6 < body> 7 < p> Acesta este un paragraf. </p> 8 < a href="https://www.domain.com"> Acesta este un link. </a> 9 < img src="imagine.jpg" alt="Imagine"> 10 </body> 11 </html> 11 </html>

O pagină HTML simplă ar fi aceasta: un singur paragraf cu "Hello world! " scris pe el.

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Bună! </title> 5 </head> 6 < body> 7 < p> Bună ziua lume! </p> 8 </body> 9 </html>

Tag-uri HTML de bază

Numele etichetei	Nume	Funcția	Exemplu de cod
`<!DOCTYPE>`	Doctype	Definește tipul de document	<!DOCTYPE html>
`<html>`	HTML	Definește un document HTML și începe un document HTML.	< html> Toate codurile</html>
`<head>`	Cap	Conține orice cod care nu este utilizat pentru a afișa elemente pe pagina web	< head></head>
`<titlu>`	Titlu	Definește titlul paginii web (afișat în tab) și este introdus în cadrul rubricii `<head>.`	< title> Pagina web</title>
`<body>`	Corp	Conține elementele vizibile ale paginii web (și conține paragraful și altele)	< body> Etichete Html</body>
`<h1>` până la `<h6>`	Rubrici	Titluri de diferite dimensiuni `(<h1>` fiind cel mai mare)	< h1> Titlul</h1>
<p>	Paragraful	Definește un paragraf de text	< p> TEXT</p>
<a>	Ancoră	Creează legături active către alte pagini web	< a href="www.domain.com"> Vizitați site-ul nostru</a>
`<img>`	Imagine	Afișează o imagine pe pagină	< img src="ImageUrl" alt="Textul afișat dacă imaginea nu este disponibilă">
`<br>`	Pauză	Introduce o singură întrerupere de linie	Text < br> Text
`<center>`	Centru	Mută conținutul în centrul paginii	< center> Cod</center>
`<script>`	Script	Creează un script în pagina web, de obicei scris în JavaScript	< script> document. write("Hello World!")</script>

Utilizarea etichetelor HTML

Realizarea unei pagini web

Realizarea unei pagini web este ușoară.Tot ce trebuie să rețineți sunt etichetele și ordinea pentru a realiza o pagină web.

În primul rând, trebuie să găsiți un loc unde să introduceți etichetele HTML (recomand Notepad) și să introduceți etichetele.

Iată un alt exemplu de pagină cu etichete HTML.

<html>

<head>

<titlu> Salut! <titlu>

</head>

<body>

<p>

Aceasta este o pagină cu etichete HTML.

</p>

De către: *Inserați numele aici*

</footer>

</html>

După ce ați terminat, salvați în acest format: helloworld.htm

(nu puneți spații)

Și ați terminat! După ce o salvați în calculator, dacă apăsați pe ea, vă va trimite la pagina dvs. web în Google!

Întrebări și răspunsuri

Î: Ce este HTML?

R: HTML este un tip de limbaj de marcare utilizat pentru a crea pagini web care conțin texte, linkuri, imagini și materiale audiovizuale.

Î: Care este funcția HTML?

R: Funcția HTML este de a indica browserelor web cum ar trebui să arate paginile web și de a adăuga meta-informații, cum ar fi numele creatorului paginii web.

Î: Care sunt câteva exemple de suporturi media care pot fi incluse în paginile web create folosind HTML?

R: Unele exemple de conținut media care pot fi incluse în paginile web create cu ajutorul HTML sunt fișierele audio și clipurile video.

Î: Cum completează CSS HTML?

R: CSS este utilizat pentru a schimba aspectul paginilor HTML.

Î: Care este rolul JavaScript în dezvoltarea web?

R: JavaScript este un limbaj de scripting esențial în dezvoltarea web, deoarece le spune site-urilor web cum să se comporte și poate modifica aspectul HTML și CSS.

Î: Cine este responsabil pentru crearea HTML?

R: HTML este creat de World Wide Web Consortium (W3C).

Î: Care este versiunea standard actuală a HTML?

R: Începând cu septembrie 2018, HTML 5 este cea mai recentă versiune standard de HTML, la versiunea 5.2.