Home » Articole » Articole » 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>

Business intelligence și analitica în afaceri
Business intelligence și analitica în afaceri

Datele sunt fapte și cifre brute, iar informațiile sunt date semnificative care ar fi utile pentru o persoană sau companie. Business intelligence extrage informații din datele brute prin instrumente precum mineritul datelor, analiza perspectivală, procesarea analitică online etc. Cartea va oferi … Citeşte mai mult

Nu a fost votat $4.99$10.99 Selectează opțiunile
Amenințările persistente avansate în securitatea cibernetică – Războiul cibernetic
Amenințările persistente avansate în securitatea cibernetică – Războiul cibernetic

O analiză cuprinzătoare a Amenințărilor Persistente Avansate (Advanced Persistent Threats, APT), inclusiv caracteristicile, originile, metodele, consecințele și strategiile de apărare ale acestora, cu accent pe detectarea acestor amenințări. Se explorează conceptul de amenințări persistente avansate în contextul securității cibernetice și … Citeşte mai mult

Nu a fost votat $1.99$5.41 Selectează opțiunile
Ghid Facebook pentru utilizatori
Ghid Facebook pentru utilizatori

Facebook este, de departe, cea mai cunoscută reţea socială, care permite utilizatorilor înregistraţi să îşi creeze profiluri proprii, să încarce şi să partajeze cu prietenii fotografii şi clipuri video, să trimită mesaje şi să păstreze legătura cu prietenii, familia şi … Citeşte mai mult

Nu a fost votat $1.99$3.39 Selectează opțiunile

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *