Crearea de documente la HTML. Crearea unei prime pagini web și a unui paragraf text prin intermediul

Pagina web este un document special formatat care poate include text, grafică, hiperosmoves, audiție, animație, secvență video.

Mai multe pagini web unite de subiecte și design, precum și link-uri conexe și, de obicei, situate pe un server web formează un site web.

Web cu AIT (din engleză site-ul web.: web. - "Web, rețea" și site-ul. - "loc", literal "loc, segment, parte în rețea") - un set de documente electronice (fișiere) ale unei persoane sau organizații private într-o rețea de calculatoare, unită sub o singură adresă (nume de domeniu sau adresa IP).

Toate site-urile din agregate se compunWorld Wide Web În cazul în care Comunicarea (Web) combină segmentele informațiilor comunității globale într-un singur întreg - baza de date și comunicarea scalei planetare. Pentru accesul direct la clienți la site-uri pe servere, un protocol a fost dezvoltat special.Http. .

Site-ul web de structura sa seamănă cu o revistă care conține informații dedicate oricărui subiect sau problemă. Revista constă din pagini tipărite, iar site-ul web este alcătuit din pagini web de calculator.

Un program care demonstrează o pagină web este numit un browser web.

Crearea site-urilor web este implementată utilizând marcajul hypertext HTML Hypertext. Tehnologia HTML este că caracterele de control (etichetele) sunt introduse într-un document de text obișnuit și, ca urmare, obținem o pagină web. Browserul când încărcarea unei pagini web îl prezintă pe ecran conform specificațiilor de etichete.

HTML vă permite să:

· Formatul textului;

· Includeți imagini, multimedia în document;

· Cu această limbă, sunt create legăturile hipertext către alte pagini web.

HTML este utilizat pentru a crea conținutul informațiilor despre fișier și pentru a determina structura și formatul paginilor web. Deoarece fișierele HTML sunt fișiere text convenționale, un astfel de fișier poate fi aproape trimis la orice computer.

Pentru a crea pagini web, sunt utilizate editori simpli de text, care nu includ în documentul generat de simbolurile de formatare a textului de gestionare. Ca un astfel de editor în Windows, puteți utiliza aplicația standard Notepad.

De obicei, fișierul de pagină web are o extensie.html or.htm.

În plus, există multe tehnologii în care principalele acțiuni de creare a site-urilor sunt deja automatizate, rămâne doar pentru a face schimbări în conformitate cu subiectul său.

Pentru a vizualiza pagina HTML, este suficient să introduceți pur și simplu adresa URL în bara de adrese a browserului web, apoi urmați hyperlink-urile. Dar tocmai aceasta este principala problemă - cum să aflați adresa paginii? Cel mai adesea se întâmplă că știi ce să găsești, dar nu este cunoscut unde să căutați exact cum să căutați. Motoarele de căutare speciale există pentru rezolvarea acestei probleme. Din punctul de vedere al utilizatorului, motorul de căutare este un site obișnuit de pe pagina principală care sunt rupte prin titluri ("sport", "afaceri", "computere" etc.) legături către alte site-uri. În plus, motorul de căutare permite utilizatorului să introducă mai multe cuvinte cheie și returnează link-urile către pagini care conțin aceste cuvinte cheie.

Site-ul web.

Site-ul web (eng. Site-ul web, de pe web - web și site - "loc") - în rețeaua de calculatoare, combinația de documente ale unei persoane sau organizații private este unită sub o singură adresă. În mod implicit, se înțelege că site-ul este situat pe Internet. Toate site-urile internet sunt combinate cu păianjenul mondial. Pentru accesul direct al clienților la site-uri pe servere, protocolul HTTP a fost dezvoltat în mod specific. Site-urile web sunt diferite numite reprezentarea internetului a unei persoane sau a unei organizații. Când spun "pagina proprie pe Internet", apoi întregul site sau pagina personală ca parte a unui site străin. În plus față de site-urile web de pe Internet, site-urile WAP sunt, de asemenea, disponibile pentru telefoanele mobile.

Inițial, site-urile au reprezentat agregarea documentelor statice. În prezent, majoritatea sunt caracterizate de dinamism și interactivitate. Pentru astfel de cazuri, experții utilizează termenul web aplicație - un pachet software gata pentru a rezolva sarcina site-ului web. Aplicația web face parte din site-ul web, dar aplicația web fără site-ul de date este doar din punct de vedere tehnic.

În majoritatea cazurilor de pe Internet, un site web corespunde unui nume de domeniu. Este pe nume de domenii pe care site-urile sunt identificate în rețeaua globală. Sunt posibile alte opțiuni: un site pe mai multe domenii sau mai multe site-uri sub un domeniu. De obicei, mai multe domenii utilizează site-uri mari (portaluri web) pentru a separa logic diferite tipuri de servicii furnizate (mail.yandex.ru, știri.yandex.ru, auto.yandex.ru). Frecvent, cazurile de separare a domeniilor individuale pentru diferite țări sau limbi. De exemplu, Google.ru și Google.fr sunt logic un site Google în diferite limbi, dar din punct de vedere tehnic acestea sunt locuri diferite. O combinație de mai multe site-uri sub un domeniu este caracteristică găzduirii gratuite. Pentru a identifica site-urile din adresa după specificarea gazdei, Tilda merită site-ul și numele site-ului: example.com/~my-site-Name/.

Cea mai mare parte a conținutului prezentat pe Internet este paginile web. Acesta este un istoric primul tip de documente destinate cazărilor în spațiul de rețea virtuală, dar păstrează totuși relevanța și practic formatele neconcurente. Care este structura paginilor web? Cu ce \u200b\u200bmijloace de dezvoltare web sunt create?

Ce este o pagină web?

"Listează elementele de bază ale paginii web", Examinerul ne spune în lecția informatică. Ce le putem spune ca răspuns? În primul rând, ne spunem despre ceea ce pagina web este în principiu.

Conform unei definiții întâlnite într-un mediu specialist IT, acesta este un document care este proiectat să se deschidă într-un program specializat - browser și care conține date pentru a fi afișate pe ecranul computerului utilizând tipul corespunzător pentru diferite conținuturi utile - texte, link-uri, Grafică, video, muzică și muzică și etc. Pagina web este un document text. Datele de browser corespunzătoare sunt litere, numere și caractere speciale utilizate ca elemente ale limbajului de marcare - HTML. Folosea că Creatorul paginii web "explică" browserul, cum să afișați unul sau altul pe ecran.

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

Este posibil să spunem că pagina web este principala componentă a site-ului web? Parțial acest lucru este adevărat. Cu toate acestea, după cum am menționat mai sus, pagina web este doar un document text. Site-ul, de regulă, aranjează și imagini, video și alte elemente multimedia. O pagină Web pentru a le găzdui în sine, dar în structura sa poate conține legături cu ele. Astfel, pagina web poate fi numită principala componentă a site-ului în aspectul rolului dominant în afișarea conținutului virtual în fața utilizatorilor.

În cazuri rare, desigur, documentul examinat va fi singura componentă a site-ului - dacă nu este furnizată din anumite motive pentru a afișa grafice, video și alte elemente multimedia. În special, primele site-uri - când au apărut lucrătorii din paginile web, nu au inclus conținutul corespunzător. Înainte de ochii utilizatorului, a existat doar text și linkuri.

Principiul utilizării hipertextului

Deci, pagina web se numește un document întocmit în HTML, cu care se efectuează marcajul hipertext. Dar care este acest fenomen? Ce este hipertext? Fără aprofundarea puternic în teorie, menționăm că acesta este un text care într-unul sau altul vă permite să obțineți acces rapid la altul - prin referință. În cartea obișnuită este imposibil - există un "text simplu". Pentru a avea acces la pagina dorită, cititorul trebuie să facă câteva redistribuire, înainte de a citi conținutul sau notele de subsol. În modul "HyperText", partea principală a lucrării face un computer - datorită informațiilor reflectate în pagina HTML elemente.

Dacă profesorul informatic ne spune: "Listează elementele de bază ale paginii web", atunci putem începe perfect povestea componentelor documentului relevant, care sunt create folosind limba de marcare HTML. Prin urmare, pentru a începe, luați în considerare câteva momente teoretice referitoare la HTML.

Structura limbajului HTML: Etichete

Cum citește browserul datele necesare despre pagina web din documentul întocmit în HTML? Foarte simplu.

Principalele elemente ale acestei limbi sunt etichete. În cele mai multe cazuri, ele sunt asociate - există deschise și există o închidere. Primul sunt notate prin paranteze unghiulare. Al doilea este similar, dar o slash este plasată înainte de a doua suport - 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.

Eticheta de deschidere este de obicei scrisă de închiderea literelor mari - mici. Acesta este un standard stabilit într-un mediu specialist IT. Browserul va recunoaște cu siguranță comanda HTML cu orice litere, dar dezvoltatorii web sunt, de asemenea, recomandați să adere la schema de scriere a etichetei marcate. Acest lucru va facilita, de exemplu, îmbunătățirea paginii web de către alți specialiști.

Atributes.

Alte elemente de limbă HTML esențiale sunt atribute. Cu ajutorul lor, Creatorul paginii web poate seta proprietățile conținutului - de exemplu, înălțimea fontului, culoarea sa, poziția față de pagină. Același lucru este valabil și pentru imagini, videoclipuri și alte componente multimedia. Atributele sunt scrise în cadrul etichetei de deschidere.

Conţinut

Între eticheta de deschidere și închidere se află următoarea componentă cheie a paginii web - conținut. Acest lucru, de fapt, același conținut care ar trebui afișat înainte de utilizator pe ecran. Acesta poate fi textul, link-ul, imaginea, videoclipul sau alt element multimedia.

Pagini web

"Deci, enumerați elementele de bază ale paginii web, în \u200b\u200bcele din urmă!" - repetă profesorul. "Cu plăcere", răspundem la el. Ceea ce este inclus în structura tipului de documente luate în considerare? Suntem de acord că vom lua în considerare acest aspect exact în contextul elementelor HTML ale paginii web. Adică, afișajul lor în browser este că utilizatorul vede pe ecran - ne vom întreba într-o măsură mai mică. Faptul este că algoritmii HTML corespunzători, pe baza cărora programul afișează conținutul în mod egal, pot fi diferite. Și în această caracteristică a limbii HTML: imaginea dorită pe pagina web poate fi afișată în moduri diferite. În același timp, ele pot fi atât echivalente din punctul de vedere al costurilor forței de muncă ale creatorului de pagini web în moduri și să își asume cantități diferite de efort și timp pentru implementarea acestora.

Pagini web: antet

Elemente standard ale paginii web, așa cum au fost surprinzător de sunete, sunt prezentate într-o cantitate foarte mică. În esență, există doar două dintre ele - titlul și partea principală a documentului. În același timp, fiecare dintre ele poate avea o structură destul de complicată.

Care este specificitatea antetului? Acesta este situat în partea de sus a paginii web. Într-un cod HTML care generează un antet, de regulă, se presupune că "criptarea" este criptată numai, dar dacă este necesar, inserții grafice mici pot fi de asemenea plasate în elementul corespunzător. Și acest lucru, de fapt, tot ceea ce se poate spune despre titlu. Se pare că rolul său în structura documentului relevant este nesemnificativ. Dar nu este. Titlurile paginilor web sunt foarte semnificative din punct de vedere al indexării site-ului î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.

Cum este fixat antetul paginii web folosind HTML? Foarte simplu. În primul rând, eticheta de deschidere este scrisă, care întotdeauna arată ca capul cu paranteze de colț, apoi conținutul titlului, după - eticheta de închidere. Acestea sunt scrise, desigur, în partea de sus a documentului web.

Antetul documentului web poate include o serie de elemente suplimentare. Uneori formatul paginii web poate necesita afișarea textului într-o codificare specifică. Cum să asigure conformitatea documentului web acest criteriu? Foarte simplu. În structura antetului documentului, trebuie plasate algoritmii HTML, prescriu browserul pentru a utiliza o codificare specifică a limbii - de exemplu, chirilică. Comenzile relevante sunt plasate în cadrul etichetei Meta, care, precum și altele, se întâmplă deschiderea și închiderea.

Cea mai mare parte a paginii web

Partea principală a documentului web se deschide cu eticheta corpului, se închide folosind elementul adecvat, inclusiv o slash. În același timp, poate exista un număr mare de limbi de marcaj hipertext suplimentare pentru deschiderea și închiderea etichetelor. Acest lucru se datorează faptului că conținutul său util este postat în partea principală a paginii web - texte, link-uri, grafică, videoclipuri, diverse forme pentru umplere.

Fiecare dintre tipurile de conținut respective are propriile etichete. În structura părții principale a documentului web, pot fi prezente o comenzile HTML, cu care se efectuează formatarea textului - de exemplu, făcând fontul unei anumite culori, mărime și alte proprietăți.

Luați în considerare specificul unor etichete HTML utilizate frecvent. De fapt, ele formează, de asemenea, elementele de bază ale paginii web.

Tag-uri HTML de bază

Deci, cu scopul unui studiu detaliat al ceea ce este elementele paginii web, vom studia mai mult din esența etichetelor HTML de bază. Unele dintre ele au fost deja conduse mai sus - în special cele prin care browserul citește anteturile paginilor web și determină locul în care se află partea principală a documentului.

P. Etichetă este suficient distribuită. Aceasta, ca și alte elemente similare ale limbajului de marcare hipertext, poate fi descoperită și închidere. Această etichetă vă permite să formați un paragraf separat al documentului. Puteți, de exemplu, să setați un anumit tip de font pentru aceasta sau de culoarea acestuia. Cu toate acestea, acest lucru se face folosind un font suplimentar. În același timp, acesta va fi localizat în interiorul celui care denotă limitele paragrafului - acest lucru va permite să nu distribuie comanda HTML care să reflecte tipul de font preferat, la alte elemente ale paginii web.

Cu tag-ul Tagle, sunt create mese. Cu ajutorul atributelor care corespund acesteia, puteți determina numărul necesar de coloane și rânduri, setați lățimea, specificul limitelor, mărimea și culoarea fontului de text din tabel.

Responsabil pentru prelucrarea browserului de imagini. De asemenea, poate plasa diverse atribute care reglementează dimensiunea imaginii, poziția sa pe pagină.

Referințele la alte documente web sau fișiere sunt specificate utilizând eticheta A. De regulă, atributele care indică faptul că în structura paginii web este un hyperlink. Aceasta specifică documentul, fișierul sau site-ul web la care conduce.

Eticheta este distribuită ca cadre. Cu aceasta, puteți împărți spațiul paginii web în mai multe zone - cadre. În fiecare dintre ele, puteți pe documente web separate. Adică, cadrele vă permit să poziționați corect pe un ecran în același timp două sau mai multe pagini.

O poveste despre elementele cheie ale paginilor web și o poveste ulterioară despre mijloacele de formatare folosind limba HTML - despre acest lucru va fi algoritmul răspunsului nostru la întrebarea pe care am cerut-o examinatorului. Dacă ne-a apelat la noi, spunând că "Listează elementele de bază ale paginii web", atunci, folosind metodologia adecvată, vom avea toate șansele de a dezvălui subiectul. Aceasta este, sub termenul "elemente", putem înțelege componentele cheie ale structurii documentului web sau tipurile de conținut - text, imagini, tabele, cadre, legături pe care webmasterul le generează cu ajutorul unui astfel de instrument ca limbă HTML.

Specificitatea instrumentelor de dezvoltare web

În plus față de cele menționate, putem clarifica faptul că etichetele și atributele stipulate de standardele HTML reprezintă o cantitate imensă. În plus față de HTML Web Developers pot utiliza unelte suplimentare de formatare a documentelor hipertext. De exemplu, folosind JavaScript, puteți crea pagini web dinamice - adică cele în care conținutul este actualizat în mod constant (atât prin acțiunile utilizatorului în sine, cât și în conformitate cu algoritmii în avans în scenari).

Va fi util să adăugați că dezvoltatorul web poate utiliza limbi de programare cu drepturi depline, cum ar fi, de exemplu, Perl, PHP, Java, Python, cu care posibilitățile de a lucra cu documentele hipertext devin și mai largi. Nevoia de acest lucru se poate datora faptului că aplicațiile tehnologiilor web de astăzi sunt foarte diferite. Sarcinile care se confruntă cu dezvoltatorii moderni pot fi destul de complicați. De exemplu, uneori este necesar să traduceți paginile web scrise în limba rusă în limba engleză. În acest caz, setul de instrumente al dezvoltatorului va fi cel mai divers.

Ce este o pagină web? Acesta este un document scris într-un limbaj de marcare hipertext ( HTML.), Care poate fi vizualizat folosind un browser. Accesul la pagina web este realizat introducând adresa URL.

Pagina web poate conține text, grafică și hyperlink-uri la alte pagini și fișiere.

Cum să deschideți o pagină web

Pentru a vizualiza o pagină web necesită un browser ( de exemplu, Internet Explorer, Edge, Safari, Firefox sau Chrome). În browser, puteți deschide o pagină web specificând bara de adrese URL. De exemplu, introducerea " https://www.computerhope.com/esd.htm."Veți deschide pagina Speranța ESD Computer.

Dacă nu cunoașteți adresele URL ale site-ului pe care doriți să le vizitați, puteți utiliza motorul de căutare pentru a găsi o pagină web sau pentru a utiliza site-ul de căutare.

Când a fost creată prima pagină web?

Prima pagină web a fost creată în CERN TIM BERSERS-LEE 6 august 1991. Înainte de a putea vizita și vizualiza primul site și prima pagină web la http://info.cern.ch/.

Care este diferența dintre site și o pagină web?

Site-ul este un loc care conține mai multe pagini web. De exemplu, resursa noastră este un site care include mii de diferite pagini web, inclusiv pe cea pe care ați citit-o acum:

În exemplul de mai sus, adresa URL.htm este o pagină web, aceasta este întotdeauna ultima parte a URL-ului. Pentru adresele URL care nu au terminațiile .htm, .html, .php, .cgi, .pl sau altă extensie de fișier, serverul încarcă implicit pagina web index.htm în mod implicit. De exemplu, pentru adresa URL a paginii de contact, nu există nici o pagină web. În acest caz, fișierul index implicit din directorul de contact este încărcat.

Exemplu de pagini web

Am menționat deja că browserele sunt folosite pentru a vizualiza paginile web. Pagina web este formată din mai multe elemente, inclusiv CSS, imagini și JavaScript. Corpul paginii web este creat utilizând HTML. Acest cod poate fi creat utilizând un editor HTML, scris de o persoană sau generat utilizând scripturi de server. De obicei, o pagină web creată de o persoană se încheie cu o extensie .htm sau .html. De exemplu, această pagină are numele fișierului " webpage.htm." Paginile generate de un script se pot încheia cu .cgi, .php, .pl etc.

Ce elemente conțin o pagină web?

Mai jos este o defalcare a elementelor principale, astfel încât designerii de web să poată înțelege ce este logic structura paginii web:

  1. Titlul site-ului, logo-ul sau numele companiei este aproape întotdeauna în colțul din stânga sus al fiecărei pagini web. Este, de asemenea, plăcut să folosiți un slogan sau o scurtă descriere a paginii pentru a oferi noi vizitatori o idee a site-ului. Acest element de pagină web este, de obicei, un link care duce la pagina principală;
  2. Bara de căutare permite vizitatorilor să găsească rapid o pagină web. Trebuie să fie prezentă pe fiecare pagină;
  3. Panoul sau meniul de navigare este, de obicei, în partea de sus sau din stânga a fiecărei pagini web. Ar trebui să includă legături către fiecare dintre principalele secțiuni ale site-ului;
  4. Bannerele publicitare pot fi afișate în diferite locuri de pe pagina web. De obicei, acestea sunt afișate în partea superioară, stânga, dreapta sau inferioară a paginii web sau sunt incluse în conținutul principal;
  5. Butoanele sociale permit vizitatorilor să împărtășească legături către o pagină web pe site-urile de socializare;
  6. În paginile web create, crimele de pâine ajută vizitatorul să înțeleagă unde se află, precum și să meargă la alte secțiuni ale site-ului;
  7. Titlul trebuie să fie în partea de sus a fiecărei pagini web. Acesta este creat folosind o etichetă HTML

    .

  8. Paragraful inițial este unul dintre cele mai importante elemente ale paginii web. El trebuie să intereseze vizitatorului să se familiarizeze cu conținutul paginii web. O modalitate de a atrage atenția vizitatorilor este introducerea imaginii de lângă paragraful inițial;
  9. Fiecare pagină web ar trebui împărțită în antete de nivel inferior care permit vizitatorului să vizualizeze cu ușurință conținutul și să găsească pe pagina ce este cel mai interesant pentru el. La crearea unei pagini web, acest lucru se poate face folosind etichete HTML.

    ;
  10. O idee bună este de a oferi vizitatorilor o legătură sau un buton care redirecționează formularul de feedback astfel încât să poată informa dacă această pagină web a fost utilă sau nu;
  11. Informații și instrumente suplimentare, cum ar fi butonul de imprimare, pot fi, de asemenea, utile pentru utilizatori;
  12. Subsolul ar trebui să includă informații suplimentare care sunt importante pentru companie sau site. Precum și link-uri către alte pagini web;
  13. Dreptul de autor și orice notificare legală sau confidențială ar trebui să fie postate și pe toate paginile web. În elementele de bază ale proiectării paginilor web, acest articol nu numai că se poate referi la informațiile juridice relevante. De asemenea, el indică faptul că vizitatorii au ajuns la sfârșitul paginii web;
  14. Butonul Page Up poate ajuta vizitatorii să se întoarcă rapid la partea de sus a paginii web pentru a accesa linkurile de meniu.

Ce pot face utilizatorii pe o pagină web?

În majoritatea paginilor web există hyperlink-uri interesante pentru care mergeți pentru a găsi informații suplimentare. De asemenea, puteți asculta muzică, vizionați videoclipuri, faceți achiziții, comunicați și multe altele.

HTML (Language HyperText Markup) este o limbă specială pentru formatarea documentelor text (se numește și limba de marcare a limbii - Vizualizatorul de documente WWW). HTML este un set destul de simplu de comenzi care descriu structura documentului. HTML vă permite să selectați părți logice individuale în text (antete, paragrafe, liste etc.), puneți o fotografie separată pregătită sau o imagine pe pagina web, pentru a organiza legăturile de pe linkul pentru a contacta alte documente de pe pagină.

HTML nu specifică atributele specifice și corecte de formatare a documentelor, cum ar fi Microsoft Word. Tipul specific de document determină în cele din urmă numai programul browser. Pe calculatorul tau. Nevoia de precizie Această abordare este asociată cu eterogenitatea hardware-ului și a software-ului computerelor conectate la Internet. HTML nu este, de asemenea, un limbaj de programare, dar paginile web pot include programe încorporate. script-uri în limbile și programele de scripturi de bază din JavaScript și Visual applets. în limba Java.

Din punctul de vedere al utilizatorului Windows, pagina web este doar un fișier * .htm sau * .html care se află pe serverul de Internet, pe rețeaua locală sau pe hard disk-ul mașinii dvs.

Amintiți-vă că HTML nu este un limbaj de programare, acesta este destinat numai pentru marcarea documentelor. Acestea. De fapt, crearea unei pagini HTML, editați pur și simplu textul utilizând etichete aproximativ la fel ca în editorul de text obișnuit. Fiecare etichetă are propria proprietate, dar toate concluzionează între parantezele unghiulare "<" и ">", de exemplu, , .

Toate etichetele din HTML sunt împărțite în două tipuri - acestea sunt asociate și nepermise. Perechile sunt considerate a fi cele pe care eticheta de descoperire necesită prezența unei etichete de închidere. Etichetele închise în HTML sunt marcate și scrise astfel . Etichetele nepermise nu necesită o etichetă de închidere. Un exemplu de astfel de etichete este eticheta de transfer la următoarea linie
. Există, de asemenea, etichete obligatorii care trebuie utilizate pe toate paginile și opționale, care sunt utilizate de dorință.

HTML - Limba de marcare a textului hiper. Pagina web (HTML Document) este un fișier text în format HTML * .htm sau * .html, situat în World Wide Web (www). WWW - World Wide Web, distribuit HyperText Access Document Access, existent pe Internet. Pagina web, alta decât textul poate conține legături hipertext, cu care vă puteți muta în alte pagini web și vizualizați-le. Pagina web poate conține inserții sub formă de grafică, animație, clipuri video și muzică. Pentru a vizualiza paginile web, puteți utiliza, de exemplu, Microsoft Internet Explorer sau Netscape Navigator sau Opera (Viewer sau Browser). Language HTML permite: 1) Crearea și editarea paginilor web, inclusiv pagina dvs. web de acasă, care poate fi apoi plasată pe Internet; 2) Editați documentele HTML primite de pe Internet, astfel încât toate obiectele implementate în document (imagini, animații etc.) să funcționeze; 3) Creați prezentări multimedia, slideshow-uri, proiecte demonstrative, datorită legăturilor hipertext și capacității de a introduce desene HTML, diagrame, animații, clipuri video, suport muzical și de vorbire, efecte speciale text (de exemplu, șir de rulare) în documentul HTML. Există trei modalități principale de a crea pagini web (sau documente HTML): 1) utilizând editorul de text Notepad (Notepad) încorporat în Windows și vizualizați rezultatele utilizând un browser. Acest mod mai ușor este recomandat pentru începători. Tehnologia acestei metode de creare a unei pagini web este după cum urmează: În editorul Notepad este creat un fișier de pagină Web, care este salvat cu extensia * .htm. Apoi, acest fișier este încărcat și vizualizat de Internet Explorer. Pentru a apela editorul Notepad pentru a edita un fișier de pagină Web în timp ce vizualizați-l în Internet Explorer, se utilizează o vizualizare a elementului de meniu, sursă sau HTML. După salvarea unui fișier și a ieșirii de la un Notepad pentru a vizualiza pagina editată, trebuie să apăsați tasta F5 sau butonul "Actualizare" din bara de instrumente Internet Explorer. 2) Utilizarea editorilor de documente HTML speciali, cum ar fi lumina metalică caldă, profesionist de câine cald, Pagina Frontului MS, HTMLPAD, etc. 3) Utilizarea editorului Word-97, unde este creat textul documentului, care este apoi transformat la un Formatul HTML. Luați în considerare conceptele de bază ale limbajului HTML. 1. Elementul este un design al limbajului HTML sau un container care conține date. Pagina web este un set de elemente. 2. Eticheta este marcatorii de pornire și de capăt a elementului. Etichetele definesc limitele elementelor și separați elementele unul de celălalt. În textul paginii web, etichetele sunt constând în paranteze unghiulare, de exemplu: . Eticheta finală este întotdeauna furnizată cu caracteristică oblică:. 3. Fragmentul de text hyperlink - text, care este un indicator către un alt fișier sau obiect. Hyperlink-urile vă permit să vă deplasați de la un document la altul. 4. Cadru - zona documentului hipertext cu barele de derulare. 5. Applet este un program transmis la computerul clientului ca fișier separat și a început la vizualizarea unei pagini web. 6. Scriptul este un program inclus în pagina web pentru a-și extinde capacitățile. 7. Descărcați (Descărcați) - Copierea unui document de pe un server web la un computer client. Încărcare - Copierea unui document de calculator client către un server web - este utilizat la crearea paginii dvs. web (adică, când este publicată). Luați în considerare structura generală a documentului HTML tipic simplu: cometariu Numele documentului Iată textul documentului HTML în sine. Vizualizați cel mai simplu document HTML pe care îl vom oferi o explicație la etichetele de documente HTML specificate. sau - Comentariu la document. Este ignorat de un browser. Comentariul nu este obligatoriu și poate fi absent. - Identificatorul întregului bloc de comandă HTML. - Identificatorul antetului documentului HTML. - Identificatorul antetului de vizualizare. <META> - Această etichetă neplătită se aplică pentru a specifica informații detaliate despre document. <BODY> - Identificatorul de comandă HTML pentru vizualizare. Trei etichete principale <HTML>, <HEAD> și <BODY> Transmiteți informații de bază în browser pentru a identifica și organiza documentul. Toate etichetele specificate sunt asociate, adică fiecare dintre ele se încheie cu eticheta de capăt cu o slash. Toate echipele pot fi scrise ambele cu o literă mică și cu una mare. <u>Luați în considerare etichetele de formatare a fluxului de text:</u> <P>Identificatorul paragrafului târziu. <BR> - Identificator de traducere rând. <HR> - un identificator de imagine al liniei orizontale. Aceste etichete sunt single, adică Neparații, nu necesită etichete cu o slash. <PRE>Instalarea fontului echilated. În cele din urmă aveți nevoie de o etichetă</PRE>. Luați în considerare perechile Tag-uri Formatarea titlurilor și a subtitrărilor documentului: <H1>, <H2>, <H3>, <H4>, <H5>, <H6>. În același timp, titlurile vor fi aduse în scrisori mari, iar dimensiunea etichetei <H1> Va fi cel mai mare, <H2> Mai puțin, u. <H3> Chiar mai puțin etc. Luați în considerare etichetele de formatare a simbolului textului asociat: <B> - Identificator de fonturi de la Font. <strong> - Identificatorul fontului selectat. <i> - blestem de identificare. <U> - sublinia. <s> - identificatorul identificatorului. <tt> - Identificatorul echider fontul (teletype sau curier). <big> - Specifică o dimensiune a fontului crescut. <small> - Specifică dimensiunea redusă a fontului. <CENTER> - Specifică centrul textului. <sub> - Specifică indicele inferior. Exemplu: X. <sub>1</sub>+ X. <sub>2</sub>\u003d X. <sub>3</sub> <sup> - Specifică indicele superior. Exemplu: Teorema Pythagora a <sup>2</sup>+ B. <sup>2</sup>\u003d C. <sup>2 Vezi Exemplu cu etichete de formatare a fluxului de text. <u>Ia în considerare etichetele de formatare a paragrafului:</u> <p align=left>Nivelarea textului în paragraf la marginea din stânga. <p align=right>Alinierea textului în paragraful de pe marginea dreaptă. <p align=center>Nivelul textului într-un paragraf din centru. <p align=justify>Levelarea completă a ambelor margini ale ecranului. Atribut align - aliniere. <u>Luați în considerare etichetele listelor.</u> Acestea sunt o modalitate de afișare vizuală a informațiilor structurate. Listele comandate servesc pentru a afișa operații sau algoritmi succesivi. Browserul generează automat numere pentru fiecare element din listă. <OL> - Lista comandată de identificare. În cele din urmă</OL>. Listele dezordonate servesc la elaborarea listelor atunci când ordinea punctelor este nesemnificativă. Înainte ca fiecare element să stea o pictogramă de listă specială (punct). <UL> - Identificatorul unei liste neordonate. În cele din urmă</UL>. Elemente separate în listele comandate și dezordonate sunt marcate cu o singură etichetă <LI>, și elemente în listele de definire <DL> Tegs. <DT> Pentru termenul I. <DD> Pentru sensul termenului. <LI> - Element de identificare într-o listă ordonată și dezordonată. Etichetă finită</LI> Pot fi omise. Listele de definire oferă formatare specială, ca în dicționare, pentru termeni și descrieri conexe. <DL> - identificatorul listei de definiție. În cele din urmă</DL>. <DT> - Identificatorul termenului din lista de definiții. <DD> - identificatorul valorilor termenului din lista de definiții. Listele de definire au forma: <DL> <DT> Numele termenului 1. <DD> Definirea termenului 1. <DD> O altă definiție a termenului 1 .....</DL> Utilizarea etichetelor listelor este prezentată în exemplele 4 și 5. Vizualizarea unui exemplu cu etichetele listelor. <u>Unele dintre cele mai importante etichete HTML</u> <BODY bgcolor="teal" text="aqua" link="red"> - Specifică culoarea textului (textului), culoarea de fundal (Bgcolor) și culoarea legăturii hipertext (link). Specificați mai multe alink \u003d "" și VLINK \u003d "" Link-uri sursă active și vizitate. <BODY background="back.jpg"> - Specifică desenul de fundal (fundal) de pe pagina web din fișierul back.jpg. <BODY background="/windows/tartan.bmp"> - Desenul de fundal (fundal) este preluat din fișierul Tartan.bmp, iar calea acestui fișier este specificată. <font color="yellow" size=5> - Specifică culoarea simbolurilor text (atributul de culoare) și dimensiunea lor (atributul de dimensiune). În cele din urmă aveți nevoie de o etichetă</font>. <hr color="lime"> - Specifică culoarea liniei orizontale. <hr color="red" size=3 width=220 align=center> - atributul de dimensiune \u003d n Setează grosimea liniei în pixeli; Atributul de lățime \u003d m Setează lungimea liniei în pixeli; Atributul align \u003d centrul (sau stânga sau dreapta) Setează decalajul liniei (locația sa în centru sau offsetul la stânga sau spre dreapta). <img src='/sozdanie-dokumentov-v-html-sozdanie-pervoi-veb-stranicy-i-abzac.html' loading=lazy loading=lazy> - Introduceți imaginea grafică ca fișier lycos.gif. Există fișiere GIF animate. De asemenea, puteți utiliza fișierele grafice ale formularului * .jpg (sau * .jpeg), * bmp.<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?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 class="dsperelink"> <div class="read-analog"> <style> </style> <style> #perelink-horizontal { vertical-align: top; margin: 0 -5px; text-align: left; } #perelink-horizontal .perelink-horizontal-item { vertical-align: top; display: inline-block; width: 192px; margin: 0 5px 10px; } #perelink-horizontal .perelink-horizontal-item a span { display: block; margin-top: 10px; } #perelink-horizontal img { width: 192px; height: 192px; margin-bottom: 10px; } </style> <div id="perelink-horizontal"> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/ro/chto-nuzhno-dlya-sozdaniya-registratora-domenov-biznes-po-pereprodazhe.html"> <img src="/uploads/7b9f98934aa10459fbea2486aad25259.jpg" height="192" width="192" loading=lazy loading=lazy> <span>Numele de domeniu Reseller Afaceri: Sfaturi, alegerea registratorului</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/ro/vstrechi-i-znakomstva-flirchi-znakomstva-bez-registracii-flirchi-ukrainskaya.html"> <img src="/uploads/759a1b1dcf278bda378b922286ca0a0a.jpg" height="192" width="192" loading=lazy loading=lazy> <span>Dating flirtic fără înregistrare FLIRCHI Versiune ucraineană</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/ro/bezopasnost-oblachnyh-hranilishch-kak-naiti-v-kompyutere-oblako-oblachnoe.html"> <img src="/uploads/53098a0c5505665e1010c9451e298d86.jpg" height="192" width="192" loading=lazy loading=lazy> <span>Cum să găsiți un depozit de nor în nor</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/ro/chto-vhodit-v-ponyatie-orgtehnika-spisok-chto-podrazumevaetsya-pod.html"> <img src="/uploads/a5a7fd2cf0cfa2c948269fa826ec094b.jpg" height="192" width="192" loading=lazy loading=lazy> <span>Ce se înțelege sub echipamente de birou pentru birou și ceea ce este necesar</span> </a> </div> </div> </div> </div> </div> </article> </div> </section> <aside class="col-xs-12 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation"> <div class="mainnavbar side-box clear"> <div id="nav_menu-2" class="side-box_b"> <div class="menu-sidenav-container"> <ul id="menu-sidenav" class="menu"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/total/">General</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/hard-drive/">HDD.</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/different/">Miscelanene.</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/windows/">Windows.</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/apple/">măr</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/android/">Android</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/browsers/">Browsere</a> </li> </ul> </div> </div> </div> <div class="side-box lastfaq faqli clear"> <span class="title-f">Top 5:</span> <ul class="textw_a clear"> <li><a href="https://olympsb.ru/ro/kak-sdelat-zvuk-na-kompyutere-gromche-esli-vs-na-maksimume-chto-delat-esli.html">Ce trebuie să faceți dacă un sunet liniștit în căști este un ghid pentru creșterea volumului de sunet cum să faceți că căștile chiar mai puternice</a></li> <li><a href="https://olympsb.ru/ro/sozdanie-dokumentov-v-html-sozdanie-pervoi-veb-stranicy-i-abzac.html">Crearea unei prime pagini web și a unui paragraf text prin intermediul</a></li> <li><a href="https://olympsb.ru/ro/sql-uporyadochit-po-vozrastaniyu-rabota-s-bazoi-dannyh.html">SQL Streamline ascendent</a></li> <li><a href="https://olympsb.ru/ro/chto-daet-obnovlenie-biosa-nuzhno-li-obnovlyat-bios-chto-dast-proshivka.html">Trebuie să actualizez BIOS-ul care oferă firmware-ului BIOS</a></li> <li><a href="https://olympsb.ru/ro/diagnostika-materinskoi-platy-noutbuka-akkumulyator-noutbuka-sbros.html">Bateria laptopului: Controler de resetare, firmware și zero Lenovo Laptop Controller Power</a></li> </ul> </div> <div class="side-box lastfaq faqli clear"> <span class="title-f">Materiale recente:</span> <ul> <li> <a href="https://olympsb.ru/ro/po-forme-izobrazheniya-informaciya-klassificiruetsya-kak.html" >Pe formularul de imagine, informațiile sunt clasificate ca</a> </li> <li> <a href="https://olympsb.ru/ro/bios-nuzhno-li-obnovlyat-stoit-li-obnovlyat-bios-osobennosti-i-nyuansy.html" >Merită să actualizați BIOS - Caracteristici și nuanțe în valoare de actualizare BIOS</a> </li> <li> <a href="https://olympsb.ru/ro/brauzer-gugl-nazyvaetsya-internet-brauzer-google-chrome---polnaya.html" >Internet Browser Google Chrome - Informații complete și Descărcare gratuită Versiunea rusă</a> </li> <li> <a href="https://olympsb.ru/ro/kakie-volny-ulavlivaet-televizor.html" >Ce valuri captează televizorul</a> </li> <li> <a href="https://olympsb.ru/ro/chto-takoe-brauzer-google-istoriya-brauzera-google-chrome-sozdanie-stanovlenie-i.html" >Istoria browserului Google Chrome: Crearea, formarea și dezvoltarea</a> </li> </ul> </div> <div class="side-box clear"> <div id="rexuta2" style="height:800px;width:240px;" align="center"></div> </div> </aside> </section> <div class="footer"> <div id="footer_mainnav" class="mainnav collapse navbar-collapse col-xs-12 col-sm-12"> <ul id="menu-mainnav-1" class="nav navbar-nav navi"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/flash-drives/">Unități flash</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/total/">General</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/hard-drive/">HDD.</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/different/">Miscelanene.</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ro/category/windows/">Windows.</a></li> </ul> </div> <div class="twobl-footer col-xs-12 col-sm-12"> <div class="onef col-xs-12 col-sm-3"> <div class="fool2og log-m_h1"> <img src='/public/logo.png' loading=lazy loading=lazy> </div> <div class="decksite"></div> </div> <div class="twof col-xs-12 col-sm-2"> <ul id="menu-foonav" class="twonavig"> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/ro/category/apple/">măr</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/ro/category/android/">Android</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/ro/category/browsers/">Browsere</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/ro/category/flash-drives/">Unități flash</a></li> </ul> </div> <div class="treef col-xs-12 col-sm-4"> <ul class="f-post"> <li><a href="https://olympsb.ru/ro/tipy-plotterov-plotter-vidy-i-rabota-primenenie-i-kak-vybrat-osobennosti.html">Tipuri de plottere. Plotter. Tipuri și muncă. Aplicație și cum să alegeți. Caracteristici Care sunt plotteriile</a></li> <li><a href="https://olympsb.ru/ro/istoriya-razvitiya-poiskovyh-sistem-poiskovaya-sistema-kakaya.html">Motorul de căutare pe care motorul de căutare a apărut mai devreme</a></li> <li><a href="https://olympsb.ru/ro/oshibki-scenariya-v-internet-explorer-prichiny-i-metody-ustraneniya.html">Cauze și metode de eliminare</a></li> <li><a href="https://olympsb.ru/ro/kak-pravilno-sostavit-title-dlya-stranicy-html-teg-title-effektivno.html">Tag titlu HTML - Utilizați efectiv titlul paginii</a></li> </ul> </div> <div class="fourf col-xs-12 col-sm-3"> <div class="buth"> <a class="butt-faq buttorang" href="" title="contacte">Contacte</a> </div> <p class="continfo">Computerul ajuta Olympus.</div> </div> <div class="tree-footer col-xs-12 col-sm-12 clear"> © 2021. Olympsb.ru. Computerul ajuta Olympus.</div> </div> <script src="https://olympsb.ru/wp-content/themes/vsepropechen/js/bootstrap.min.js"></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.5.1'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/wp-postratings/postratings-js.js?ver=1.83'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.7.6'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/disqus-comment-system/media/js/disqus.js?ver=4.7.6'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/disqus-comment-system/media/js/count.js?ver=4.7.6'></script> <div style="display:none"> <div id="text-3" class="conter-metr"> <div class="textwidget"> </script> </div> </div> </div> <div id="top-link"> <a href="https://olympsb.ru/ro/#top"></a> </div> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </div>