Hypertext Markup Language html. Limbaj de marcare hipertext
Introducere
§ 1. Informații generale despre limbajul de marcare hipertext (HTML)
§ 2. Structura documentului HTML
§ 3. Elemente de proiectare a paginilor Web
§ 4. Aplicarea practică a limbajului de marcare hipertext HTLM
Concluzie
Literatură
Introducere
Lucrarea tratează limbajul de marcare hipertext HTML (Hypertext Markup Language); prima specificație a acestui limbaj de marcare universal și disponibil în general - HTML - a fost aprobată în 1991. HTML a devenit standardul și, în același timp, „rădăcina” pentru toate paginile web dezvoltate.
Relevanța subiectului lucrării este determinată de faptul că astăzi HTML rămâne cel mai universal, chiar de neînlocuit mijloc de marcare hipertext și, în consecință, de publicare pe internet. Scrierea paginilor Web în HTML nu necesită interpretarea codului sursă în cod binar.
Paginile web de astăzi nu mai sunt doar HTML. Este completat armonios de instrumente HTML dinamice: limbaje de script JavaScript și / sau VBScript, foi de stil în cascadă (CSS), uneori sunt prezente applet-uri Java. De fapt, puteți ieși pentru o pagină Web modernă: Pagină web = HTML + DHTML (JavaScript / VBScript, CSS, applet Java) + CGI Adică, orice pagină trebuie să aibă un aspect HTML - locația elementelor de proiectare a textului și elementele necesare scripturi - ca extensie a HTML-ului în câmpul de localizare și descriere a proprietăților diferitelor obiecte. Scripturile CGI pot juca un rol principal prin modelarea unei pagini întregi, completarea acesteia cu date necesare, actualizate sau un rol secundar prin includerea în ea.
Scopul lucrării este de a oferi o descriere generală a limbajului de marcare hipertext HTML. În conformitate cu obiectivul stabilit, sarcinile lucrării sunt formulate după cum urmează:
1. Prezentare generală a principalelor caracteristici ale HTML
2. analiza aplicării practice a HTML (pe exemplul programelor de instruire).
§ 1. Informații generale despre limbajul de marcare hipertext (HTML)
Hipertextul este un text cu cuvinte încorporate (comenzi) de marcare care se referă la alte locuri din acest text, alte documente, imagini etc. În timp ce citiți un astfel de text (în programul corespunzător care îl prelucrează și efectuează legăturile sau acțiunile corespunzătoare), vedeți cuvinte evidențiate (evidențiate) în text. Dacă treceți peste ele cu cursorul și apăsați o tastă sau butonul (ochiul) mouse-ului, atunci la ce se referea acest cuvânt, de exemplu, un alt paragraf din același capitol al aceluiași text, va fi evidențiat. Pe WWW, folosind cuvinte cheie, puteți intra într-un text complet diferit de un alt document, puteți introduce un program, puteți efectua o acțiune etc. Pe Internet, în contextul WWW, puteți accesa orice, telnet, e-mail, ftp, Gopher, WAIS, Archie, USENET News etc. În WWW, puteți face referire la date de pe alte mașini oriunde în rețea, atunci când activați acest link, aceste date vor fi transferate automat la mașina sursă și veți vedea text, date, o imagine pe ecran și dacă puneți în practică ideea multimedia, veți auzi sunetul, muzica, vorbirea. Acesta este un pic ca Gopher, dar de fapt este fundamental diferit și nou. Gopher are o structură de meniu rigidă pe care o mișcați după cum doriți. Această structură nu depinde de ceea ce faceți, ce document utilizați etc. În WWW, vă deplasați printr-un document care poate avea orice structură de hipertext. Puteți organiza în mod liber structurile meniului în hipertext. Cu un editor de hipertext, puteți crea orice structură a mediului de lucru, inclusiv documentație, fișiere, date, imagini, software etc. și nu va fi un software nou, ci doar hipertext.
Programele moderne pentru dezvoltarea de servere Web, cum ar fi MS FrontPage sau Web Pen pentru Windows, permit chiar și unui începător să creeze cu ușurință pagini gata făcute, fără a studia manualele. În același timp, un specialist în crearea de site-uri Web, numit web-master, preia fișiere gata făcute (texte, tabele, grafică, baze de date, sunet, animație, videoclipuri, programe) și folosește butoane și comenzi de meniu pentru a proiecta paginile a site-ului. Astfel de programe, executând comenzi ale meniurilor instrumentale și operaționale, formează hipertextul serverului WWW.
Textul original, tabelul și elementele grafice și alte obiecte sunt incluse în site-ul web prin intermediul etichetelor (etichetă = etichetă, etichetă). O etichetă este o secvență de caractere care specifică
). poziția obiectului pe pagina site-ului,
). aspectul obiectului sau
O etichetă se mai numește și marker de control, un steag. Programele Web Pen plasează etichetele în sine, deci este posibil ca utilizatorul unor astfel de programe să nu cunoască limbajul de marcare hipertext (HTML = HyperText Markup Language).
Cunoașterea HTML este esențială din cinci motive.
În primul rând, web-masterul analizează site-urile firmelor concurente și pur și simplu copii de succes ale serverelor WWW. O astfel de analiză, necesară pentru a vă îmbunătăți site-ul, este imposibilă fără cunoașterea limbajului de marcare hipertext.
În al doilea rând, îmbunătățirea serverului dvs. Web fără a-l reproiecta complet (ceea ce necesită mult timp și este costisitoare) se poate face convenabil prin inserarea și eliminarea manuală a obiectelor și etichetelor.
În al treilea rând, HTML este în continuă evoluție, astfel încât programe precum MS FrontPage rămân în mod constant în urmă cu cele mai recente caracteristici ale limbajului.
În al patrulea rând, nu ar trebui să uităm de costul destul de ridicat al unor astfel de programe.
În sfârșit, în al cincilea rând, după ce ați cheltuit bani pentru achiziționarea programului, trebuie totuși să petreceți timp pentru a-l stăpâni.
Folosind HTML, webmasterul definește structura documentului hipertext și aspectul fiecărei pagini. HTML specifică sintaxa etichetelor pe care vizualizatorul le folosește pentru a afișa conținutul documentului: text, imagini, tabele și alte tipuri de date. Etichetele în sine nu sunt afișate de vizualizator.
HTML implementează suport pentru mecanismul legăturilor speciale de hipertext care leagă acest document de alte documente. Acesta din urmă poate fi localizat:
) pe acest site, adică într-un folder care conține toate fișierele htm, grafică, sunet, animație, videoclipuri, programe;
) în afara site-ului în altele din folderele de pe acest computer;
) pe World Wide Web, adică pe alte servere Web;
) pe Internet pe alte tipuri de servere (FTP, Gopher).
Utilizarea mecanismului de legături hipertext creează un spațiu global de informații unificat de la care angajații unei companii comerciale primesc informațiile de care au nevoie. Standardul HTML, ca toate celelalte standarde legate de Web, este dezvoltat sub auspiciile World Wide Web Consortium (W3C). Specificațiile standardelor și proiectele de noi propuneri pot fi găsite la # "578258.files / image001.gif"> în bara de activități.
Creați o nouă fereastră a procesorului de text MS Word folosind comanda meniului de operare (Fereastră, fereastră nouă) sau făcând clic pe butonul meniului instrumentului „Standard”.
Utilizați comanda din meniul de operare (Fereastră, Aranjați toate) pentru a plasa simultan două ferestre pe ecran: cu un manual și unul nou. Cursorul ar trebui să fie într-o fereastră nouă. Utilizați comanda din meniul de operare MS Word (Insert, Picture ...) pentru a deschide panoul de dialog „Insert Picture”.
Faceți clic pe fișierul 1stplace.wmf din lista de fișiere wmf din partea stângă a casetei de dialog. Luați în considerare imaginea care apare în partea dreaptă a casetei de dialog.
Repetând pașii specificați la punctul 6, vizualizați mai multe figuri. Selectați imaginea dvs. multicoloră preferată făcând clic pe butonul OK din partea din stânga jos a casetei de dialog. Această cifră va apărea într-o nouă fereastră MS Word.
Poziționați indicatorul mouse-ului pe imagine și faceți clic pe butonul stâng al mouse-ului. Copiați imaginea în clipboard folosind comanda meniului de operare (Editare, Copiere) sau făcând clic pe butonul meniului instrumentului „Standard”.
Închideți fereastra cu imaginea folosind comanda tastaturii. Maximizați dimensiunea ferestrei cu manualul făcând clic pe butonul pentru maximizarea dimensiunii acestei ferestre.
Accesați fereastra editorului Paint făcând clic pe buton 
pe bara de activități.
Cu editorul LView Pro, citiți fișierul bmp creat cu Paint și salvați-l ca fișier gif, după ce înțelegeți și urmați pașii de mai jos.
Lansați File Explorer folosind butonul Start din bara de activități:
START => PROGRAME => EXPLORER
Pe unitatea D: deschideți folderul LWPRO și porniți editorul LView Pro făcând dublu clic pe numele fișierului Lviewpro.exe.
Citiți un fișier bmp creat cu Paint folosind comanda de meniu LView Pro (Fișier, Deschidere).
Culorile din documentele HTML pot fi specificate în două moduri - prin specificarea unui cod de culoare sau prin specificarea unui nume de culoare în limba engleză. În prima metodă, codul de culoare este scris ca un număr hexazecimal care conține șase cifre: primele două cifre stabilesc intensitatea culorii roșii, a doua - verde, a treia - albastră. Cea de-a doua metodă utilizează următoarele nume de culori: negru (negru), maro (roșu închis), verde (verde), măslin (măslin), bleumarin (albastru), violet (violet), teal (albastru verzui), gri (gri) , argintiu, roșu, lime, galben, albastru, fucsia, acvatic și alb.
Să creăm un document care conține un tabel, ale cărui celule sunt colorate în diferite culori. Setați fundalul documentului la negru. Vom tasta (sau edita) documentul cu Notepad și îl vom scrie în folderul de lucru din fișierul colortab1.htm.
Uită-te la rezultat cu MS Internet Explorer. Acest rezultat se obține prin aplicarea de noi atribute și etichete. Atributul BGCOLOR setează culoarea de fundal în etichete
și . Poate fi folosit și în etichete șiînseamnă un paragraf. În acest caz, întregul paragraf este aliniat la centrul ferestrei (atributul ALIGN cu valoarea CENTER). Atributul ALIGN poate fi și STÂNGA și DREAPTA. Paragraful se încheie cu o etichetă
iar după sfârșitul paragrafului, efectul atributelor sale încetează.Creați un document font1.htm în directorul dvs. de lucru, includeți textul exemplului de mai sus în corpul său și vedeți rezultatul. Puteți accelera sarcina copiând acest exemplu în textul generat de Notepad. Pentru a face acest lucru, selectați un exemplu în manual trăgând indicatorul mouse-ului (în timp ce țineți apăsată tasta stângă) de-a lungul barei de selecție la stânga celor trei linii ale exemplului. Utilizând documentul colortab1.htm ca exemplu, creați un document table3.htm în folderul de lucru care conține un tabel cu titlul „Coordonate celule” și cu 16 celule (4 rânduri pe 4 celule), în care sunt coordonatele acestor celule scris conform principiului C1K1 (unde C - linie, K - coloană cu numerele corespunzătoare). Fundalul documentului trebuie să fie albastru-verde, fundalul liniei antetului trebuie să fie alb, iar textul liniei antetului să fie galben. Textul din celulele tabelului trebuie să fie negru pe un fundal gri. Celulele de masă trebuie să aibă margini.
§ 4. Aplicarea practică a limbajului de marcare hipertext HTLM
Principiul de bază al formării unui mediu de învățare interactiv pentru toate conceptele de învățare, așa cum arată experiența practică, este principiul hipertext al structurării și prezentării informațiilor. Teoria hipertextului dezvoltată în literatură, precum și experiența existentă în crearea structurilor de hipertext, ne permit să schițăm o serie de trăsături conceptuale esențiale, semnificative din punct de vedere structural. Să ne amintim de istoria formării acestui fenomen. Inițial, tehnologiile hipertext au atras atenția profesorilor ca mijloc de integrare a informațiilor textuale și a informațiilor prezentate în alte modalități - multimedia (sunet, video, animație etc.). Apoi, autorii - dezvoltatorii de programe de formare pe calculator au descoperit hipertextul ca mijloc de modelare a proceselor cognitive și, astfel, ca un nou mijloc de gestionare a acestor procese. Este simptomatic faptul că însăși ideea de hipertext (deși fără introducerea acestui termen anume) a fost pentru prima dată, așa cum se afirmă în toate manualele occidentale despre istoria acestui concept și așa cum este acceptat acum în comunitatea informațională de pe Internet. , este prezentat într-un articol al lui Vannevar Bush, intitulat după cum urmează: „După cum putem crede”; Din această lucrare începe numărătoarea inversă a erei hipertextului ca un anumit fenomen special în teoria informației, lingvistică și psihologia cognitivă, precum și în câmpul unui nou tip de cuvânt artistic (ficțiune hipertext).
În prezent, termenul „hipertext” se aplică diferitelor obiecte: 1) acesta este numele unei metode speciale de construire a sistemelor informaționale care oferă acces direct la date, menținând în același timp conexiuni logice între ele; 2) este un sistem specific de prezentare a informațiilor text și multimedia sub forma unei rețele de text interconectat și alte fișiere; 3) este o interfață universală specială, ale cărei trăsături distinctive sunt interactivitatea și prietenia extraordinară față de utilizator. Dezvoltarea sistemelor de hipertext în scopuri educaționale a început în străinătate în anii '80, lucrări similare în Rusia până de curând se aflau în etapa pilot. În 2004, am văzut o creștere exponențială a numărului de sisteme de hipertext oferite pentru învățarea la distanță, care este în concordanță cu tendințele globale din acest domeniu.
Materialele educaționale pregătite pe baza tehnologiilor de hipertext multimedia au o serie de avantaje evidente atât pentru profesorul care furnizează, dirijează și controlează procesul de învățare, cât și pentru elev: în primul rând, acestea sunt fundamental noi posibilități pentru prezentarea materialului educațional asociat cu utilizarea clarității vizuale și auditive. De asemenea, trebuie remarcat faptul că structura foarte hipertextuală a materialului educațional are propriul său sens didactic, deoarece este o formă mult mai flexibilă de prezentare a informațiilor, care face posibilă luarea în considerare a nevoilor individuale ale elevului în măsura maximă . De fapt, fiecare apel la un curs de formare automatizat, a cărui bază este o bază de date realizată într-un format de hipertext, este un proces de creare a propriului text educațional care corespunde cel mai adecvat unei sarcini urgente date, ca urmare a învățării procesul capătă un aspect creativ. Stabilind conexiuni logice de blocuri de informații, construind informații, urmând propria sa logică de înțelegere, elevul devine, de fapt, un coautor și, probabil, acesta devine cel mai atractiv aspect al utilizării unor astfel de cursuri în procesul de învățare. Cu toate acestea, trebuie subliniat faptul că problema cheie într-un astfel de sistem este problema organizării „navigației”, o strategie gratuită sau impusă de autor-dezvoltator pentru studierea acestui câmp informațional, care, în plus, trebuie să rezolve singuri sarcinile didactice. În cercetarea teoriei hipertextului, problemele organizării „lecturii” informațiilor hipertext sunt luate în considerare împreună cu o analiză formală a structurii câmpului hipertextului, a capacităților mijloacelor tehnice de control al „navigației”, precum și a particularitățile preferințelor strategice cognitive ale unei persoane (subliniem din nou că aceasta din urmă este încă zona cel mai puțin studiată). Modelele care stau la baza sistemelor de căutare automată și a sistemelor de procesare automată a interogărilor servesc adesea ca modele strategice formalizate destul de bine dezvoltate.
a) la primul, cel mai înalt nivel, genul celor mai scurte adnotări posibile este utilizat pentru toate conceptele terminologice de bază,
b) la nivelul următor, se oferă o interpretare de fond a anumitor concepte,
În materialele educaționale pregătite pentru computer, numărul optim de legături permise a fost obținut experimental pe un paragraf de text (nu mai mult de 1-2 legături), precum și cantitatea recomandată de informații de text: atunci când sunt afișate pe ecranul computerului, nu luați mai mult de 1,5 sau 2 x ecrane. Adâncimea ierarhică permisă și recomandată a conexiunilor a fost stabilită în conformitate cu datele teoriei percepției informației și a lingvisticii cognitive. S-a presupus că, în funcție de stilurile cognitive individuale de asimilare a informațiilor, poate varia de la 2 la 5 pași. Într-o serie de lucrări psihologice și psiholingvistice dedicate teoriei hipertextului, s-au încercat identificarea strategiilor de bază care erau preferabile pentru diferite grupuri de oameni; Datele obținute ne permit să schițăm trei tipuri principale de comportament în spațiul hipertext, este obișnuit în tradiția vorbitoare de limbă engleză să le numim navigație în adâncime, navigație în lățime și două variante ale unei strategii intermediare (navigație aleatorie), combinând în anumite proporții primele două abordări). Cu toate acestea, trebuie remarcat faptul că toți cercetătorii, fără excepție, subliniază necesitatea unor experimente suplimentare în această direcție pentru a stabili gradul de fiabilitate a datelor obținute. Fără îndoială, această problemă are nevoie de un studiu mai aprofundat, prin urmare, în această lucrare, am fost ghidați în principal de idei intuitive despre structura optimă a conexiunilor, care au fost dictate de specificul materialului care stă la baza hipertextului.
Testarea dovezilor și interogarea orală sunt unele dintre cele mai utilizate și bine dezvoltate mijloace de testare a cunoștințelor în învățământul superior. Testul clasic este o succesiune de întrebări destul de simple. Fiecare întrebare are un răspuns simplu care poate fi verificat și evaluat formal ca fiind corect, incorect sau parțial corect (de exemplu, incomplet). Întrebările sunt de obicei clasificate în tipuri în funcție de tipul de răspuns așteptat. Tipurile de întrebări clasice sunt împărțite în întrebări [da / nu], întrebări [multe / un răspuns] (MV / OO), întrebări [multe / multe răspunsuri] (MV / ML) și întrebări cu text deschis sau cu întrebări numerice. . Tipurile de întrebări mai avansate includ întrebări potrivite, întrebări secvențiale, întrebări îndreptate (răspunsul este una sau mai multe zone din imagine) și întrebări grafice (răspunsul este un grafic simplu). În plus, fiecare domeniu poate avea anumite tipuri specifice de întrebări.
Opțiunile de asistență în etapa de construire depind de obicei de tehnologia utilizată pentru a stoca o singură problemă pe sistem. În prezent, cunoaștem două moduri diferite de stocare a unei întrebări: în formatul de prezentare și în formatul intern. În contextul învățării bazate pe web, stocarea unei întrebări într-un format de prezentare înseamnă stocarea acesteia ca parte a codului HTML (de obicei ca formă HTML). Aceste întrebări pot fi numite și întrebări statice. Sunt cutii negre pentru sistemul WBE. Sistemul poate prezenta întrebări statice numai „așa cum este” (în forma în care au fost create). Crearea întrebărilor de acest tip nu este adesea acceptată de sistemul WBE, deoarece se poate face în orice editor HTML.
Tipul de tehnologie interactivă utilizată pentru a genera răspunsuri ale elevilor este una dintre cele mai importante caracteristici ale sistemelor WBE. Acesta definește toate funcționalitățile din etapa de emitere a întrebărilor și, de asemenea, influențează etapele de creare și evaluare a întrebărilor. În prezent, se disting cinci tehnologii: linkuri HTML, formulare HTML / CGI, limbaje de scriptare, plag-in și Java. Link-urile sunt cea mai simplă tehnologie de interacțiune care implementează un set de răspunsuri posibile ca listă de linkuri HTLM. Fiecare link este conectat la o anumită pagină de feedback. Atunci când se utilizează această abordare, apar două probleme: complexitatea creării întrebărilor (logica întrebării trebuie să fie încorporată rigid în hipertextul cursului) și suport pentru doar două tipuri de întrebări: [da / nu] și [MV / OO ]. Această tehnologie a fost utilizată în primul rând în primele zile ale învățării bazate pe web, când tehnologiile mai avansate de interoperabilitate precum CGI, JavaScript sau Java nu erau încă dezvoltate.
Cea mai populară tehnologie de testare web utilizată în prezent de numeroase sisteme comerciale și universitare este o combinație de formulare HTML și scripturi CGI. Formularele HTML sunt extrem de utile pentru prezentarea tipurilor de bază de întrebări. Întrebări precum [da / nu] și [MV / OO] sunt reprezentate de seturi de pictograme, liste de selecție, meniuri pop-up. Întrebările [MV / MO] sunt reprezentate de liste cu opțiuni multiple sau seturi de butoane radio. Întrebările deschise sunt implementate ca câmpuri de editare. Întrebări mai avansate, cum ar fi potrivirea sau întrebările secvenței corecte, pot fi, de asemenea, implementate folosind formulare. În plus, câmpurile ascunse pot fi utilizate pentru a stoca informații suplimentare despre un test de care ar putea avea nevoie un script CGI. Beneficiile semnificative ale utilizării tehnologiei server-side (care include tehnologia form / CGI) și o tehnologie similară a hărții server-server apar în implementarea întrebărilor grafice de orientare.
Concluzie
Pe baza rezultatelor rezolvării sarcinilor de lucru, s-au obținut următoarele rezultate:
HTML este un fișier obișnuit, de tip text, în care ceea ce vedem de obicei pe pagini este intercalat cu cod invizibil pentru vizualizare dintr-un browser. Acest cod invizibil este limbajul de marcare HTML.
HTML nu este un limbaj de programare - servește doar pentru a marca pagina, pentru a da un anumit aspect acestui element sau acelui element, fie că este vorba de un tabel, text sau imagini.
Acest lucru se face prin atribuirea fiecărui element proprii parametri, care sunt recunoscuți de browser. Acești parametri pot fi setați atât pentru unul, cât și pentru un grup sau tip de elemente. Tipul de elemente poate fi după cum urmează: tabele, celule, linkuri, text etc. Adică ceva ce poate fi numit un singur termen. Proprietățile individuale pot fi atribuite și elementelor selectate. Principalul motiv pentru proliferarea serverelor Web în ultimii ani este că acestea sunt relativ ușor de instalat și devin un instrument de afaceri din ce în ce mai mare. Al doilea motiv este apariția editorilor HTML și a convertorilor de text din ce în ce mai îmbunătăți pentru a permite crearea de noi pagini web.
În ceea ce privește domeniul de aplicare, se pot spune următoarele. Viitorul internetului este, de asemenea, legat de creșterea vitezei de transmitere a datelor pe internet, deoarece webul este legat indisolubil de internet.
Probabil că va rămâne o problemă de incompatibilitate între browsere și servere web, deoarece Netscape Communications a extins oarecum codul HTML, ceea ce împiedică toate browserele să afișeze documente scrise în noul format HTML.
Literatură
1. Broido V.L. Sisteme de calcul, rețele și telecomunicații St. Petersburg, Peter 2002 - 464 p.
2. Informatică / editat de S.V. Simonovich. SPb, Peter 2001 - 400 p.
Kirmayer M. Tehnologia informației. SPb.: Peter, 2003 - 443 p.
Serverul web Matthews J. SPb.: Simbol, 1998 - 356 p.
Olifer V.G., Olifer N.A. Retele de calculatoare. SPb.: Peter, 2005 - 864 p.
Olifer V.G., Olifer N.A. Sisteme de operare în rețea. SPb.: Peter, 2003 - 539 p.
Tehnologia WWW
Serviciul World Wide Web (WWW) este cel mai popular serviciu de pe Internet. WWW este un spațiu informațional unificat format din sute de milioane de documente electronice interconectate stocate pe servere Web. Documentele individuale care alcătuiesc spațiul web se numesc pagini web. Grupurile de pagini web legate tematic se numesc site-uri Web (site Web). Un singur server Web fizic poate conține multe site-uri web, cărora li se atribuie un director separat pe hard diskul serverului.
Paginile web diferă de documentele text obișnuite prin faptul că sunt proiectate fără referire la un mediu specific. De exemplu, proiectarea unui document Word tipărit pe hârtie este legat de parametrii foii tipărite, care are o anumită înălțime, lățime și dimensiune a marginii. Documentele web electronice sunt destinate vizualizării pe ecranul unui computer și nu se știe dinainte pe care. Prin urmare, documentele Web nu pot fi formatate rigid. Proiectarea se realizează în timpul redării lor pe computerul clientului și se realizează în conformitate cu setările programului care efectuează vizionarea (browser). Browserul afișează documentul în conformitate cu comenzile scrise în textul documentului Web. Comenzile pot fi scrise fie direct de către autorul documentului, fie implementate prin mijloace automate de pregătire a documentelor web.
Astfel de comenzi se numesc tag-uri. Etichetele sunt încadrate între paranteze<>... Cele mai multe etichete sunt folosite în perechi: o etichetă de deschidere și o etichetă de final.
În plus față de cuvântul cheie, etichetele complexe au atribute și parametri suplimentari. Regulile pentru scrierea etichetelor sunt conținute în specificația unui limbaj special de marcare hipertext - HTML (Hyper Text Markup Language). Adică, un document Web este un document text simplu etichetat cu etichete HTML.
Cea mai importantă caracteristică a documentelor web este legăturile hipertext. Un hyperlink poate fi setat la orice bucată de text. O etichetă asociată este utilizată pentru a crea un hyperlink ... Această etichetă conține atributul HREF necesar, care specifică adresa URL a documentului către care indică linkul.
Adresa poate fi specificată în formă absolută și relativă. O adresă absolută începe cu un protocol și o adresă de site Web. Această intrare este utilizată atunci când doriți să direcționați un vizitator către un alt site Web și este tratată ca un link extern. Când utilizați o adresă relativă în link, este specificată numai calea relativă de căutare a documentului. Aceasta presupune utilizarea aceluiași protocol și a aceluiași site web și tratează linkul ca fiind intern. Legătura internă rămâne funcțională dacă adresa site-ului Web se schimbă în ansamblu (de exemplu, pe un alt server). Formatul complet de hyperlink include posibilitatea de a face link către o anumită locație din pagină. Dar acest lucru se poate face numai pentru paginile auto-dezvoltate. Pentru a face acest lucru, locul unde este plasat link-ul este marcat cu un element de ancorare special. Ancora este setată utilizând o etichetă asociată cu atributul NAME necesar. Valoarea acestui atribut este o succesiune arbitrară de litere și cifre latine - numele ancorei. Pentru a vă conecta la o ancoră, numele acesteia apare la sfârșitul adresei URL după simbolul #.
Browserul va căuta un document pe acest server în folderul curent
Browserul va accesa site-ul http://www.midi.ru.
Agregatul unui număr imens de documente hipertext stocate pe serverele WWW formează un fel de spațiu pentru hiperdocumente între care este posibil să vă deplasați. Mișcarea arbitrară între documente se numește navigare pe web și este intenționată (efectuată pentru a găsi informațiile necesare) - navigare pe web.
Comunicarea hipertextuală între numărul mare de documente stocate pe serverele fizice de Internet este baza existenței spațiului logic WWW.
Luați în considerare hardware-ul și software-ul care alcătuiesc colectiv Web-ul.
· Clienți și servere. Un server web este un computer conectat la Internet care rulează un program special, numit și server web. Sarcinile acestui program includ stocarea, căutarea și distribuirea anumitor fișiere pe web. Un client web este un browser care solicită fișiere de pe web. Când un computer client dorește să acceseze unul dintre fișiere, cererea este direcționată către serverul web. Serverul caută fișierul specificat și îl trimite la computerul client care a trimis solicitarea. Mii de computere care alcătuiesc Web-ul reprezintă o mare varietate de combinații hardware și software. Când un computer client solicită un fișier, practic nu știe nimic despre caracteristicile serverului în care este stocat fișierul necesar sau despre alte computere care vor transfera fișierul unul pe celălalt în drumul său de la server la client. Pentru ca un astfel de sistem să funcționeze, acesta trebuie să utilizeze un set de limbaje și protocoale care sunt independente de hardware sau sisteme de operare.
· Protocoale URL și transfer de date. Dacă fragmente dintr-un document sunt împrăștiate peste tot în lume și doriți să îl prezentați utilizatorului ca un stil de document unic, consistent, veți avea nevoie de un sistem de adrese foarte bun. Fiecare fișier de pe Internet are o adresă numită URL (Uniform Resource Locator). De exemplu, adresa URL a site-ului web al Federației Europene fotbal - http://ru.uefa.com.
Prima parte a adresei URL definește metoda prin care computerul accesează fișierul, adică protocolul de comunicație. Majoritatea paginilor web sunt accesate folosind HTTP (Hypertext Transfer Protocol). Acesta este motivul pentru care adresa web este de obicei specificată utilizând literele „http”, iar browserele inserează automat aceste litere înainte de adresa web introdusă de utilizator. De multe ori parte adresele http: // sunt omise la începutul adresei URL.
Următoarea parte a adresei este numele de gazdă al serverului web. Sistemul de nume de domeniu va direcționa solicitarea dvs. către serverul web oriunde s-ar afla.
Unele adrese URL conțin informații urmate de numele gazdei serverului web. Aceste date identifică exact fișierul pe care doriți să îl vizualizați și directorul în care sunt stocate. Dacă nu sunt specificate nume de directoare și fișiere, se afișează pagina web implicită pentru acel server web.
· HTML(Hypertext Markup Language - Hypertext Markup Language) este limbajul universal al Web-ului. Este folosit pentru a stabili pagini pe care pot fi reproduse informații postate pe web: text, grafic, precum și informații audio și video.
· Java și JavaScript. Limbajul Java este conceput pentru trimiterea de aplicații mici (numite applet-uri sau aplicații Java) pe web. Și JavaScript extinde capacitățile HTML pentru a încorpora programe mici (sau scripturi) în pagini web. Scopul principal al appleturilor și scripturilor este de a crește interactivitatea paginilor web - în loc să interacționați cu un server web la distanță, lucrați cu un applet și un script care rulează pe computerul dvs.
Există, de asemenea, applet-uri Java și JavaScript pentru construirea animațiilor, care sunt trimise de un server web prin rețea pentru a fi executate pe computerul utilizatorului; evită transmiterea cadrelor de animație pe internet. Procesele descrise apar de obicei neobservate de utilizator.
· Controale VBScript și ActiveX. Comenzile VBScript și ActiveX sunt instrumente standard acceptate de Internet Explorer.
VBScript este o versiune simplificată a limbajului Visual Basic dezvoltat de Microsoft. Poate fi folosit pentru a crea scripturi care fac paginile web dinamice. Astfel, VBScript este similar în capacitățile sale cu JavaScript.
Controalele ActiveX, cum ar fi applet-urile Java, sunt utilizate pentru a încorpora programe executabile în pagini web. Când Internet Explorer întâlnește o pagină web care utilizează controale ActiveX, verifică dacă controlul specific este instalat pe computerul dvs. și, dacă nu, îl instalează.
· XML și alte limbaje avansate de pe web. XML (Extensible Markup Language) este un limbaj foarte puternic care ar trebui să înlocuiască HTML ca limbaj de dezvoltare a aplicației pentru web. Spre deosebire de HTML, XML nu conține nicio instrucțiune despre modul în care ar trebui afișate datele descrise în documentul XML. Modul în care sunt afișate este determinat de limbajul de descriere a stilului, care joacă aproximativ același rol pentru XML ca foile de stil în cascadă pentru HTML. W3C funcționează cu două specificații ale foii de stil: XSL (Extensible Style Language) și CSS (Cascading Style Sheets). O altă diferență fundamentală între XML și HTML este că poate conține orice etichete pe care doresc să le folosească creatorii dicționarului XML.
O versiune mai avansată a HTML este DHTML (Dynamic HTML - Dynamic HTML), care include trei componente - HTML, JavaScript și CSS.
· Obiecte grafice. Imaginile, desenele, hărțile, diagramele și alte elemente grafice prezentate pe web pot fi în mai multe formate. Cele mai comune formate pentru afișarea informațiilor grafice sunt JPEG și GIF.
· Fișiere audio și video. Webul oferă multe fișiere audio și video care sunt redate prin intermediul pluginurilor integrate ale browserului. Există două modalități de a transfera astfel de date: browserul îl poate descărca fie ca un întreg fișier (atunci va trebui redată întreaga cantitate de informații, ceea ce va dura mult timp, deoarece fișierele de sunet sunt mari, iar fișierele video sunt pur și simplu imens), sau luați doar acea parte a fișierului, pe care doriți să o redați în acest moment. A doua metodă se numește streaming audio sau streaming video.
Limbaj de marcare HyperText(HTML) - Hypertext Markup Language - conceput pentru a scrie documente hipertext publicate pe World Wide Web.
Document hipertext Este un fișier text care are etichete speciale numite etichete, care ulterior sunt recunoscute de browser și utilizate de acesta pentru a afișa conținutul fișierului pe ecranul computerului. Cu aceste etichete, puteți evidenția titlurile documentului, puteți schimba culoarea, dimensiunea și stilul literelor, puteți insera grafice și tabele. Dar principalul avantaj al hipertextului asupra textului obișnuit este abilitatea de a adăuga la conținutul documentului hyperlinkuri- construcții speciale ale limbajului HTML, care vă permit să treceți la vizualizarea unui alt document cu un clic de mouse.
Există două moduri de a crea documente hipertext. Puteți utiliza unul dintre editorele WYSIWYG HTML (de exemplu, Microsoft FrontPage sau altele), care nu necesită cunoștințe speciale despre structura internă a documentului creat. Această metodă vă permite să creați documente pentru WWW fără a cunoaște limbajul HTML. Editorii HTML automatizează crearea de documente hipertext, elimină munca de rutină. Cu toate acestea, capacitățile lor sunt limitate, măresc foarte mult dimensiunea fișierului rezultat, iar rezultatul obținut cu ajutorul lor nu corespunde întotdeauna așteptărilor dezvoltatorului. Dar, desigur, această metodă este indispensabilă pentru începători în pregătirea documentelor hipertext.
O alternativă este crearea și marcarea unui document folosind un editor de text obișnuit (NotePad). Această metodă introduce manual comenzi HTML în text. Prin crearea documentelor în acest fel, știți exact ce faceți.
După cum sa menționat, un document HTML conține informații simbolice. O parte a acestuia este textul în sine, adică datele care alcătuiesc conținutul documentului. O alta - Etichete(etichete de marcare), numite și marcarea steagurilor, - construcții speciale ale limbajului HTML utilizate pentru a marca un document și a controla afișarea acestuia. Etichetele limbajului HTML determină în ce formă va fi prezentat textul, care dintre componentele sale va juca rolul de legături hipertext, ce obiecte grafice sau multimedia ar trebui incluse în document. Informațiile grafice și sonore incluse în documentul HTML sunt stocate în fișiere separate. Vizualizatoarele de documente HTML (browsere) interpretează marcajele de marcare și aranjează textul și graficele pe ecran în consecință. Pentru fișierele care conțin documente HTML, sunt acceptate extensiile .htm sau .html.
La scrierea etichetelor nu se disting majuscule și minuscule.În majoritatea cazurilor, etichetele sunt folosite în perechi. O pereche constă dintr-o etichetă de început și o etichetă de final. Sintaxa etichetei de deschidere:
<имя_тега [атрибуты]>
Parantezele utilizate în descrierile de sintaxă indică faptul că elementul poate lipsi. Numele etichetei de închidere diferă de numele etichetei de deschidere doar prin faptul că este precedat de o bară directă:
Atributele etichetei sunt scrise în următorul format:
nume [= "valoare"]
Ghilimelele la specificarea unei valori de argument sunt opționale și pot fi omise. Pentru unele atribute, este posibil să nu fie specificată o valoare. Eticheta de final nu are atribute.
Acțiunea oricărei etichete asociate începe acolo unde este întâlnită eticheta de început și se termină atunci când este întâlnită eticheta de finalizare corespunzătoare. Adesea, se numește o pereche de etichete de început și de sfârșit container, iar partea textului, mărginită de etichetele de deschidere și de închidere, este element.
Secvența de caractere care alcătuiesc textul poate consta din spații, file, fluxuri de linii, retururi, litere, semne de punctuație, numere și caractere speciale (de exemplu, +, #, $, @), cu exceptia următoarele patru caractere care au semnificații speciale în HTML:< (меньше), >(mai mare decât), & (ampersand) și "(ghilimele duble). Dacă trebuie să includeți oricare dintre aceste caractere în text, ar trebui să le codificați cu o secvență specială de caractere.
Task Force inginerie Internet) a postat o schiță a propunerii standard HTMLStructura documentului HTML
Un document HTML 4 are trei părți:
- un șir care conține informații despre versiunea HTML,
- declararea unei secțiuni antet / antet (delimitată de elementul HEAD),
- un corp care conține documentul propriu-zis.
Corpul poate fi conținut în elemente BODY sau FRAMESET. Caracterele spațiului alb(spații, caractere newline, file și comentarii) pot apărea înainte sau după această secțiune.
Salut Lume!
Documentul începe cu elementul tip document sau doctype. Descrie ce tip de HTML va fi utilizat - astfel încât aplicația client a utilizatorului să poată determina cum să interpreteze documentul și să decidă dacă acesta respectă regulile pe care intenționa să le urmeze în declarația sa.
După aceea, puteți vedea eticheta de deschidere a elementului html. Este un înveliș în jurul întregului document. Eticheta HTML de închidere este ultimul obiect din orice document HTML.
În interiorul elementului html există un element head. Conține informații despre document (metadate). În interiorul capului este un element de titlu care definește titlul „Pagină simplă” în bara de meniu.
Elementul head este urmat de un element body, care este un wrapper care conține conținutul real al paginii - în acest caz doar un element de titlu de primul nivel (h1) care conține textul „Hello world!” ...
Articolele conțin adesea alte articole. Corpul documentului va conține întotdeauna multe elemente imbricate.
Secțiunile dintr-o pagină creează structura generală a unui document și pot conține subsecțiuni. De asemenea, pot conține titluri, paragrafe, liste etc. Paragrafele pot conține elemente care creează legături către alte elemente, ghilimele, evidențieri etc.
Sintaxa elementului HTML
Un element de bază în HTML constă din două etichete în jurul unui bloc de text. Există elemente care nu învelesc text și, în aproape toate cazurile, elementele pot conține subelemente (deoarece html conține cap și corp în exemplul de mai sus).
Articolele pot avea, de asemenea atribute care poate modifica comportamentul elementului și poate introduce valoare suplimentară.
Cele elementare HTML
În acest exemplu, elementul div (secțiunea de pagină, o modalitate de a împărți documentele în blocuri logice) are un atribut id adăugat setat la cap de catarg... Elementul div conține un element h1 (titlul primului sau celui mai important nivel), care la rândul său conține un anumit text. O parte din acest text este împachetat într-un element abbr(care este utilizat pentru a defini extensia de abreviere), care are un atribut de titlu setat la Limbaj de marcare hipertext.
Multe atribute în HTML sunt comune tuturor elementelor, dar unele sunt specifice unui anumit element sau elemente. Toate au forma:
cuvânt cheie = "valoare"
Valoarea trebuie inclusă între ghilimele simple sau duble (în unele situații, ghilimelele pot lipsi, dar acest lucru nu este foarte bun din punct de vedere al predictibilității, înțelegerii).
Atributele și valorile posibile ale acestora sunt determinate în principal de specificațiile HTML (http://www.w3.org/TR/html401/index/attributes.html), deci nu vă puteți crea propriile atribute. Singurele excepții reale sunt atributele id și de clasă, ale căror valori sunt destinate în întregime să adauge propriul sens și semantică documentelor.
Un element din interiorul altui element este numit "descendent" Acest obiect. În exemplul de mai sus abbr este un copil de h1, care este la rândul său un copil de div. În schimb, div este „strămoșul” elementului h1.
Nivel de bloc și elemente în linie
Există două categorii principale de elemente în HTML, care corespund tipurilor de conținut și structurii pe care aceste elemente o reprezintă - nivel de bloc și elemente în linie.
Nivel bloc denotă un nivel superior al unui element, informând de obicei despre structura documentului. Elementele la nivel de blocuri pot fi gândite ca elemente care încep pe o nouă linie, separându-se de ceea ce a venit înainte. Uzual elemente de bloc sunt paragrafe, elemente de listă, titluri și tabele.
Elemente de corzi sunt cuprinse în elemente structurale la nivel de bloc și acoperă doar porțiuni din textul documentului, nu zone întregi. Elementul inline nu face ca o nouă linie să apară în document, deoarece sunt elemente care apar într-un paragraf de text. Uzual elemente de șir sunt linkuri hipertext, cuvinte sau fraze evidențiate și ghilimele scurte.
Titlu
Capul documentului HTML este un element de marcare opțional. Inițial, existența titlului a fost dictată de necesitate denumirea ferestrei browserului... Acest lucru a fost realizat prin element de marcare TITLU:
O altă funcție a antetului documentului HTML este de a controla schimbul HTTP prin element de marcare META. Odată cu practica actuală de găzduire a site-urilor web ale companiei pe serverele furnizorilor, este posibil ca administratorii acestor site-uri să nu poată gestiona programul server. În acest caz, rămâne o singură opțiune pentru a controla schimbul - prin antetul documentului HTML.
Antetul documentului HTML este, de asemenea, destinat să descrie imaginea de căutare a documentului necesară pentru indexarea documentului de către roboții motorului de căutare. Elementul META vă permite să stocați liste de cuvinte cheie și descrieri de documente care vor fi utilizate pentru a compune indexul motorului de căutare și să apară ca o descriere a documentului dacă un link către acesta este returnat în timpul unei căutări de cuvinte cheie.
Etichetele de antet de bază sunt elemente de marcare HTML care se găsesc cel mai frecvent în antetul unui document HTML, adică interior element de marcare CAP:
- TITLU (titlul documentului);
- BASE (URL de bază);
- ISINDEX (model de căutare);
- META (metainformații);
- LINK (linkuri generale);
- STIL (descriptori de stil);
- SCRIPT (scripturi).
Cele mai frecvent utilizate elemente sunt TITLE, SCRIPT, STYLE. Utilizarea elementului META indică faptul că autorul este conștient de regulile de indexare a documentelor în motoarele de căutare și de capacitatea de a controla schimbul de date HTTP. BASE și ISINDEX nu sunt practic folosite în ultima vreme. LINK este specificat numai atunci când se utilizează descriptori de foi de stil externi acestui document.
Element de marcare HEAD conține capul documentului HTML. The element de marcare este opțional. Dacă există o etichetă de început element de marcare este de dorit să utilizați și eticheta finală element de marcare... În mod implicit, elementul HEAD este închis când se întâlnește eticheta de start a containerului BODY sau eticheta de start a containerului FRAMESET.
Containerul antet este utilizat pentru a conține informații legate de întregul document în ansamblu.
Element de marcare TITLE este folosit pentru a denumi un document pe World Wide Web. Când alegeți text pentru conținutul containerului TITLE, rețineți că este afișat font de sistem deoarece este titlul ferestrei browserului.
Sintaxa generală pentru containerul TITLE este după cum urmează:
Antetul nu este necesar ca container pentru document. Poate fi omis. Mulți roboți ai motoarelor de căutare folosesc conținutul elementului TITLE pentru a crea o imagine de căutare a unui document. Cuvintele din TITLE merg la indexul motorului de căutare. Din aceste motive, elementul TITLE este întotdeauna recomandat pentru utilizare pe paginile site-ului.
Element de marcare BASE este utilizat pentru a determina URL-ul de bază pentru legăturile de hipertext ale documentului, specificat într-o formă incompletă (parțială). În plus, BASE vă permite să definiți fereastra țintă implicită de încărcare a documentului atunci când selectați legătura hipertext a documentului curent. Cel mai adesea BASE se găsește pe paginile site-ului care au „oglinzi”. Din diverse motive, unele dintre documentele de pe serverul principal nu sunt transferate pe serverul „oglindă”. În acest caz, documentul cu adresa URL de bază forțată se va conecta întotdeauna la serverul principal.
Eticheta de pornire a containerului conține un atribut HREF necesar și poate conține un atribut TARGET opțional. Sintaxa pentru un container BASE este, în general, după cum urmează:
Element de marcare ISINDEX este folosit pentru a specifica un model de căutare și este moștenit de la versiunile anterioare de HTML. Acest container nu este definit în HTML 4.0.
Element de marcare META
META conține informații de control pe care browserul le folosește pentru a afișa și a procesa corect conținutul corpului documentului, de exemplu, utilizând atributul Content-type, puteți specifica transcodarea documentului pe partea de client.
Se pot specifica și alți operatori folosind META. De exemplu, dezactivați stocarea în cache a documentului. Pentru a dezactiva stocarea în cache, trebuie doar să introduceți o etichetă de genul acesta în antetul META:
În noua versiune a protocolului HTTP (HTTP 1.1), stocarea în cache este controlată prin operatorul Cache-Control. Pentru a obține același rezultat ca la Pragma, în antetul documentului HTML, este suficient să specificați:
Puteți împiedica stocarea documentului după ce a fost trimis.
HyperTextMarkupLanguage (HTML) - Hypertext Markup Language - conceput pentru a scrie documente hipertext publicate în WorldWideWeb.
Un document hipertext este un fișier text care are etichete speciale numite etichete, care ulterior sunt recunoscute de browser și utilizate de browser pentru a afișa conținutul fișierului pe ecranul unui computer.
Cu aceste etichete, puteți evidenția titlurile documentului, puteți schimba culoarea, dimensiunea și stilul literelor, puteți insera grafice și tabele. Dar principalul avantaj al hipertextului față de textul obișnuit este abilitatea de a adăuga hyperlinkuri la conținutul documentului - construcții speciale ale limbajului HTML care vă permit să mergeți la vizualizarea unui alt document cu un clic de mouse.
Structura documentului HTML
Cea mai importantă dintre etichetele HTML este eticheta cu același nume. ... Deschide întotdeauna documentul, la fel ca eticheta trebuie să fie cu siguranță în ultima sa linie. Aceste etichete indică faptul că liniile dintre ele reprezintă un singur document hipertext. Fără aceste etichete, browserul sau alt vizualizator nu poate identifica formatul documentului și îl poate interpreta corect.
Un document HTML constă din două părți, un cap și un corp, în următoarea ordine:
Titlul documentului Corpul documentuluiCel mai adesea, titlul documentului include o etichetă asociată
Corpul documentului este un element necesar, deoarece conține tot materialul documentului. Corpul documentului este plasat între etichete
și... Tot ceea ce este plasat între aceste etichete este interpretat de browser în conformitate cu regulile limbajului HTML, care permite afișarea corectă a paginii pe ecranul monitorului.
Textul în HTML este împărțit în paragrafe folosind o etichetă<р>... Acesta este plasat la începutul fiecărui paragraf, iar vizualizatorul îl întâlnește și separă paragrafele unul de celălalt cu o linie goală. Folosind o etichetă finalănu este necesar.
Dacă trebuie să „rupi” textul, transferând restul acestuia pe o nouă linie și fără a evidenția un nou paragraf, folosește eticheta de întrerupere a liniei
... Acesta determină vizualizatorul să afișeze caracterele care îl urmează pe o nouă linie. Spre deosebire de eticheta de paragraf,
nu adaugă o linie goală. Această etichetă nu are o etichetă finală potrivită.
HTML acceptă formatarea logică și fizică a conținutului documentului. Formatarea logică indică scopul unei anumite piese de text, în timp ce formatarea fizică definește aspectul acesteia.
Atunci când utilizați formatarea logică a textului, browserul evidențiază diferite părți ale textului în funcție de structura documentului. Pentru a afișa titlul, este utilizată una dintre etichetele de titlu. Titlurile dintr-un document tipic sunt clasificate pe niveluri. HTML vă permite să definiți șase niveluri de titlu: h1 (titlu de primul nivel), h2, h3, h4, h5 și h6. Titlul de primul nivel este de obicei mai mare și mai greu decât cel de-al doilea nivel. Un exemplu de utilizare a etichetelor antet:
ll. Titlul secțiunii
Etichetele de formatare fizică definesc direct aspectul textului pe ecranul browserului, de exemplu, un cuplu face ca textul să fie îngroșat, setează sublinierea textului, controlează fontul textului.
Etichetă introduce o imagine în document ca și cum ar fi un singur caracter mare. Un exemplu de utilizare a etichetei:
Câteva etichete sunt folosite pentru a crea un link hipertext<а>... ... O bucată de text, o imagine sau orice alt obiect situat între aceste etichete este afișat în fereastra browserului ca o legătură hipertext. Activarea unui astfel de obiect face ca un document nou să fie încărcat în fereastra browserului sau să fie afișată o altă parte a paginii Web curente. O legătură de hipertext se formează folosind expresia:
Href aici este un atribut obligatoriu, a cărui valoare este adresa URL a resursei solicitate. Ghilimelele sunt opționale atunci când se specifică valoarea atributului href. Dacă o legătură este setată la un document pe un alt server, atunci tipul de hyperlink este după cum urmează:
<а href = "http://www.school.donetsk.ua/11.jpg">Fotografia 11-A
Folosind diverse etichete, puteți desena tabele, formata text, insera imagini, fișiere video-sunet și multe altele într-un document.
Marcarea hipertextului este utilizată pentru a indica în ce parte a ecranului și cum ar trebui afișat textul și cum sunt legate textele care alcătuiesc baza de date hipertext. În aceste scopuri, caracterele speciale de control sunt introduse în text. Textul scapat este stocat într-un fișier text simplu în coduri ASCII și poate fi procesat de aproape orice editor de text.
Limbajul de marcare hipertext HTML a fost propus de Tim Berners-Lee în 1989. La momentul creării HTML, exista un standard pentru limbajul de markup pentru documentele tipărite - SGML (Standard Generalized Markup Language), care a fost luat ca bază a HTML. Sa presupus că o astfel de soluție ar ajuta la utilizarea software-ului existent pentru a interpreta noul limbaj.
Ca element al bazei de date hipertext pentru HTML, a fost ales un fișier text simplu, care este stocat prin intermediul sistemului de fișiere din mediul de operare.
Astfel, o bază de date hipertext în conceptul WWW este un set de fișiere text scrise în limbajul HTML care definește:
Forma de prezentare a informațiilor (marcare);
Structura legăturilor dintre fișiere (legături hipertext). Această abordare presupune prezența unei alte componente
tehnologie - interpret de limbaj. În WWW, funcțiile de interpretare sunt împărțite între serverul de baze de date hipertext și interfața cu utilizatorul. Serverul, pe lângă accesarea documentelor și prelucrarea legăturilor hipertext, efectuează și prelucrarea preprocesării documentelor, în timp ce interfața cu utilizatorul interpretează constructele de limbaj asociate cu prezentarea informațiilor.
În 1990. a existat o versiune zero a HTML 0.
Prima versiune (HTML 1.0) a avut drept scop reprezentarea limbajului ca atare, unde descrierea capacităților sale a fost mai degrabă de natură consultativă.
Prognozele sunt coloana vertebrală a oricărui sistem de tranzacționare, astfel încât previziunile bine elaborate vă pot îmbogăți.
A doua versiune (HTML 2.0) a fixat practica utilizării construcțiilor de limbaj și a devenit standardul pentru construirea WWW.
Versiunea ++ a HTML ++ a introdus noi posibilități de prezentare a informațiilor științifice și a tabelelor și îmbunătățirea stilului de aspect al textului și imaginilor.
A treia versiune (HTML 3.0) a simplificat toate inovațiile și a oficializat interfața utilizator a sistemului distribuit cu hipertext.
În 1996. a fost lansată o nouă versiune a limbajului: HTML 3.2, care include instrumente pentru crearea de tabele, construcții de limbaj Java, hărți de imagine (aflate pe computerul client) și noi tipuri de formatare a textului.
HTML este un limbaj bazat pe text în care instrucțiunile de formatare, numite etichete, sunt încorporate în textul unui document.
Procesul de creare a unui document HTML constă în includerea etichetelor în textul neformatat care poartă încărcătură informațională.
Etichetele HTML sunt secvențe de caractere care încep cu un semn mai mic decât (<) и заканчивающиеся знаком “больше” (>).
Majoritatea funcțiilor de formatare din HTML specifică stiluri logice mai degrabă decât fizice. De exemplu, etichetele de titlu, care indică de obicei dimensiuni mai mari ale literelor, nu indică dimensiunea de utilizat. Browserul (care acționează ca un program client) alege o dimensiune de text mai mare pentru titluri. Această abordare vă permite să scăpați de platformă - un document creat pe un Macintosh poate fi utilizat de UNIX sau Windows. Dezavantajul este că documentul arată diferit pe diferite platforme.
Browserele WWW funcționează conform următoarelor reguli atunci când analizează propoziții HTML:
Spațiile și alte caractere „invizibile” sunt ignorate;
Toate etichetele pot fi împărțite în grupuri: etichete de bază, etichete de formatare, etichete de structură, indicatoare etc.;
Etichetele de formatare pot fi scrise cu litere mici și / sau cu majuscule;
Majoritatea etichetelor de formatare sunt scrise în perechi. O etichetă de deschidere activează acest efect, iar o etichetă de închidere îl dezactivează. O pereche de etichete este denumită uneori un container, deoarece efectul pe care îl activează și îl dezactivează apare pe textul din ele. De exemplu, pentru a indica faptul că un șir ar trebui tipărit cu caractere aldine, s-ar scrie:< B >Această linie va fi tipărită cu caractere aldine
Textul din interiorul unei etichete de final este întotdeauna precedat de un caracter invers. Printre etichetele HTML de bază, excepțiile de la această regulă sunt:< BASE >(informatii de baza),< BR >(sfârșitul liniei),< HR >(rigla orizontală) și< IMG >(imagine). Aceste etichete există într-o singură copie.
Fiecare document HTML are etichete de margine:< HTML >și... Această pereche de etichete conține toate celelalte etichete ale paginii Web și tot conținutul informațional al documentului. De fapt, ei declară că tot conținutul containerului este cod HTML. Etichetă< HTML >trebuie să fie pe prima linie a fișierului și a etichetei- în acesta din urmă.
Fiecare document HTML conține titlul documentului și corpul acestuia.
Titlul documentului identifică documentul. Ar trebui să meargă imediat după etichetă< HTML >și începeți cu< HEAD >... Titlul se încheie cu o etichetă.
Titlul documentului trebuie să conțină titlul documentului și adresa URL de bază a acestuia.
Numele documentului se află între etichete< TITLE >și... Este folosit de browser și de serverul web. Numele nu trebuie să depășească 40 de caractere. Titlul documentului ar trebui să fie informativ, să reflecte conținutul documentului, astfel încât să poată fi identificat. Numele apare în bara de titlu a Internet Explorer, în listele Istoric și în Favorite.
Adresa URL de bază trebuie să fie complet calificată (absolută) și să conțină protocolul, adresa de internet și numele fișierului. Este indicat în etichetă< BASE HREF = “базовый_URL”>... Toate celelalte adrese URL din document pot fi relative la cea de bază. De exemplu, dacă adresa URL de bază este: http://www.microsoft.com/products/office/word/datasheets.htmlși trebuie să specificați adresa URL a caracteristicilor. html aflat în directorul / products / office / excel de pe același server, puteți specifica: ../ excel / features. html în loc să tastați adresa URL completă.
Simboluri. ./ indicați că doriți să urcați un nivel de director de la adresa de bază.
Dacă aveți o adresă de bază, este mai ușor să transferați un document pe alt server, deoarece dacă toate celelalte adrese URL din document sunt relative, atunci numai numele serverului din adresa URL de bază trebuie modificat în timpul transferului.
Corpul documentului conține tot textul care conține informații și toate etichetele HTML utilizate pentru formatarea textului. Corpul documentului începe imediat după titlu și este delimitat de etichete< BODY >și.
Exemplu de document HTML:
< TITLE >Numele documentului
< BASE HREF = “базовый_URL” >
Etichetele utilizate în corpul documentului vă permit să specificați următoarele elemente de marcare a textului:
Începutul paragrafului și sfârșitul rândului
Stiluri de antet
Stiluri fizice - Stiluri logice
Simboluri speciale.
Linkuri hipertext constă din două părți: un pointer și un URL. Un indicator este textul pe care utilizatorul trebuie să facă clic pentru a se deplasa undeva. Adresa URL specifică adresa de la care browserul va descărca documentul atunci când utilizatorul face clic pe indicator.
Indicatoarele de text din browserele grafice sunt de obicei subliniate și evidențiate în culori. În browserele cu text pur, acestea sunt cu caractere aldine.
Orice text poate fi folosit ca index, indiferent de dimensiunea și caracteristicile sale de formatare. Un index poate fi compus din mai multe litere, cuvinte sau chiar rânduri de text.
Formatul indicatorului:
< A HREF = “ URL ”>text index ,
unde este litera A din etichetă< A HREF >reprezintă ancoră, iar HREF reprezintă referință Hypertext. Totul dintre etichete< A HREF = “ URL ”>șieste textul index care este afișat cu caractere subliniate sau aldine.
Alte coduri de formatare pot fi utilizate împreună cu indicatorii de hipertext. De exemplu:
< A HREF = “ URL ”> < I > sau
< I > < A HREF = “ URL ”>Accesați o prezentare mai detaliată
Verificarea conexiunilor securizate în Mozilla Firefox
Cum se copiază un certificat de la un rootken la un computer, de la o criptopro la o unitate flash USB - Kontur
A apărut o eroare de autentificare