Limbaj de marcare hipertext (HTML)

World Wide Web sau, care este același cu World Wide Web, WWW este componenta principală a rețelei globale de calculatoare Internet. Având originea în anii '60, internetul a fost folosit mult timp doar de un cerc restrâns de specialiști pentru a face schimb de informații prin e-mail. Rețeaua a fost controlată de sistemul de operare UNIX - era potrivită în scopuri științifice, dar interfața textuală UNIX destul de complexă „limitează semnificativ domeniul de utilizare al tehnologiilor de rețea. Acest limbaj este HTML (HyperText Markup Language).

Autorul HTML este Tim Berners-Lee, absolvent de la Oxford, care contracta apoi la Geneva cu Conseil Europeen pour la Recherche Nucleaire (CERN) în calitate de consultant software. CERN este o organizație suficient de mare și, prin urmare, pentru a naviga mai bine în structura sa, nu pentru a stoca în memorie date pe un număr mare de proiecte, oficiali etc., Tim Berners-Lee a dezvoltat programul Inquire pentru utilizarea sa personală, pe baza căruia câțiva ani mai târziu a fost creat un fel de spațiu informațional pentru laborator. Programul Ancheta a făcut posibilă efectuarea așa-numitei căutări de documente „neliniare” - adică treceți de la un document la altul fără a vă referi la cuprins sau carte de referință.

Limbajul HTML stă la baza tehnologiei hipertext. Un document hipertext conține așa-numitele hyperlinkuri.

Un limbaj de marcare a documentelor este un set de instrucțiuni speciale numite etichete concepute pentru a forma o structură în documente și pentru a defini relațiile dintre diferite elemente ale acestei structuri. Etichetele lingvistice sau, așa cum se numesc uneori, descriptorii de control, în astfel de documente sunt codificate într-un fel, se remarcă în raport cu conținutul principal al documentului și servesc drept instrucțiuni pentru programul care afișează conținutul documentului pe client latură. Cele mai vechi sisteme foloseau simbolurile „<” и “>”, În interiorul căruia au fost plasate numele instrucțiunilor și parametrii acestora. Acum acest mod de denumire a etichetelor este standard.

Utilizarea defalcării hipertextului unui document text în sistemele informatice moderne se datorează în mare măsură faptului că hipertextul vă permite să creați un mecanism pentru vizualizarea neliniară a informațiilor. În astfel de sisteme, datele nu sunt prezentate ca un flux continuu de informații textuale, ci ca un set de componente interconectate, care sunt navigate folosind hyperlinkuri.

HTML nu este un limbaj de programare adecvat; este un mijloc de a descrie structura unui document, stilul acestuia și relațiile sale cu alte documente. Pentru a vizualiza documente web, se folosesc programe speciale - așa-numitele browsere (în engleză: a naviga - 1) pască, smulge lăstari; 2) citiți, faceți în mod aleatoriu, în fragmente.) De fapt, capacitățile browserelor sunt mult mai largi, dar deocamdată ne vom limita la a le defini ca mijloc de vizualizare a documentelor web. Internetul își datorează popularitatea browserelor.

3. Limbaj hipertext HTML

Hipertextul trebuie să înceapă cu un cuvânt și să se termine cu un cuvânt. Cuvintele între paranteze unghiulare se numesc etichete în HTML și descriptori în programare. Aproape toate etichetele HTML sunt asociate - și așa mai departe.

Etichetele asociate evidențiază un anumit fragment de hipertext - „titlu”, „corp” etc. Prima etichetă începe fragmentul, iar cea de-a doua - o termină. În descriptorii de închidere, numele este precedat de un semn de fracție /.

Structura generală a hipertextului scris în limbaj HTML:

hipertext :: = corpul titlului

titlu :: = titlu

titlu :: = titlu

corp :: = text

În conformitate cu regulile HTML, hipertextul trebuie să aibă un „titlu” și „corp”. Ca publicație, hipertextul poate și ar trebui să conțină informații despre autori și proprietarii drepturilor de autor (site-uri).

Titlul hipertextului trebuie să conțină „titlul”, care este afișat de browsere pe linia superioară a ecranului computerului. Titlul trebuie să exprime ideea principală a publicației (pagina). Hipertextul fără titlu este ca un articol fără titlu.

„Corpul” hipertextului trebuie să conțină texte, tabele, fotografii și ilustrații. Diferența dintre hipertextul electronic și textul obișnuit pe hârtie este includerea hyperlinkurilor, făcând clic pe care determină încărcarea unui nou hipertext.

Un exemplu de hipertext și rezultatul afișării acestuia de către un browser pe ecranul computerului:

Hipertext: Rezultat:

Rezultatul browserului este încărcarea și afișarea pe ecranul computerului a hipertextului stocat pe site la adresa indicată în fereastra browserului. Dacă hypertextul este prea mare, browserul afișează butoane de hipertext în partea dreaptă sau în partea de jos a ecranului.

Dimensiunile ecranelor computerului au următorul spectru. Dimensiunea minimă a ecranului este de 640 x 480 pixeli. Mai mult, dimensiunile standard ale ecranului sunt 800 x 600, 1024 x 768 și 1280 x 1024 pixeli. Prin urmare, puteți arăta diferit pe diferite ecrane.

Structura generală a hipertextului și afișarea acestora pe ecranul unui computer:

Hipertext: Rezultat:

Partea de text poate consta din linii și paragrafe cu titluri și fără titluri, cu liste, tabele și meniuri.

corpul textului

text :: = antet (text) |

listă (text) |

tabel (text) |

Titlurile hipertextului sunt formatate după cum urmează:

header :: =

titlu

header :: =

titlu

header :: =

titlu

unde etichetele H2, ..., h6 stabilesc dimensiunea titlurilor în raport cu textul corpului.

Paragrafele în hipertext încep cu un descriptor

hipertext |

|

Pauzele de linie și paragrafele sunt indicate de mâner ... Sfârșitul de paragraf p> este opțional, dar este necesar atunci când se utilizează parametri în descriptorul de paragraf.

Parametrul principal al paragrafelor - alinierea - alinierea textelor de pe ecranul computerului. Alinierea textelor se realizează automat de către browsere în funcție de dimensiunea ecranului computerului:

align = centru-centru al ecranului:

align = stânga- spre stânga;

align = dreapta - spre dreapta;

align = justify - ecran complet.

Pentru a alinia paragrafele, trebuie ales un singur stil general, care trebuie aplicat tuturor celor din toate hipertexturile de pe site.

Pentru stilul hipertextului, HTML are o gamă bogată de fonturi, stiluri și resurse. Cel mai simplu instrument de proiectare este de a evidenția cuvintele pentru a atrage atenția cititorilor site-urilor asupra părților individuale ale textului.

Pentru a evidenția cuvintele în hipertext, puteți utiliza caractere aldine sau subliniate cu următoarele etichete:

Personaje mari

font bold

italic i>

subliniază

tăiat

personaje mici

Selecția fontului în hipertext este specificată de etichetă : fonturi :: = font text>

Parametrii fontului - dimensiunea și tipul acestora. Dimensiunile fonturilor sunt setate de parametrul size = size.

Mărimea este indicată în mod explicit de la 1 la 6, fie sub formă de creștere +1, +2 sau descrescătoare - 1, - 2.

Tipul de font este setat de parametru

face = font

Aici fontul este unul dintre fonturile standard: Times, Courier etc.

Culoarea fontului este specificată de parametrul color = color, unde culoarea este culoarea fragmentului de hipertext selectat. De exemplu - evidențierea textului în roșu:

font text>

Numele standard ale culorilor în limba НТМL:

roșu - roșu, verde - verde, albastru - albastru, negru-negru,

alb - alb, auriu - auriu, galben-galben etc.

Pentru proiectarea hipertextului, cel mai bine este să luați ca eșantion o carte sau o revistă bună publicată de o editură profesională sau o carte electronică, ziar sau site-ul web conceput profesional de pe internet.

Un stil de design uniform este o proprietate importantă a oricărei publicații din cărți, reviste și site-uri web. În viitor, cel mai bine este să respectați standardul și stilul de proiectare acceptate pentru întreaga perioadă de creare și întreținere a site-ului.

Fragmente de hipertext pot fi plasate pe același site sau pe mai multe site-uri sau chiar pe mai multe servere. Hiperlinkurile externe indică numele fișierelor corespunzătoare de pe site, server sau de pe internet:

Forma generală a hyperlinkurilor externe:

unde „adresă” este adresa hipertextului din cadrul site-ului sau de pe un alt server de pe Internet.

Exemple de hyperlinkuri externe:

a) adresa site-ului pe internet:

http: // bak2.nagod.gu

b) adresa paginii de pe site:

http: // bak2.nagod.gu / inrogl.html.

c) adresa paginii din folderul site-ului;

http: // bak2.nagod.gu / tests / test2.html.

teste 2 a>

Cu ajutorul aparatului de hyperlinkuri de pe site-uri, este organizată plasarea tuturor desenelor, fotografiilor și a altor ilustrații grafice. Pentru aceasta, toate fișierele cu ilustrații grafice sunt preînregistrate pe site.

Fișierele grafice sunt de obicei localizate pe site-uri și într-un folder separat numit imagine. Încărcarea ilustrațiilor pe ecranele computerelor utilizatorilor este efectuată de browsere cu ajutorul operatorilor :

Forma generală a operatorilor pentru încărcarea ilustrațiilor grafice:

Aranjamentul ilustrațiilor pe ecranul computerului este setat de parametrii de aliniere: align = stânga- de-a lungul marginii stângi, align = dreapta - de-a lungul marginii drepte a ecranului. În același timp, textul curge în jurul ilustrației, respectiv, spre dreapta sau orb.

Ilustrațiile pot fi apăsate pe marginea de sus sau de jos a ecranului, care este setată de parametrii: align = sus - la marginea de sus, align = jos - la marginea de jos a ecranului sau aliniat în mijlocul ecranului - align = mijloc.

Pentru a poziționa ilustrațiile pe ecranul computerului, lățimea și înălțimea lor pot fi indicate în operatorul de încărcare:

înălțime: = înălțime = "înălțime"

width: = width = "length"

Dimensiunile ilustrațiilor sunt setate de numărul de puncte de pe ecran (în pixeli) sau ca procent din înălțimea sau lățimea ecranului computerului. În acest din urmă caz, ilustrațiile vor avea dimensiuni diferite pe diferite ecrane. După ce ați calculat locația ilustrațiilor pentru ecrane de dimensiuni minime, puteți fi sigur de plasarea lor pe ecrane de orice altă dimensiune.

Dimensiunile ilustrațiilor sunt de obicei alese astfel încât să fie vizibile în întregime chiar și pe ecranele computerului cu o dimensiune minimă. Dacă macaraua computerului este mai mare, ilustrațiile vor ocupa doar o parte din aceasta.

Listele de hipertext sunt liste cu numerotarea sau evidențierea elementelor de listă. Toate elementele încep cu etichete

... Listele numerotate încep cu eticheta

și se termină cu eticheta

... Listele nenumerotate sunt delimitate de etichete.

Listele de hipertext sunt un instrument la îndemână pentru organizarea cuprinsului pe site-uri complexe și hipertext mare. Elementele din astfel de liste sunt adresele secțiunilor corespunzătoare ale site-urilor (capitole, paragrafe ale secțiunilor de cărți electronice și biblioteci).

Concluzie

HTML este un limbaj de marcare hipertext.

Toate fișierele plasate trebuie să fie hipertext, scrise în format HTML și cu identificatori precum.html.

HTML este un limbaj de marcare hipertext care este stocat pe serverele Web și afișat de browsere pe ecranele computerului. Limbajul HTML definește regulile pentru descrierea hipertextului și afișarea acestora pe ecranele computerului de către browsere.

Dezvoltarea limbajului de marcare hipertext a fost influențată în mod semnificativ de doi factori: cercetarea interfețelor sistemelor de hipertext și dorința de a oferi o modalitate ușoară și rapidă de a crea o bază de date hipertext distribuită pe o rețea.

Reguli de bază pentru elementele de cuibărit:

Elementele nu trebuie să se suprapună;

Elementele de bloc pot conține elemente de bloc și text imbricate;

Elementele de text pot conține elemente de text imbricate;

Elementele text nu pot conține elemente bloc blocate.

Strict vorbind, toate regulile limbajului HTML. poate fi privit doar ca „dorințe”. Instrumentul utilizat pentru redarea documentului Web va face tot posibilul pentru a interpreta marcajul în cel mai rezonabil mod. Cu toate acestea, numai respectarea strictă a cerințelor din specificațiile lingvistice garantează reproducerea corectă a documentului.

Bibliografie

„Informatică economică” / Under. ed. P.V. Konyukhovsky și D.N. Kolesova, Sankt Petersburg: Peter, 2000, anii 560.

Kaimin VA, „Informatică”, manual. M.:, 2003-285s.

„Informatică”, curs de bază, ediția a II-a / Under. ed. S.V. Simonovich, Sankt Petersburg: 2003, anii 640.

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 selectat 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 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 cu utilizatorul 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 mai mare a textului 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ă, pointeri 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ă efectul, 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 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 >standuri pentru ancoră și 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 ”>Trecem la o prezentare mai detaliată

HTML este un limbaj pentru descrierea structurii paginilor web. Paginile create cu acesta pot fi vizualizate numai cu ajutorul unor programe speciale (browsere) instalate pe computerele utilizatorilor.

• Abrevierea HTML înseamnă H da T ext M arkup L anguage (limbaj de marcare hipertext).
• Amintiți-vă, nu este un limbaj de programare, este un limbaj de markup.
• Utilizări HTML Etichete pentru a descrie structura paginii web.

Etichete:

Etichetele HTML sunt cuvinte cheie sau caractere încadrate între paranteze unghiulare, de exemplu ,

,

etc. Există două tipuri de etichete: asociatși singur(sunt numite și goale). Etichetele asociate constau dintr-o etichetă de început și de sfârșit, de exemplu:. „/” După paranteză unghiulară indică faptul că eticheta se închide. Etichetele unice constau doar dintr-o etichetă de început, de exemplu:
... Etichetele nu sunt sensibile la majuscule, deci pot fi scrise atât cu majuscule, cât și cu litere mici:

Înseamnă la fel ca

Etichetele definesc unde începe și se termină elementul HTML.

Cu ajutorul etichetelor, browserul recunoaște structura și semnificația textului dvs., de exemplu, îi spune browserului ce parte a textului este un antet, unde începe un nou paragraf, ce să sublinieze și unde să plaseze imaginea (imaginea ). După primirea acestor informații, browserul folosește regulile implicite încorporate pentru a afișa fiecare dintre aceste elemente.

Notă: În referința noastră HTML, puteți vedea stilurile implicite pentru orice etichetă care vă interesează.

Fără a utiliza etichete HTML, browserul va afișa doar un flux solid de text, fără indentări, titluri, paragrafe etc. Pentru a fi mai clar, să luăm în considerare acest lucru mai detaliat cu exemple.

Iată cum arată o pagină folosind etichete pentru marcare:

Băuturi în cafeneaua noastră

Multifruit - 100 frecați.

O băutură fructată care conține sucuri de portocale și ananas.

Cocktail cu lapte - 150r.

Inghetata cremoasa amestecata cu pulpa de fructe.

La fel, dar fără a utiliza etichete:

Băuturi în cafeneaua noastră Multifruit - 100 de ruble. O băutură fructată care conține sucuri de portocale și ananas. Cocktail cu lapte - 150r. Inghetata cremoasa amestecata cu pulpa de fructe.

Continuăm seria de articole despre elementele de bază ale limbajelor web și evoluțiile din acest domeniu. Anterior, am acoperit elementele de bază ale limbajului hipertext HTML, caracteristicile și metodele sale de marcare a textului (etichete).

De asemenea, am aflat că limbajul HTML interacționează îndeaproape cu astfel de dezvoltări de software precum stilurile CSS și Javascript și de ce este necesară o astfel de cooperare între limbi. Astăzi vom analiza în detaliu structura construirii documentelor HTML5. Structura bloc a documentului, structura acestuia este subiectul articolului de astăzi. Dar mai întâi trebuie să înțelegeți ce este HTML5.

Limbajul de programare HTML5 (din limba engleză HyperText Markup Language) este a cincea versiune a limbajului. Ca toate versiunile anterioare, este conceput pentru a construi structura documentelor și a le prezenta în rețea. Versiunea HTML5 este în prezent în curs de dezvoltare. Scopul urmărit de crearea celei de-a cincea versiuni de HTML este îmbunătățirea limbajului în domeniul activității sale cu documente multimedia (aplicații audio și video).

Adăugarea unor inovații sintactice precum

,

,