O pagină web este un document special formatat care poate include text, grafică, hyperlinkuri, audio, animație și video.
Mai multe pagini web cu o temă, design și link-uri comune, care se află de obicei pe același server web, formează un site web.
Site web (din engleză. site-ul web: web- „web, rețea” și site-ul- „loc”, literal „loc, segment, parte a unei rețele”) - o colecție de documente electronice (fișiere) ale unei persoane sau organizații private într-o rețea de calculatoare, unite sub o singură adresă (nume de domeniu sau adresă IP).
Toate site-urile împreună constituie World wide web , unde comunicarea (web) unește segmente de informații din comunitatea mondială într-un singur întreg - o bază de date și comunicații la scară planetară. A fost dezvoltat special un protocol pentru accesul direct al clienților la site-urile de pe servere HTTP .
Un site web este structurat ca o revistă care conține informații despre un anumit subiect sau problemă. Așa cum o revistă este formată din pagini tipărite, un site Web este format din pagini Web de computer.
Programul care afișează o pagină web se numește browser web.
Site-urile web sunt create folosind limbajul de marcare a documentelor hipertext HTML. Tehnologia HTML constă în inserarea caracterelor de control (etichete) într-un document text obișnuit și ca rezultat obținem o pagină Web. Browserul, la încărcarea unei pagini Web, o prezintă pe ecran în forma specificată de etichete.
HTML vă permite să:
· formatarea textului;
· include imagini și multimedia în document;
· Folosind această limbă, sunt create legături hipertext către alte pagini Web.
HTML este folosit pentru a crea conținut de informații despre fișiere și pentru a defini structura și formatul paginilor Web. Deoarece fișierele HTML sunt fișiere text simplu, un astfel de fișier poate fi trimis practic la orice computer.
Pentru a crea pagini Web, se folosesc editori de text simpli care nu includ caractere de control al formatării textului în documentul creat. Ca un astfel de editor în Windows, puteți utiliza aplicația standard Notepad.
De obicei, un fișier de pagină Web are extensia .html sau .htm.
În plus, există multe tehnologii în care pașii de bază pentru crearea site-urilor web sunt deja automatizați, nu rămâne decât să faceți modificări în conformitate cu tema dvs.
Pentru a vizualiza o pagină HTML, introduceți pur și simplu adresa URL a acesteia în bara de adrese a browserului dvs. Web și apoi urmați hyperlinkurile. Dar aceasta este tocmai problema principală - cum să aflați adresa paginii? Cel mai adesea se întâmplă să știi ce trebuie să găsești, dar să nu știi unde să cauți exact. Pentru a rezolva această problemă, există motoare de căutare speciale. Din punctul de vedere al utilizatorului, un motor de căutare este un site web obișnuit pe pagina principală a căruia există link-uri către alte site-uri împărțite pe categorii („Sport”, „Afaceri”, „Computere”, etc.). În plus, motorul de căutare permite utilizatorului să introducă mai multe cuvinte cheie și returnează link-uri către paginile care conțin acele cuvinte cheie.
Site-ul web
Un site web (site în limba engleză, de la web - web și site - „loc”) este o colecție de documente ale unei persoane sau organizații private unite sub o singură adresă într-o rețea de calculatoare. În mod implicit, se presupune că site-ul se află pe Internet. Toate site-urile de internet formează în mod colectiv World Wide Web. Protocolul HTTP a fost dezvoltat special pentru ca clienții să acceseze direct site-urile de pe servere. Site-urile web sunt altfel numite reprezentarea pe Internet a unei persoane sau organizații. Când spun „propria ta pagină de pe Internet”, înseamnă un întreg site web sau o pagină personală ca parte a site-ului altcuiva. Pe lângă site-urile web de pe Internet, sunt disponibile și site-uri WAP pentru telefoane mobile.
Inițial, site-urile web erau colecții de documente statice. În prezent, majoritatea se caracterizează prin dinamism și interactivitate. Pentru astfel de cazuri, experții folosesc termenul de aplicație web - un pachet software gata făcut pentru rezolvarea problemelor site-ului. O aplicație web face parte dintr-un site web, dar o aplicație web fără date este doar din punct de vedere tehnic un site.
În cele mai multe cazuri, pe Internet, un site web corespunde unui nume de domeniu. Site-urile sunt identificate în rețeaua globală după numele de domenii. Sunt posibile și alte opțiuni: un site pe mai multe domenii sau mai multe site-uri sub un singur domeniu. De obicei, mai multe domenii sunt folosite de site-uri mari (portale web) pentru a separa logic diferitele tipuri de servicii furnizate (mail.yandex.ru, news.yandex.ru, auto.yandex.ru). De asemenea, nu este neobișnuit ca domenii separate să fie alocate pentru diferite țări sau limbi. De exemplu, google.ru și google.fr sunt în mod logic site-uri Google în limbi diferite, dar din punct de vedere tehnic sunt site-uri diferite. Combinarea mai multor site-uri sub un domeniu este tipică pentru găzduirea gratuită. Pentru a identifica site-urile, adresa conține o tildă și numele site-ului după gazdă: example.com/~my-site-name/.
HTML - Limbajul de marcare hipertext. O pagină web (document HTML) este
fișier textîn format HTML *.htm sau *.html, găzduit pe World Wide Web (WWW). WWW - World Wide Web, un sistem distribuit pentru accesarea documentelor hipertext care există pe Internet. Pe lângă text, o pagină Web poate conține legături hipertext, care pot fi folosite pentru a naviga și a vizualiza alte pagini Web. O pagină web poate conține inserții sub formă de grafică, animație, clipuri video și muzică. Pentru a vizualiza pagini Web, puteți utiliza, de exemplu, MicroSoft
Internet Explorer sau NetScape Navigator sau Opera (vizualizator sau browser). Limbajul HTML vă permite: 1) să creați și să editați pagini Web, inclusiv pagina dvs. Web de pornire, care pot fi apoi postate pe Internet; 2) Editați documentele HTML primite de pe Internet astfel încât toate obiectele încorporate în document (imagini, animații etc.) să funcționeze; 3) Creați prezentări multimedia, prezentări de diapozitive, proiecte demonstrative, datorită legăturilor hipertext și capacității de a insera desene, diagrame, animații, clipuri video, muzică și acompaniament de vorbire, efecte speciale de text (de exemplu, linie târâtoare) într-un document HTML. Există trei moduri principale de a crea pagini Web (sau documente HTML): 1) Utilizați editorul de text NotePad încorporat în Windows și vizualizați rezultatele utilizând un browser. Această metodă cea mai ușoară este recomandată începătorilor. Tehnologia acestei metode de creare a unei pagini Web este următoarea: Un fișier de pagină Web este creat în editorul Notepad, care este salvat cu extensia *.htm. Acest fișier este apoi descărcat și vizualizat de Internet Explorer. Pentru a apela editorul Notepad pentru a edita un fișier de pagină Web în timp ce îl vizualizați în Internet Explorer, utilizați elementul de meniu Vizualizare, Sursă sau Ca HTML. După salvarea fișierului și ieșirea din Notepad, pentru a vizualiza pagina editată, trebuie să apăsați tasta F5 sau butonul „Reîmprospătare” din bara de instrumente Internet Explorer. 2) Folosind editori de documente HTML speciale, de exemplu Hot Metal Light, Hot Dog Professional, MS Front Page, HTMLPad etc. 3) Folosind editorul Word-97, unde este creat textul documentului, care este apoi convertit în HTML format. Să ne uităm la conceptele de bază ale limbajului HTML. 1. Un element este o construcție HTML sau un container care conține date. O pagină web este o colecție de elemente. 2. O etichetă este marcajele de început și de sfârșit ale unui element. Etichetele definesc limitele acțiunii elementelor și separă elementele unele de altele. În textul unei pagini Web, etichetele sunt incluse între paranteze unghiulare, de exemplu: . Eticheta de final este întotdeauna urmată de o bară oblică:. 3. Hyperlink - o bucată de text care este un indicator către un alt fișier sau obiect. Hyperlinkurile vă permit să navigați de la un document la altul. 4. Cadru - o zonă a unui document hipertext cu propriile bare de defilare. 5. Applet - un program transferat pe computerul clientului ca fișier separat și lansat la vizualizarea unei pagini Web. 6. Scriptul este un program inclus într-o pagină Web pentru a-și extinde capacitățile. 7. Descărcare (Descărcare) - copierea unui document de pe serverul Web pe computerul clientului. UpLoad - copierea unui document de pe computerul unui client pe un server Web - este utilizată atunci când vă creați propria pagină Web (adică, când o publicați).
Să luăm în considerare structura generală a unui mai simplu tipic document HTML:
Comentariu
Titlul documentului
Aici se află textul documentului HTML în sine.
Vizualizarea unui document HTML simplu Să explicăm etichetele specificate ale documentului HTML.
sau- Comentariu asupra documentului. Este ignorat de browser. Comentariul este opțional și poate lipsi. - identificatorul întregului bloc de comenzi HTML. - Identificator antet document HTML. - identificatorul titlului viewportului. <META>- Această etichetă neîmperechetă este utilizată pentru a indica informații detaliate despre document. <BODY>- identificatorul comenzilor HTML ale documentului de vizualizat. <HTML>, <HEAD>Trei etichete principale <BODY>Şi <u>furnizați browserului informații de bază pentru identificarea și organizarea documentului.</u>
<P>Toate etichetele specificate sunt împerecheate, adică fiecare dintre ele se termină cu o etichetă de final cu o bară oblică. <BR>Toate comenzile pot fi scrise fie cu o literă mică, fie cu o literă mare. <HR>Să ne uităm la etichetele de formatare a fluxului de text: <PRE>Identificatorul de sfârșit al paragrafului.</PRE>- identificatorul de alimentare de linie. <H1>, <H2>, <H3>, <H4>, <H5>, <H6>- identificator de imagine linie orizontală. <H1>Aceste etichete sunt unice, adică nepereche, nu necesită etichete slash. <H2>Setarea unui font cu spații egale. Aveți nevoie de o etichetă la sfârșit <H3>. <B>Să ne uităm la etichetele de formatare asociate pentru titlurile și subtitlurile documentelor: <strong>. În acest caz, titlurile vor fi afișate cu majuscule și dimensiunea literelor etichetei <i>va fi cel mai mare <U>mai puțin decât <s>cu atât mai puțin etc. <tt>Să ne uităm la etichetele asociate pentru formatarea caracterelor text: <big>- identificator de font aldine. <small>- identificatorul fontului selectat. <CENTER>- identificator italic. <sub>- identificatorul de subliniere. <sub>1</sub>- identificator barat. <sub>2</sub>- identificatorul unui font cu spații egale (teletip sau curier). <sub>3</sub>
<sup>- setează superscriptul. <sup>2</sup> Exemplu: Teorema lui Pitagora a <sup>2</sup>+b <sup>=c <u>2 Vizualizați un exemplu de etichete de formatare a fluxului de text.</u>
<p align=left>Să ne uităm la etichetele de formatare a paragrafelor: <p align=right>Aliniază textul dintr-un paragraf la stânga. <p align=center>Aliniază textul dintr-un paragraf la dreapta. <p align=justify>Aliniază textul dintr-un paragraf la centru. <u>Aliniere completă pe ambele margini ale ecranului.</u> align - atribut de aliniere. <OL>Să ne uităm la etichetele listei.</OL> Sunt o modalitate de a afișa vizual informații structurate. <UL>Listele ordonate sunt folosite pentru a afișa operații secvențiale sau algoritmi. Browserul generează automat numere pentru fiecare articol din listă.</UL>- identificatorul listei ordonate. La sfârșitul <LI>. <DL>Listele neordonate sunt folosite pentru a compila liste atunci când ordinea articolelor nu este importantă. Fiecare element va fi precedat de o pictogramă specială de listă (punct). <DT>- identificatorul listei neordonate. La sfârșitul <DD>. <LI>Elementele individuale din listele ordonate și neordonate sunt marcate cu o singură etichetă</LI>, și elementele din listele de definiții <DL>etichete</DL>.
<DT>pentru termenul și <DD>pentru sensul termenului. <DL>
<DT>- identificatorul elementului din lista ordonată și neordonată. <DD>Etichetă de final <DD>poate fi omis.</DL> Listele de definiții oferă o formatare specială, asemănătoare unui dicționar, pentru termeni și descrierile asociate acestora. <u>- identificatorul listei de definiții. La sfârșitul</u>
<BODY bgcolor="teal" text="aqua" link="red">- identificatorul termenului din lista de definiții. <BODY background="back.jpg">- identificator al sensului termenului din lista de definiții. <BODY background="/windows/tartan.bmp">Listele de definiții arată astfel: <font color="yellow" size=5>denumirea termenului 1</font>.
<hr color="lime">definiția termenului 1 <hr color="red" size=3 width=220 align=center>o altă definiție a termenului 1 ..... <img src='/chto-takoe-web-stranica-perechislite-osnovnye-elementy.html' loading=lazy loading=lazy>Utilizarea etichetelor de listă este prezentată în exemplele 4 și 5. Vizualizați un exemplu cu etichete de listă. <p>Crearea unei pagini web de înaltă calitate nu este ușoară, aceasta necesită nu numai abilități de designer pentru un design frumos și elegant, ci și experiență de programare. Complexitatea și volumul programelor necesare pentru a crea un anumit site depind de mulți factori, cum ar fi structura, scopul, funcționalitatea, fiabilitatea și sistemul de protecție a site-ului împotriva atacurilor informaționale de la informații „lipicioase” (spam, junk) și viruși.</p>
<p>Tehnologia web (tehnologia hipertextului) a făcut posibilă legarea întregului set de documente publicate pe Internet într-un singur sistem - WWW. Un document hipertext conține hyperlinkuri. Ele sunt de obicei evidențiate cu culoare și subliniere. Hyperlinkurile permit utilizatorului să sară imediat la documentul dorit, indiferent de locația fizică a acestuia. Acest lucru simplifică foarte mult căutarea de informații pe Internet.</p>
<p>Utilizarea defalcării hipertextului unui document text în sistemele informaționale moderne se datorează în mare măsură faptului că hipertextul face posibilă crearea unui mecanism de vizualizare neliniară a informațiilor. În astfel de sisteme, datele sunt prezentate nu ca un flux continuu de informații textuale, ci ca un set de componente interconectate, care sunt navigate folosind hyperlinkuri.</p>
<p>Dacă vorbim despre <b>crearea de documente HTML</b>, atunci ne putem imagina două moduri de formare a acestora.</p>
<p>Primul este să marcați manual un document existent (sau nou creat). În acest caz, autorul sau editorul adaugă etichete de marcare documentului. Această lucrare poate fi realizată într-un editor de text sau un editor HTML care are controale speciale pentru a facilita introducerea etichetelor. În ambele cazuri, munca se desfășoară folosind limbajul HTML, iar persoana care efectuează această lucrare trebuie să cunoască și să poată utiliza acest limbaj.</p>
<p>Principiile unei alte abordări pot fi înțelese prin studierea funcționării procesoarelor de text. Informațiile despre formatarea documentului pot fi considerate, de asemenea, „markup” adăugate documentului formatat. Cu toate acestea, utilizarea unui procesor de text nu necesită cunoștințe despre formatul documentului și „limbajul de marcare”: modificările afișate pe ecran sunt efectuate în mod automat în document. Acest principiu de potrivire a imaginii de pe ecran cu cea reală se numește WYSIWYG (WYSIWYG) (din engleză What You See Is What You Get (voch yu si is voch yu gat) - What you see is what you get).</p>
<p>Acestea vă permit să creați site-uri web întregi (portale) și să utilizați toate tehnologiile moderne. Astfel de editori web sunt destul de potriviti pentru profesioniști. Dacă utilizați MS Office, puteți utiliza FrontPage din acest pachet. Există și Netscape Composer ca parte a Netscape Communicator. De asemenea, puteți utiliza o versiune demonstrativă a editorului web Macromedia HomeSite obținând-o de pe site-ul oficial Adobe: www.adobe.com.</p> <br><br><p>Prima metodă vă permite să creați documente mai universale, de calitate superioară și mai diverse. A doua metodă este mai ușor de învățat, deoarece nu necesită cunoștințe de HTML. Cu toate acestea, în acest caz, instrumentele de formatare sunt folosite în locul instrumentelor de descriere, ceea ce poate duce uneori la consecințe nedorite.</p>
<p>Deci, pentru a crea pagini web veți avea nevoie de un editor de text sau web. Trebuie remarcat faptul că toate editorii web trebuie să conțină și un editor de text, acum există un număr mare de editori web, dar trei sunt recunoscute ca fiind cele mai puternice:</p>
<p>1. Macromedia Dreamweaver (macromedia dreamweaver);</p>
<p>2. Allaire HomeSite (aller home site);</p>
<p>3. Microsoft FrontPage (pagina cu fonturi Microsoft).</p>
<p>Acestea vă permit să creați site-uri web întregi (portale) și să utilizați toate tehnologiile moderne. Astfel de editori web sunt destul de potriviti pentru profesioniști. Dacă utilizați MS Office, puteți utiliza FrontPage din acest pachet. Există și Netscape Composer ca parte a Netscape Communicator. De asemenea, puteți utiliza o versiune demonstrativă a editorului web Macromedia HomeSite obținând-o de pe site-ul oficial Adobe: www.adobe.com. Folosind un browser, accesați site-ul specificat în secțiunea Descărcări/Descărcări de încercare și selectați Macromedia, HomeSite.</p>
<p>Puteți utiliza versiunea în limba rusă a FrontPage Express din Internet Explorer localizat - aceasta este o versiune prescurtată a FrontPage, dar foarte convenabilă pentru început. Editorul web Visual Workshop este cunoscut și în limba rusă (http://www.snkey.net/download/products/index.html).</p>
<p>Serviciile moderne de internet oferă constructori de site-uri web gata făcute. Să le privim folosind exemplul constructorului de site-uri web „Site-ul meu” (www.narod.yandex.ru). Cu ajutorul acestuia, puteți obține spațiu pentru site-ul dvs. (pagina principală) și vă puteți crea propriul site cu poze, fotografii etc. în 5 minute.</p>
<p>Procesul de proiectare a site-ului web include trei etape:</p>
<p>1. conectați-vă la constructorul site-ului;</p>
<p>2. înregistrare, atribuirea unui nume de site;</p>
<p>3. proiectarea site-ului folosind spații libere.</p>
<p>Pentru a crea un site web creat de om, unic, sunt necesare alte instrumente web.</p>
<p>În plus față de HTML și constructori de site-uri web, puteți utiliza și alte instrumente de programare a paginilor web. Unul dintre instrumentele de programare a site-ului web este CGI (Common Gateway).</p>
<p>Principiul CGI este simplu și natural: un program pe partea de server primește unele date, le procesează și produce un răspuns sub forma unei pagini web. Aceasta este o apariție foarte comună astăzi și, uneori, nici măcar nu bănuiți că aveți de-a face nu cu o pagină obișnuită, ci cu rezultatul unui script CGI (cod). Utilizările CGI sunt largi, iar scopurile variate. Limbajul de programare în care este scris scriptul trebuie să fie flexibil și, în același timp, puternic, deoarece nu numai că se va lucra constant cu fișierele, ci și cu baza de date, sistemul de operare și serverul web. Cele mai potrivite limbaje pentru programarea CGI sunt C (C++) și Perl. Acesta din urmă este cel mai adesea folosit în aceste scopuri datorită simplității, fiabilității și lărgirii capacităților sale.</p>
<p>Limbajul C este considerat pe drept universal și și-a găsit locul în mediul CGI. Utilizarea sa este firească în elementul său nativ - Unix, pe baza căruia în majoritatea cazurilor este construit un site web.</p>
<p>Pentru programarea CGI se foloseste si limbajul C++, care presupune crearea si distrugerea anumitor obiecte implementate prin clase - in esenta tipuri de date definite de utilizator. Este firesc să se creeze, de exemplu, o clasă Guestbook sau DataBaseEntry care să conțină variabilele și funcțiile necesare. Este de remarcat faptul că aproape toate limbajele de programare noi (Java, JavaScript, Perl) conțin constructe care sunt similare cu constructele C sau sunt copiile lor exacte. Prin urmare, este recomandat să studiați mai întâi această limbă fundamentală.</p>
<p>Perl este un limbaj unic. În primul rând, îi lipsesc tipurile de date, ceea ce este benefic pentru scrierea de scripturi CGI. În al doilea rând, o mulțime de construcții sunt preluate de la C. Trebuie remarcat faptul că Perl folosește adesea expresii regulate similare cu cele utilizate în scripturile Unix Shell. Există o buclă convenabilă pentru fiecare și frumoși, de fapt, modificatori de expresie. Perl are o bibliotecă standard care include funcții de căutare, lucru cu un server web, grafică etc. De aici putem concluziona că pentru un programator familiarizat cu Unix, nu va fi dificil să învețe Perl. Pentru a scrie un astfel de program, este suficient să poți lucra cu fișiere din Perl și, puțin, cu variabile de mediu ale serverului web.</p>
<p>Procesul de creare a documentelor Web este similar cu programarea și este, de asemenea, predispus la erori. Indiferent de modul în care vă creați documentul, ar trebui să verificați în mod regulat dacă este așa cum este intenționat, vizându-l în diferite browsere. Pentru o evaluare artistică a paginii rezultate, ar trebui să căutați o opinie independentă.</p>
<p>Întrebări pentru autocontrol:</p>
<p>1. Ce înseamnă conceptul de document HTML?</p>
<p>2. Care sunt avantajele acestui tip de document?</p>
<p>3. Ce înseamnă conceptul de „etichetă”?</p>
<p>4. Ce tipuri de etichete există?</p>
<p>5. Ce este inclus în obiectele de gestionare a etichetelor?</p>
<br><p>www.univer.omsk.su/omsk/Edu/htmlbook/school/index2.htm</p>
<p>http://dvo.sut.ru/libr/ite/i280levc/index.htm Yu.P. Levchuk, E.P. Ohincenko, A.D. Sotnikov, T.A. Fomenko INFORMATICĂ Partea 2 TEHNOLOGIA INTERNET</p>
<br><p><b>1. O pagină web (document HTML) este:</b></p>
<p>a) un fișier text cu extensia .txt sau .doc;</p>
<p>b) <b>fișier text cu extensia .htm sau .html;</b></p>
<p>c) un fișier binar cu extensia .com sau .exe;</p>
<p>d) fișier grafic cu extensia .gif sau .jpg.</p>
<p><b>2. Pentru a vizualiza pagini Web pe Internet, sunt utilizate următoarele programe:</b></p>
<p>a) Microsoft Word sau Word Pad;</p>
<p>b) Microsoft Access sau Microsoft Works;</p>
<p>c) Internet Explorer sau NetScape Navigator;</p>
<p>d) HTMLPad sau Front Page.</p>
<p><b>3. Eticheta este:</b></p>
<p><b>a) o instrucțiune pentru browser care indică modul de afișare a textului</b>;</p>
<p>b) text care utilizează caractere speciale;</p>
<p>c) un pointer către un alt fișier sau obiect;</p>
<p>d) un fragment dintr-un program inclus în pagina web.</p>
<p><b>4. Hipertextul este:</b></p>
<p>a) textul este foarte mare</p>
<p>b) text care folosește o dimensiune mare a fontului</p>
<p>Cea mai mare parte a conținutului prezentat pe Internet sunt pagini web. Acesta este, din punct de vedere istoric, primul tip de document destinat plasării într-un spațiu de rețea virtuală, dar rămâne încă relevant și practic nu are formate concurente. Care este structura paginilor web? Ce instrumente de dezvoltare web sunt folosite pentru a crea?</p><h2>Ce este o pagină Web?</h2><p>„Enumerați elementele principale ale unei pagini Web”, ne spune examinatorul într-o lecție de informatică. Ce putem să-i spunem ca răspuns? În primul rând, vom vorbi despre ce este o pagină web în principiu.</p><p>Conform definiției general acceptate în rândul specialiștilor IT, acesta este un document care este destinat a fi deschis într-un program specializat - un browser și care conține date pentru afișare pe ecranul computerului folosind tipul adecvat de software cu conținut util variat - texte , link-uri, grafică, videoclipuri, muzică și etc. O pagină web este un document text. Datele corespunzătoare pentru browser constau din litere, cifre și caractere speciale utilizate ca elemente ale limbajului de marcare - HTML. Cu ajutorul acestuia, creatorul paginii web „explica” browserului cum să afișeze acest sau acel conținut pe ecran.</p><h2>Locul și rolul paginilor web în structura site-urilor</h2><p>Putem spune că o pagină Web este componenta principală a unui site web? Acest lucru este parțial adevărat. Cu toate acestea, așa cum am menționat mai sus, o pagină web este doar un document text. Site-ul, de regulă, conține, de asemenea, imagini, videoclipuri și alte elemente multimedia. O pagină web nu le poate conține, dar poate conține link-uri către ele în structura sa. Astfel, pagina web poate fi numită componenta principală a site-ului în ceea ce privește rolul său dominant în afișarea conținutului virtual în fața utilizatorilor.</p><p>În cazuri rare, desigur, documentul în cauză va fi singura componentă a site-ului - dacă dintr-un motiv oarecare nu prevede afișarea de elemente grafice, video și alte elemente multimedia. În special, primele site-uri web - când au apărut pentru prima dată limbajele de marcare a paginilor web - nu includeau conținut relevant. În fața ochilor utilizatorului existau doar text și linkuri.</p><h2>Principiul folosirii hipertextului</h2><p>Deci, o pagină Web este un document scris în HTML, care este folosit pentru a marca hipertextul. Dar ce este acest fenomen? Ce este hipertextul? Fără să aprofundăm prea mult în teorie, observăm că acesta este un text care într-un fel sau altul vă permite să accesați rapid altul - prin link-uri. Acest lucru este imposibil într-o carte obișnuită - există „text simplu”. Pentru a accesa pagina dorită, cititorul trebuie să facă mai multe ture, citind mai întâi cuprinsul sau notele de subsol. În modul hipertext, cea mai mare parte a muncii este realizată de computer, folosind informații reflectate în elementele HTML ale paginii.</p><p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/20840/442018.jpg' width="100%" loading=lazy loading=lazy></p><p>Dacă un profesor de informatică ne spune: „Enumerați elementele principale ale unei pagini web”, atunci putem începe destul de corect să vorbim despre componentele documentului corespunzător care sunt create folosind limbajul de marcare HTML. Prin urmare, mai întâi, să ne uităm la câteva puncte teoretice referitoare la HTML.</p><h2>Structura limbajului HTML: etichete</h2><p>Cum citește un browser datele necesare despre o pagină web dintr-un document HTML? Foarte simplu.</p><p>Elementele principale ale acestui limbaj sunt etichetele. În cele mai multe cazuri, sunt împerecheate - există una de deschidere și una de închidere. Primele sunt indicate folosind doar paranteze unghiulare. Cele doua sunt similare, dar înainte de a doua paranteză există o bară oblică - simbolul /. Browserul este capabil să le recunoască și, prin urmare, afișează conținutul paginilor web fără probleme în conformitate cu algoritmii creați de dezvoltatorul documentului.</p><p><img src='https://i2.wp.com/fb.ru/misc/i/gallery/19663/792964.jpg' width="100%" loading=lazy loading=lazy></p><p>Eticheta de deschidere este de obicei scrisă cu majuscule, eticheta de închidere cu litere mici. Acesta este un standard care a devenit stabilit printre specialiștii IT. Browserul va recunoaște, desigur, comanda HTML în orice litere, dar dezvoltatorii web sunt sfătuiți totuși să adere la schema de scriere a etichetelor marcate. Acest lucru va face mai ușor, de exemplu, pentru alți specialiști să îmbunătățească pagina web.</p><h2>Atribute</h2><p>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 acestuia, poziția față de pagină. Același lucru este valabil și pentru imagini, videoclipuri și alte componente multimedia. Atributele sunt scrise în eticheta de deschidere.</p><h2>Conţinut</h2><p>Între etichetele de deschidere și de închidere se află următoarea componentă cheie a unei pagini web - conținutul. Acesta este, de fapt, chiar conținutul care ar trebui să fie afișat în fața utilizatorului pe ecran. Acesta poate fi text, un link, o imagine, un videoclip sau un alt element multimedia.</p><h2>Elemente de pagină web</h2><p>„Așadar, enumerați elementele principale ale unei pagini web, în sfârșit!” – repetă profesorul. „Cu plăcere”, îi răspundem noi. Ce este inclus în structura tipului de document luat în considerare? Să fim de acord că vom lua în considerare acest aspect în contextul elementelor HTML ale paginii web. Adică afișarea lor în browser - ceea ce vede utilizatorul pe ecran - ne va 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 o caracteristică a limbajului HTML: imaginea dorită pe o pagină Web poate fi afișată în diferite moduri. În același timp, acestea pot fi fie echivalente în ceea ce privește costurile de muncă ale creatorului paginii web, fie necesită o cantitate diferită de efort și timp pentru implementarea lor.</p><h2>Elemente pagini web: antet</h2><p>Elementele standard ale unei pagini Web, oricât de surprinzător ar suna, sunt prezentate în cantități foarte mici. De fapt, există doar două dintre ele - titlul și corpul principal al documentului. În același timp, fiecare dintre ele poate avea o structură destul de complexă.</p><p>Care sunt specificul titlului? Este situat chiar în partea de sus a paginii web. Codul HTML care formează antetul are de obicei scopul de a „cripta” doar textul, dar dacă este necesar, în elementul corespunzător pot fi plasate și mici inserții grafice. Și asta, de fapt, este tot ce se poate spune despre titlu. S-ar părea că rolul său în structura documentului corespunzător este nesemnificativ. Dar asta nu este adevărat. Titlurile paginilor web sunt foarte semnificative din punctul de vedere al indexării site-urilor în motoarele de căutare - Yandex, Google. Acest element trebuie să fie complet relevant pentru conținutul paginii web, precum și specificul tematic al site-ului.</p><p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/19663/792961.jpg' width="100%" loading=lazy loading=lazy></p><p>Cum este captat titlul unei pagini web folosind HTML? Foarte simplu. Mai întâi, este scrisă eticheta de deschidere, care arată întotdeauna ca HEAD cu paranteze unghiulare, apoi conținutul antetului, apoi eticheta de închidere. Ele sunt scrise, desigur, chiar în partea de sus a documentului web.</p><p>Titlul unui document web poate include o serie de elemente suplimentare. Uneori, formatul unei pagini Web poate necesita afișarea textului într-o anumită codificare. Cum vă puteți asigura că documentul dvs. web îndeplinește acest criteriu? Foarte simplu. Algoritmii HTML trebuie plasați în structura antetului documentului, indicând browserului să folosească o anumită codificare a limbii - de exemplu, chirilic. Comenzile corespunzătoare sunt plasate în eticheta META, care, ca și altele, poate fi de deschidere și de închidere.</p><h2>Partea principală a paginii web</h2><p>Partea principală a documentului web se deschide cu eticheta BODY și se închide cu elementul corespunzător, inclusiv o bară oblică. Mai mult, î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 său util - texte, link-uri, grafice, videoclipuri, diverse formulare de completat.</p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/19663/792959.jpg' width="100%" loading=lazy loading=lazy></p><p>Fiecare dintre tipurile corespunzătoare de conținut are propriile etichete. Structura părții principale a unui document web poate conține comenzi HTML, care sunt, de asemenea, folosite pentru a formata textul - de exemplu, dând fontului o anumită culoare, dimensiune și alte proprietăți.</p><p>Să ne uităm la specificul unor etichete HTML utilizate în mod obișnuit. De fapt, ele formează elementele principale ale unei pagini web.</p><h2>Etichete HTML de bază</h2><p>Deci, pentru a studia în detaliu care sunt elementele unei pagini Web, să studiem mai detaliat esența etichetelor HTML de bază. Am dat deja unele dintre ele mai sus - în special cele cu ajutorul cărora browserul citește anteturile paginilor web și determină unde se află partea principală a documentului.</p><p>Eticheta P este destul de comună, ca și alte elemente similare ale limbajului de marcare hipertext, poate fi de deschidere și de închidere. Această etichetă vă permite să formatați un singur paragraf dintr-un document. Puteți, de exemplu, să setați un anumit tip de font sau o culoare pentru acesta. Cu toate acestea, acest lucru se face folosind o etichetă suplimentară - FONT. În acest caz, va fi plasat în interiorul celui care marchează limitele paragrafului - acest lucru va împiedica distribuirea comenzii HTML care reflectă tipul de font preferat către alte elemente ale paginii web.</p><p>Tabelele sunt create folosind eticheta TABLE. Folosind atributele corespunzătoare, puteți determina numărul necesar de coloane și rânduri, puteți stabili lățimea acestora, marginile specifice, dimensiunea și culoarea fontului textului din tabel.</p><p>Responsabil pentru procesarea imaginilor de către browser. De asemenea, puteți plasa în el diverse atribute care reglementează dimensiunea imaginii și poziția acesteia pe pagină.</p><p>Legăturile către alte documente sau fișiere web sunt indicate prin intermediul etichetei A De regulă, în interiorul acesteia există atribute care indică faptul că există un hyperlink în structura paginii web. În acest caz, se indică documentul, dosarul sau site-ul către care duce.</p><p>O etichetă comună este FRAMESET. Cu ajutorul acestuia, puteți împărți spațiul unei pagini web în mai multe zone - cadre. În fiecare dintre ele puteți utiliza documente web separate. Adică, cadrele vă permit să poziționați corect două sau mai multe pagini pe un ecran în același timp.</p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/19663/792963.jpg' width="100%" loading=lazy loading=lazy></p><p>O poveste despre elementele cheie ale paginilor web și o poveste ulterioară despre mijloacele de formatare a acestora folosind limbajul HTML - aproximativ acesta va fi algoritmul pentru răspunsul nostru la întrebarea pe care ne-a pus-o examinatorul. Dacă a venit la noi spunând „enumerați elementele principale ale unei pagini Web”, atunci noi, folosind metodologia adecvată, vom avea toate șansele să descoperim subiectul. Adică prin termenul „elemente” putem înțelege componentele cheie ale structurii unui document web, sau tipurile de conținut - text, imagini, tabele, cadre, link-uri pe care webmasterul le generează folosind un instrument precum limbajul HTML .</p><h2>Specificul instrumentelor de dezvoltare web</h2><p>Pe lângă ceea ce s-a spus, putem explica că există un număr mare de etichete și atribute furnizate de standardele HTML. Pe lângă HTML, dezvoltatorii web pot folosi instrumente suplimentare de formatare pentru documentele hipertext. De exemplu, folosind JavaScript, puteți crea pagini Web dinamice - adică acelea în care conținutul este actualizat constant (atât datorită acțiunilor utilizatorului însuși, cât și în conformitate cu algoritmii pre-scriși în scripturi).</p><p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/19663/792962.jpg' width="100%" loading=lazy loading=lazy></p><p>Ar fi util să adăugăm că un dezvoltator web poate folosi limbaje de programare cu drepturi depline în munca sa, cum ar fi, de exemplu, Perl, PHP, Java, Python, cu ajutorul cărora devin posibilitățile de lucru cu documente hipertext. chiar mai larg. Necesitatea acestui lucru se poate datora faptului că domeniile de aplicare a tehnologiilor web astăzi sunt foarte diferite. Provocările cu care se confruntă dezvoltatorii moderni pot fi destul de complexe. De exemplu, uneori este necesară traducerea paginilor Web scrise în rusă în engleză. În acest caz, instrumentele dezvoltatorului vor fi foarte diverse.</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
</div>
</article>
</div>
</div>
<div id="secondary">
<aside id="text-19" class="widget widget_text clearfix">
<h3 class="widget-title"><span>Publicitate</span></h3>
<div class="textwidget">
<p>
</p>
</div>
</aside>
<aside id="recent-posts-7" class="widget widget_recent_entries clearfix">
<h3 class="widget-title"><span>Ştiri</span></h3>
<ul>
<li>
<a href="https://shyza.ru/ro/mozhno-li-dobavit-v-vatsap-2-nomera-kak-sozdat-vtoroi-akkaunt-v-whatsapp.html">Cum să creați un al doilea cont WhatsApp pe un smartphone</a>
</li>
<li>
<a href="https://shyza.ru/ro/kak-skachat-i-ispolzovat-mobilnoe-prilozhenie-moi-bilain-prilozhenie-moi.html">Cum să descărcați și să utilizați aplicația mobilă My Beeline</a>
</li>
<li>
<a href="https://shyza.ru/ro/prilozhenie-google-planeta-zemlya-besplatnye-programmy-dlya-windows-skachat.html">Programe gratuite pentru Windows descărcare gratuită</a>
</li>
<li>
<a href="https://shyza.ru/ro/el-pochta-voiti-na-moyu-stranicu-email-pochta-registraciya-vybor.html">Poștă prin e-mail - înregistrare, alegerea unei adrese de e-mail, cum să introduceți căsuța poștală și cum să vizualizați scrisorile primite pe pagina dvs.</a>
</li>
<li>
<a href="https://shyza.ru/ro/kak-proverit-sostoyanie-ozu-na-kompyutere-testirovanie-operativnoi-pamyati.html">Testarea memoriei RAM</a>
</li>
<li>
<a href="https://shyza.ru/ro/pochemu-vsegda-ispolzuetsya-100-procentov-diska-10-zhestkii-disk-polnostyu.html">Hard disk-ul este complet încărcat: cauze și soluții</a>
</li>
<li>
<a href="https://shyza.ru/ro/instrumenty-komandnoi-stroki-dlya-veb-razrabotchika-curl-setopt--.html">Curl_setopt - Setează un parametru pentru sesiunea CURL Exemple Curl Linux</a>
</li>
<li>
<a href="https://shyza.ru/ro/oracle-isklyucheniya-isklyucheniya-oshibki-v-oracle-gruppy-oshibok.html">Excepții (Erori) în Oracle</a>
</li>
<li>
<a href="https://shyza.ru/ro/kak-otobrazhat-yazykovuyu-panel-na-vindovs-7-kak-dobavit-yazyk-na-panel.html">Cum să adăugați o limbă în bara de activități</a>
</li>
<li>
<a href="https://shyza.ru/ro/kak-otsledit-prishla-li-posylka-na-pochtu-otsledit-posylku-pochta-rossii.html">Urmăriți coletul prin poșta rusă</a>
</li>
</ul>
</aside>
<aside id="text-20" class="widget widget_text clearfix">
<h3 class="widget-title"><span>Publicitate</span></h3>
<div class="textwidget">
<p>
</p>
</div>
</aside>
</div>
</div>
</div>
<footer id="colophon" class="clearfix">
<div class="footer-widgets-wrapper">
<div class="inner-wrap">
<div class="footer-widgets-area clearfix">
<div class="tg-footer-main-widget">
</div>
<div class="tg-footer-other-widgets">
<div class="tg-second-footer-widget">
<aside id="text-28" class="widget widget_text clearfix"> <div class="textwidget">
<p style="text-align: center;"><strong>shyza.ru</strong></p>
<p style="text-align: center;"><strong>Sfat. Răspunsuri. Soluții</strong></p>
<p style="text-align: center;"><strong>2024</strong></p>
<p style="text-align: center;" <span style="display:scroll;">
<noindex><a target="blank" href="https://www.facebook.com/sharer/sharer.php?u=https://shyza.ru/chto-takoe-web-stranica-perechislite-osnovnye-elementy.html"><img class="animate1" src="https://shyza.ru/wp-content/uploads/2017/01/logo_facebook.png" width="40" height="40" title="grup Facebook" alt="Postează pe Facebook" loading=lazy loading=lazy></a></noindex>
</span><span style="display:scroll;">
<noindex><a target="blank" href="https://vk.com/share.php?url=https://shyza.ru/chto-takoe-web-stranica-perechislite-osnovnye-elementy.html"><img class="animate1" src="https://shyza.ru/wp-content/uploads/2017/01/logo_vk.png" width="40" height="40" title="Grupul VKontakte" alt="Publicați pe VKontakte" loading=lazy loading=lazy></a></noindex></span><span style="display:scroll;">
<noindex><a target="blank" href="https://connect.ok.ru/offer?url=https://shyza.ru/chto-takoe-web-stranica-perechislite-osnovnye-elementy.html"><img class="animate1" src="https://shyza.ru/wp-content/uploads/2017/01/logo_odnoklass.png" width="40" height="40" title="Grup în Odnoklassniki" alt="Publicați pe Odnoklassniki" loading=lazy loading=lazy></a></noindex></span>
<span style="display:scroll;">
</span>
</div>
</aside> </div>
<div class="tg-third-footer-widget">
<aside id="text-32" class="widget widget_text clearfix"> <div class="textwidget">
<div class="footer-socket-left-sectoin">
</div>
</div>
</div>
</div></div>
</aside> </div>
<div class="tg-fourth-footer-widget">
</div>
</div>
</div>
</div>
</div>
<div class="footer-socket-wrapper clearfix">
<div class="inner-wrap">
<div class="footer-socket-area">
<div class="footer-socket-right-section">
</div>
</div>
</div>
</div>
</footer>
<a href="#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a>
</div>
<script type='text/javascript' src='https://shyza.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.0.1'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/jquery.bxslider.min.js?ver=4.1.2'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/colormag-slider-setting.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/navigation.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/sticky/jquery.sticky.js?ver=20150309'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/sticky/sticky-setting.js?ver=20150309'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/magnific-popup/jquery.magnific-popup.min.js?ver=20150310'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/magnific-popup/image-popup-setting.js?ver=20150310'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/fitvids/jquery.fitvids.js?ver=20150311'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/fitvids/fitvids-setting.js?ver=20150311'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/post-format.js?ver=20150422'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.6.3'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.4.0'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13'></script>
<script type="text/javascript">
jQuery(easy_fancybox_handler);
jQuery(document.body).on('post-load', easy_fancybox_handler);
jQuery(easy_fancybox_auto);
</script>
</body>
</html> 