Ce este o pagină Web? Listați principalele elemente ale paginii Web

Cea mai mare parte a conținutului prezentat pe Internet este o pagină web. Acesta este, din punct de vedere istoric, primul tip de documente destinate a fi plasate într-un spațiu virtual de rețea, dar care totuși și-a păstrat relevanța și practic nu are formate concurente. Care este structura paginilor web? Cu ce ​​mijloace de dezvoltare web sunt create?

Ce este o pagină Web?

"Listați principalele elemente ale paginii Web" - spune examinatorul la lecția de informatică. Ce îi putem spune în schimb? În primul rând, vorbim despre ce este în principiu pagina web.

Este în conformitate cu general acceptat în definiția IT-specialiști, un document care este proiectat pentru a deschide într-un program special - browser-ul și conține date pentru a afișa pe un ecran de computer cu ajutorul tipului adecvat pentru diferite conținut util - text, link-uri, grafica, video, muzică, și .. etc Web-site-ul - un document text. Date relevante pentru browser sunt litere, cifre și caractere speciale, care sunt folosite ca elemente ale limbajului de marcare - HTML. Este cu ajutorul creatorului său „explică“ pagina web browser-ului cum pentru a afișa pe ecran sau alt conținut.

Locul și rolul paginilor web în structura site-ului

Puteți spune că o pagină Web este componenta principală a unui site web? Acest lucru este parțial adevărat. Cu toate acestea, după cum am menționat mai sus, o pagină web este doar un document text. Pe site, de regulă, există, de asemenea, imagini, video și alte elemente multimedia. Pagina web nu le poate conține în sine, dar în structura lor poate conține legături către ele. Astfel, o pagină web poate fi numită componenta principală a site-ului în rolul dominant în afișarea conținutului virtual în fața utilizatorilor.

În cazuri rare, desigur, documentul în cauză va fi singura componentă a site-ului - dacă din anumite motive nu furnizează grafică, video și alte elemente multimedia. În special, primele site-uri - când limbile de marcare ale paginilor Web au apărut doar - nu includ conținut relevant. Înainte de ochii utilizatorului era doar text și legături.

Principiul activării hipertextului

Deci, o pagină Web este un document realizat în HTML, cu care este implementat un markup hipertext. Dar ce este acest fenomen? Ce este hipertextul? Fără a intra profund în teorie, observăm că acesta este un text care într-un fel sau altul vă permite să obțineți acces rapid la altul - prin legături. Într-o carte normală, acest lucru este imposibil - există un "text simplu". Pentru a avea acces la pagina dorită, cititorul trebuie să facă mai multe pagini de paginare, înainte de a citi conținutul sau notele de subsol. În modul "hipertext", partea principală a lucrării este realizată de calculator - datorită informațiilor reflectate în elementele HTML ale paginii.

Dacă un profesor de informatică ne spune: "Listează principalele elemente ale unei pagini Web", atunci putem începe narațiunea componentelor documentului corespunzător care sunt create folosind limba de marcare HTML într-un mod perfect corect. Deci, mai întâi, să ne uităm la câteva puncte teoretice despre HTML.

Structura limbajului HTML: etichete

Cum citește browserul datele necesare despre o pagină web dintr-un document scris în HTML? Este foarte simplu.

Elementele principale ale acestui limbaj sunt etichete. Acestea sunt, în majoritatea cazurilor, asociate - există o deschidere și există o închidere. Primele sunt indicate numai cu ajutorul consolelor unghiulare. Al doilea este același, dar înainte de al doilea bracket, slash-ul este caracterul /. Browser-ul este capabil să le recunoască și, prin urmare, nici o problemă afișează paginile web, în ​​conformitate cu algoritmii creat de dezvoltatorul documentului.

Eticheta de deschidere este de obicei scrisă cu majuscule, închizându-l cu mici litere. Acesta este standardul stabilit între profesioniștii IT. Browserul, desigur, recunoaște comanda HTML cu orice litere, dar este recomandat ca dezvoltatorii web să adere la schema menționată de scriere a etichetelor. Acest lucru va facilita, de exemplu, revizuirea paginii web de către alți specialiști.

atribute

Alte elemente importante ale limbajului HTML sunt atributele. Cu ajutorul lor, creatorul unei pagini web poate seta proprietățile conținutului - de exemplu, înălțimea fontului, culoarea, poziția relativă la pagină. Același lucru este valabil și pentru imagini, video și alte componente multimedia. Atributele sunt scrise în eticheta de deschidere.

conținut

Între eticheta de deschidere și de închidere este următoarea componentă cheie a paginii web - conținutul. Acesta este, de fapt, același conținut care ar trebui afișat înaintea utilizatorului pe ecran. Acesta poate fi text, link, imagine, video sau alt element multimedia.

Elemente de pagini web

"Deci lista principalele elemente ale paginii Web, în ​​cele din urmă!" - repetă profesorul. "Cu plăcere", îi răspundem. Ce este inclus în structura tipului de documente în cauză? Suntem de acord că vom lua în considerare acest aspect în contextul elementelor HTML ale paginii web. Aceasta este afișarea lor în browser - ceea ce văd utilizatorul pe ecran - ne vom interesa într-o măsură mai mică. Faptul este că algoritmii HTML corespunzători, pe baza cărora programul afișează conținutul în același mod, pot fi diferiți. Și aceasta este specificul limbajului HTML: puteți afișa imaginea dorită pe o pagină Web în moduri diferite. În același timp, aceștia pot fi atât echivalenți din punctul de vedere al efortului creatorului paginii web în moduri, și își asumă diferite eforturi și timp pentru implementarea lor.

Elemente de pagini web: antet

Elementele standard ale paginii Web, oricât de surprinzător ar putea suna, sunt prezentate în număr foarte mic. De fapt, există doar două dintre ele - titlul și partea principală a documentului. În același timp, fiecare dintre ele poate avea o structură destul de complexă.

Care este specificitatea titlului? Acesta este situat chiar în partea de sus a paginii web. În codul HTML care generează antetul, se presupune că se "criptează" numai textul, dar dacă este necesar, puteți plasa și mici inserții grafice în elementul corespunzător. Și asta, de fapt, este tot ceea ce se poate spune despre titlu. Se pare că rolul său în structura documentului relevant este nesemnificativ. Dar nu este așa. Titlurile paginilor web sunt foarte importante în ceea ce privește indexarea site-urilor în motoarele de căutare - Yandex, Google. Acest element ar trebui să fie pe deplin relevant pentru conținutul paginii web, precum și specificitatea tematică a site-ului.

Cum se captează antetul unei pagini web utilizând HTML? Este foarte simplu. Mai întâi, eticheta de deschidere este scrisă, care arată întotdeauna ca HEAD cu paranteze unghiulare, apoi - conținutul antetului, după - eticheta de închidere. Acestea sunt scrise, desigur, chiar în partea de sus a documentului web.

Titlul documentului web poate include o serie de elemente suplimentare. Uneori, formatul unei pagini Web poate necesita afișarea de text într-o anumită codificare. Cum să vă asigurați că documentul web îndeplinește acest criteriu? Este foarte simplu. În structura antetul documentului trebuie să fie plasat HTML-algoritmi de prescriere browser pentru a utiliza un anumit limbaj de codificare - cum ar fi chirilic. Comenzile corespunzătoare sunt plasate în eticheta META, care, ca și altele, pot fi deschise și închise.

Partea principală a paginii web

Partea principală a documentului web se deschide cu eticheta BODY, se închide cu elementul corespunzător, inclusiv slash-ul. În acest caz, între etichetele de deschidere și de închidere pot exista un număr mare de comenzi suplimentare pentru limbajul de marcare hipertext. Acest lucru se datorează faptului că partea principală a paginii web conține conținutul util - texte, link-uri, grafică, video, diverse forme de completare.

Fiecare dintre tipurile relevante de conținut are propriile etichete. În structura părții principale a documentului web pot fi prezente comenzi HTML, cu care este formatat și textul - de exemplu, oferind fontului o anumită culoare, mărime și alte proprietăți.

Luați în considerare caracteristicile unor etichete HTML utilizate în mod obișnuit. De fapt, ei formează și elementele de bază ale unei pagini web.

Elemente de bază HTML

Deci, scopul unui studiu detaliat a ceea ce sunt elementele de pagini web, a studiat în detaliu esența de bază HTML tag-uri. Unii dintre ei am citat deja mai sus - în special cele cu care browser-ul citește web anteturile și determină care este principala parte a documentului.

Eticheta P este destul de comună. Ca și alte elemente asemănătoare ale limbajului de markup hipertext, acesta poate fi deschis și închis. Această etichetă vă permite să formatați un singur paragraf al documentului. Puteți seta, de exemplu, un anumit tip de font sau o culoare pentru acesta. Cu toate acestea, acest lucru se face folosind o etichetă suplimentară - FONT. În același timp, acesta va fi localizat în interiorul aceluia care indică limitele paragrafului - aceasta va permite să nu distribuiți comanda HTML, care reflectă tipul fontului preferat, altor elemente ale paginii web.

Utilizând eticheta TABLE, se creează tabele. Cu ajutorul atributelor corespunzătoare, puteți defini numărul de coloane și rânduri necesare, specificați lățimea, specificitatea graniței, dimensiunea fontului și culoarea din tabel.

Eticheta IMG responsabil pentru procesarea imaginilor browserului. De asemenea, vă permite să plasați diferite atribute care controlează dimensiunea imaginii, poziția acesteia pe pagină.

Legăturile cu alte documente sau fișiere web sunt specificate utilizând eticheta A. De regulă, există atribute care indică faptul că există un hyperlink în structura paginii web. Specifică documentul, fișierul sau site-ul pe care îl conduce.

O etichetă precum FRAMESET este obișnuită. Cu aceasta, puteți împărți spațiul unei pagini web în mai multe zone - cadre. În fiecare dintre ele poți post link-uri pe documente web separate. Asta înseamnă că cadrele vă permit să plasați corect două sau mai multe pagini pe același ecran în același timp.

Povestea despre elementele-cheie ale paginilor Web și povestea ulterioară a mijloacelor de formatare folosind HTML limba - aproximativ algoritmul va fi răspunsul nostru la întrebarea am cerut examinatorului. Dacă el ne-a vorbit, spunând, „lista elementelor majore ale Web-pagina“, atunci folosim metodologia corespunzătoare, avem toate șansele de a dezvolta o temă. Aceasta este, „elemente“ termenul putem înțelege componentele cheie ale unui document web structuri, sau tipurile de conținut - text, imagini, tabele, cadre, link-uri ca webmaster-ul creează folosind un instrument, cum ar fi limba HTML.

Specificitatea instrumentelor de dezvoltare web

În plus față de ceea ce sa spus, putem explica faptul că etichetele și atributele furnizate de standardele HTML reprezintă o sumă imensă. În plus față de HTML, dezvoltatorii web pot folosi instrumente suplimentare pentru formatarea documentelor hipertext. De exemplu, folosind scripting language jаvascript poate crea pagini Web dinamice - adică acelea în care conținutul este actualizat în mod constant (atât prin acțiunile utilizatorului însuși, cât și în conformitate cu algoritmii pre-scriptați în script-uri).

Acesta va fi util pentru a adăuga că dezvoltatorul web poate folosi în munca lor de limbaje de programare cu drepturi depline, cum ar fi, de exemplu, Perl, PHP, Java, Python, prin care devin oportunități chiar mai largi de a lucra cu documente hipertext. Nevoia pentru acest lucru se poate datora faptului că domeniile de aplicare a tehnologiilor web de astăzi sunt foarte diferite. Sarcinile cu care se confruntă dezvoltatorii moderni pot fi destul de complexe. De exemplu, uneori este necesar să traduceți paginile Web scrise în limba rusă în engleză. În acest caz, setul de instrumente pentru dezvoltatori va fi cel mai diversificat.