Home » Articole » RO » Calculatoare » Dezvoltarea web » HTML » Elementele HTML

Elementele HTML

postat în: HTML 0

Anterior am arătat cum să creați o pagină web simplă. Dacă nu ați salvat acest exemplu pe computer ca fișier simple.html, faceți-o acum.

Exemplul 1.2. O pagină web simplă

<html>
<head>
<title>O
pagină web simplă</title>
</head>
<body>
Aceasta este o pagină web simplă.
</body>
</html>

Dacă vizualizați simple.html în browser, veți vedea cuvintele „Aceasta este o pagină web simplă” pe un fundal alb sau gri. Unde s-au dus toate celelalte? Și ce sunt acele cuvinte cu parantezele unghiulare, oricum?

O scurtă introducere în elemente

Pagina web simple.html folosește aceste elemente: html, head, title și body.

  • Elementele sunt delimitate prin paranteze unghiulare (< >).
  • Elementele sunt „invizibile”; ele nu apar direct pe pagina web. În schimb, ele servesc drept instrucțiuni pentru browserul dvs. Acestea pot schimba aspectul textului, pot crea un link, pot insera o imagine și multe altele.
  • Un element începe cu o etichetă de deschidere (<element>) și se termină cu o etichetă de închidere (</element>). Unele elemente nu necesită etichete de închidere.

Vom discuta proprietățile generale ale elementelor în detaliu în Elemente. Deocamdată, să ne concentrăm asupra elementelor particulare din exemplul „Pagina web simplă”.

Structura paginii web simple

Deși „Pagina web simplă” nu arată prea mult, elementele sale (html, head, title și body) sunt fundamentale pentru structura tuturor documentelor HTML. Iată ce înseamnă aceste elemente:

  • <html>: „Aici începe un document HTML.”
    Elementul html ajută la identificarea unui fișier ca document HTML.
  • <head>: „Aici începe antetul”.
    Antetul conține elemente care se aplică întregului document. De exemplu, poate conține elemente care sunt concepute pentru ca motoarele de căutare să le proceseze sau elemente care modifică aspectul general al paginii web. Cu toate acestea, elementele din antet nu se afișează direct ca un conținut normal al paginii web.
    Motivele pentru care ați fi îngrijorat cu privire la antet sunt puțin abstracte în această etapă, așa că nu ne vom îngrijora prea mult decât mai târziu.
  • <title>: „Aici începe titlul documentului.” (Trebuie să fie în antet)
    Dacă vizualizați fișierul simple.html în browser, în partea de sus a ferestrei browserului ar trebui să vedeți cuvintele „O pagină web simplă”. Aceste cuvinte apar din cauza elementului title.
    Ca exercițiu, schimbați titlul paginii web simple.html în „Prima mea pagină web”. Salvați modificările și vizualizați-le făcând clic pe butonul
    Refresh sau Reload al browserului.
    Titlurile ar putea să nu pară importante la prima vedere, dar sunt de fapt destul de utile. De exemplu, dacă un motor de căutare afișează pagina ta într-o listă de rezultate ale căutării, probabil că va afișa title ca titlu al paginii tale. Dacă omiteți elementul title, motorul de căutare va crea unul pentru dvs. Acesta nu este un lucru bun.
    Notă
    S-ar putea să fi observat că elementul title este conținut în elementul head. Este asta cușer? Absolut! De fapt, multe elemente sunt concepute pentru a conține alte elemente și veți imbrica elemente în alte elemente destul de des pe măsură ce continuați.
  • <body>: „Aici începe corpul”.
    Corpul este locul în care puneți textul și elementele care urmează să fie afișate în fereastra principală a browserului. Motivul pentru care cuvintele „Aceasta este o pagină web simplă” apar atunci când afișați simple.html este că le-ați plasat în body.

Deci, de ce vedem doar „Aceasta este o pagină web simplă” când afișăm simple.html într-un browser? Răspunsul este că, după ce eliminați toate elementele care nu sunt concepute pentru a fi afișate în fereastra browserului, propoziția „Aceasta este o simplă pagină web” este singurul lucru rămas.

În secțiunea următoare, vom modifica pagina noastră web de exemplu, doar pentru a vedea ce se întâmplă. După aceea, vom oferi o definiție mai formală a elementelor și proprietăților elementelor.

Sursa:  “The Pocket HTML Tutorial” Copyright 2022 de Evan Goer, licența CC BY 3.0. Traducere și adaptare de Nicolae Sfetcu

<p align=”center”><a href=”https://www.telework.ro/ro/web-design-ro/”><img border=”0″ src=”https://www.telework.ro/wp-content/uploads/2020/06/728×90-RO-Web.png” width=”728″ height=”90″></a></p>

Tehnologia Blockchain - Bitcoin
Tehnologia Blockchain – Bitcoin

Internetul a schimbat complet lumea, cultura şi obiceiurile oamenilor. După o primă fază caracterizată prin transferul liber al informaţiilor, au apărut preocupările pentru siguranţa comunicaţiilor online şi confidenţialitatea utilizatorilor. Tehnologia blockchain asigură ambele aceste deziderate. Relativ nouă, ea are şansa să producă … Citeşte mai mult

Nu a fost votat $2,99$11,99 Selectează opțiunile
Proiectarea, dezvoltarea şi întreţinerea siturilor web
Proiectarea, dezvoltarea şi întreţinerea siturilor web

Un ghid pentru dezvoltatorii web, cu accent pe HTML, XML, JavaScript, SQL, tehnologii web, software web, software pentru dezvoltare web, aplicaţii web, şabloane pentru aplicaţii web, AJAX, servicii web, sindicalizarea web, web design, situri web, găzduirea web, analiza siturilor web, … Citeşte mai mult

Nu a fost votat $2,99$11,97 Selectează opțiunile
Traducere şi traducători
Traducere şi traducători

Include Ghidul Comisiei Europene pentru traducătorii din Uniunea Europeană Despre traducere şi traducători, teorii ale traducerilor, traducerea asistată pe calculator, şi software utilizat în traduceri. Include Ghidul Comisiei Europene pentru traducătorii din Uniunea Europeană şi legislaţia specifică traducerilor şi traducătorilor. … Citeşte mai mult

Nu a fost votat $2,99 Selectează opțiunile

Lasă un răspuns

Adresa ta de email nu va fi publicată.