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>

Marketing ecologic în Uniunea Europeană
Marketing ecologic în Uniunea Europeană

Într-o economie globalizată, nivelurile medii de consum sunt în creştere ca urmare: a populaţiei mondiale în creştere; sporirii numărului de consumatori cu venituri medii şi mici şi extinderii unei culturi generale a consumului; sistemelor economice din societăţile industrializate bazate pe … Citeşte mai mult

Nu a fost votat $0,00 Selectează opțiunile
Statistica pentru afaceri
Statistica pentru afaceri

Statistica pentru afaceri este un ghid practic elementar de statistică, cu eșantioanele de date și exemplele orientate spre afaceri. Statistica face posibilă analiza problemelor de afaceri din lumea reală cu date reale, astfel încât să puteți determina dacă o strategie … Citeşte mai mult

Nu a fost votat $3,99$8,55 Selectează opțiunile
Cunoaștere și Informații
Cunoaștere și Informații

Autor: Nicolae Sfetcu Ediția a doua Cunoașterea și informațiile (abordate în ansamblu sau în componentele lor distincte) sunt o preocupare majoră pentru tehnologia informației, sisteme de informații, știința informației și activitatea de informații în general. Procesul obţinerii, prelucrării şi analizei … Citeşte mai mult

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

Lasă un răspuns

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