3. Limbajul hipertext HTML

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

Etichetele pereche evidențiază un anumit fragment al hipertextului - „titlu”, „corp”, etc. Prima etichetă începe fragmentul, iar a doua - îl termină. În descriptori de închidere, numele este precedat de un caracter de fracțiune /.

Structura generală a hipertextului scris în limbaj HTML:

hipertext :: = corpul titlului

title :: = titlu

title :: = titlu

body :: = text

În conformitate cu regulile HTML, hipertextul trebuie să aibă „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 ar trebui să conțină „titlul”, care este afișat de browsere pe linia de sus a ecranului computerului. Titlul ar trebui să exprime ideea principală a publicației (pagina). Hipertextul fără titlu este ca un articol fără titlu.

„Corpul” hipertextului ar trebui să conțină texte, tabele, fotografii și ilustrații. Diferența dintre hipertextul electronic și textele obișnuite pe hârtie constă în includerea de hyperlinkuri, clic pe care provoacă încărcarea de hipertext nou.

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

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ă hipertextul este prea mare, browserul afișează butoanele hipertext în partea dreaptă sau inferioară a ecranului.

Dimensiunile ecranelor de computer au următorul spectru. Dimensiunea minimă a ecranului este de 640 x 480 pixeli. În plus, 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 lor pe ecranul unui computer:

Hipertext: Rezultat:

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

corpul textului

text :: = titlu (text) |

listă (text) |

tabel (text) |

Titlurile din hipertext sunt formate după cum urmează:

antet :: =

titlu

antet :: =

titlu

antet :: =

titlu

unde etichetele H2, ..., h6 stabilesc dimensiunea titlurilor în raport cu corpul textului.

Paragrafele din hipertext încep cu un descriptor

hipertext |

|

Întreruperile de rând și paragrafele sunt indicate de mâner ... Sfârșitul paragrafului p> este opțional, dar este necesar când se folosesc parametrii în descriptorul de paragraf.

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

align = centru-centrul ecranului:

align = stânga- la stânga;

align = dreapta - la dreapta;

aliniere = justificare - ecran complet.

Pentru a alinia paragrafele, trebuie selectat un singur stil general, care trebuie aplicat tuturor în tot hipertextul de pe site.

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

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

Personaje mari

font aldine

cursiv i>

subliniază

barat

personaje mici

Selectarea fontului în hipertext este specificată de etichetă : fonturi :: = font text>

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

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

Tipul fontului este stabilit de parametru

fata = font

Fontul de aici este unul dintre fonturile standard: Times, Courier etc.

Culoarea fontului este setată de parametrul culoare = culoare, unde culoarea este culoarea fragmentului de hipertext selectat. De exemplu - evidențierea textului cu roșu:

font text>

Nume standard de culori î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ă profesionistă sau o carte electronică, un ziar sau un site web de pe Internet concepute profesional de cineva.

Un stil de design uniform este o proprietate importantă a oricărei publicații în cărți, reviste și site-uri web. În viitor, cel mai bine este să respectați standardul acceptat și stilul de design 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 pe Internet:

Forma generală a hyperlinkurilor externe:

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

Exemple de hyperlinkuri externe:

a) adresa site-ului web 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.

testele 2 a>

Cu ajutorul aparatului de hyperlink-uri de pe site-uri se organizează plasarea tuturor desenelor, fotografiilor și 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 se realizează de către browsere cu ajutorul operatorilor :

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

Dispunerea ilustrațiilor pe ecranul computerului este stabilită de parametrii de aliniere: aliniere = stânga - de-a lungul marginii din stânga, aliniere = dreapta - de-a lungul marginii din dreapta a ecranului. În acest caz, 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: aliniere = sus - la marginea de sus, aliniere = de jos - la marginea de jos a ecranului sau aliniate în mijlocul ecranului - aliniere = mijloc.

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

înălțime: = înălțime = „înălțime”

lățime: = lățime = „lungime”

Dimensiunile ilustrațiilor sunt stabilite 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. Calculând 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 computerelor cu o dimensiune minimă. Dacă macaraua computerului este mai mare, ilustrațiile vor ocupa doar o parte din ea.

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

... Listele numerotate încep cu eticheta

și se încheie cu eticheta

... Listele nenumerotate sunt delimitate de etichete.

Listele de hipertext sunt un instrument la îndemână pentru organizarea cuprinsului în site-uri complexe și hipertext mari. 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 computerelor. Limbajul HTML definește regulile pentru descrierea hipertextului și afișarea lor pe ecranele computerelor de către browsere.

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

Reguli de bază pentru elementele de cuibărit:

Elementele nu trebuie să se suprapună;

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

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

Elementele text nu pot conține elemente bloc imbricate.

Strict vorbind, toate regulile limbajului HTML. pot fi privite doar ca „dorințe”. Instrumentul folosit pentru a reda documentul Web va face tot posibilul pentru a interpreta marcajul în cel mai rezonabil mod. Cu toate acestea, doar respectarea strictă a specificațiilor de limbă este garantată pentru a reproduce corect un document.

Bibliografie

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

Kaimin VA, „Informatica”, manual, ed. a IV-a. 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 folosită pentru a indica în ce parte a ecranului și cum ar trebui afișat textul și modul în care textele care alcătuiesc baza de date hipertext sunt legate între ele. În aceste scopuri, în text sunt introduse caractere speciale de control. Textul evadat 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 marcare pentru documentele tipărite - SGML (Standard Generalized Markup Language), care a fost luat ca bază pentru 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 al mediului 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:

Formular de prezentare a informațiilor (markup);

Structura legăturilor dintre fișiere (legături hipertext). Această abordare presupune prezența unei alte componente

tehnologie – interpret de limbă. În WWW, funcțiile interpretului sunt împărțite între serverul bazei de date hipertext și interfața cu utilizatorul. Serverul, pe lângă accesarea documentelor și procesarea legăturilor hipertext, efectuează și preprocesarea 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 ca scop reprezentarea limbajului ca atare, unde descrierea capabilităților sale era mai degrabă de natură consultativă.

Prognozele sunt coloana vertebrală a oricărui sistem de tranzacționare, așa că previziunile bine elaborate vă pot face bogat.

Cea de-a doua versiune (HTML 2.0) a fixat practica utilizării constructelor de limbaj și a devenit standardul pentru construirea WWW-ului.

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 al imaginilor.

A treia versiune (HTML 3.0) a simplificat toate inovațiile și a oficializat interfața cu utilizatorul a sistemului distribuit hipertext.

În 1996. a fost lansată o nouă versiune a limbajului: HTML 3.2, care include instrumente pentru crearea de tabele, constructe de limbaj Java, hărți de imagine (situate 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 interiorul textului neformatat care poartă încărcare informațională.

Etichetele HTML sunt secvențe de caractere care încep cu un semn mai puțin decât (<) и заканчивающиеся знаком “больше” (>).

Majoritatea funcțiilor de formatare din HTML specifică mai degrabă stiluri logice 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 folosit de UNIX sau Windows. Dezavantajul este că documentul arată diferit pe diferite platforme.

Browserele WWW funcționează în conformitate cu următoarele reguli atunci când parsează 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 mari;

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 uneori denumită un container, deoarece efectul pe care îl activează și dezactivează apare pe textul din interiorul lor. De exemplu, pentru a indica faptul că un șir trebuie tipărit cu caractere aldine, ar trebui să scrieți:< B >Această linie va fi tipărită cu text aldine

Textul din interiorul unei etichete de final este întotdeauna precedat de un caracter backslash. Printre etichetele HTML de bază, excepțiile de la această regulă sunt:< BASE >(informatii de baza),< BR >(sfârșitul rândului),< HR >(riglă orizontală) și< IMG >(imagine). Aceste etichete există într-o singură copie.

Fiecare document HTML are etichete de chenar:< HTML >și... Această pereche de etichete cuprinde toate celelalte etichete de pe pagina Web și tot conținutul de informații 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 eticheta- în cel din urmă.

Fiecare document HTML conține titlul documentului și corpul acestuia.

Titlul documentului identifică documentul. Ar trebui să meargă imediat după etichetă< HTML >si incepe cu< HEAD >... Titlul se termină cu o etichetă.

Titlul documentului trebuie să conțină titlul documentului și adresa URL de bază.

Numele documentului este situat între etichete< TITLE >și... Este folosit de browser și de serverul web. Numele nu trebuie să depășească 40 de caractere. Titlul documentului trebuie 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 URL-uri din document pot fi relativ 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 situat î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. ./ indică faptul că doriți să mergeți cu un nivel de director mai sus față de adresa de bază.

Având o adresă de bază, este mai ușor să transferați un document pe un alt server, deoarece dacă toate celelalte URL-uri din document sunt relative, atunci doar numele serverului din URL-ul de bază trebuie schimbat în timpul transferului.

Corpul documentului conține tot textul care conține informații și toate etichetele HTML folosite pentru a formata textul. Corpul documentului începe imediat după antet ș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 titluri

Stiluri fizice -Stiluri logice

Simboluri speciale.

Link-uri hipertext constă din două părți: un pointer și un URL. Un indicator este un text pe care utilizatorul trebuie să facă clic pentru a se muta undeva. URL-ul 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 culoare. În browserele de text pur, acestea sunt scrise cu caractere aldine.

Orice text poate fi folosit ca index, indiferent de dimensiunea și caracteristicile de formatare ale acestuia. Un index poate fi compus din mai multe litere, cuvinte sau chiar linii de text.

Format pointer:

< A HREF = “ URL ”>text index ,

unde este litera A din etichetă< A HREF >reprezintă ancora și HREF reprezintă REFERINȚĂ hipertext. Totul între etichete< A HREF = “ URL ”>șieste textul index care este afișat subliniat sau aldine.

Alte coduri de formatare pot fi utilizate împreună cu pointerii hipertext. De exemplu:

< A HREF = “ URL ”> < I > sau

< I > < A HREF = “ URL ”>Trecem la o prezentare mai detaliată

SGML(English Standard Generalized Markup Language - un limbaj de marcare generalizat standard; pronunțat [es-ji-em-el]) este un metalimbaj în care puteți defini un limbaj de marcare pentru documente. SGML este succesorul limbajului generalizat de marcare (GML) al IBM din 1969 și nu trebuie confundat cu limbajul de marcare geografică dezvoltat de Open GIS Consortium.

SGML a fost conceput inițial pentru partajarea documentelor care pot fi citite de mașini în proiecte mari guvernamentale și aerospațiale. A fost utilizat pe scară largă în tipărire și publicare, dar complexitatea sa a făcut dificilă adoptarea pe scară largă pentru uzul de zi cu zi.

Principalele părți ale unui document SGML sunt:

Declarație SGML - definește ce caractere și delimitatori pot apărea în aplicație;

Definiție tip document - definește sintaxa constructelor de marcare. DTD poate include definiții suplimentare, cum ar fi legături mnemonice simbolice;

Specificația semantică, care se referă la marcaj, oferă, de asemenea, restricții de sintaxă care nu pot fi exprimate într-un DTD;

Conținutul unui document SGML - cel puțin trebuie să fie un element rădăcină.

SGML oferă multe opțiuni de marcare sintactică pentru utilizare de către diverse aplicații. Prin modificarea declarației SGML, puteți chiar elimina utilizarea parantezelor unghiulare, deși această sintaxă este considerată standard, așa-numita sintaxă de referință concretă.

Exemplu de sintaxă SGML:

de obicei ceva de genul acest

SGML este standardizat de ISO: „ISO 8879: 1986 Procesarea informațiilor-Text și sisteme de birou-Standard Generalized Markup Language (SGML)”

HTML și XML sunt derivate din SGML. HTML este o aplicație SGML, iar XML este un subset al SGML conceput pentru a simplifica analiza automată a unui document. Alte aplicații SGML sunt SGML Docbook (documentație) și „Z Format” (tipografie și documentație).

XML- Extensible Markup Language, adică Extensible Markup Language, a apărut ca urmare a dezvoltării limbajului HTML (HyperText Markup Language). Cu toate acestea, ar fi o greșeală gravă să ne gândim la asta doar ca la o versiune îmbunătățită a limbajului HTML. În esență, XML este următoarea generație de limbaje de marcare. Există 3 puncte de reținut care disting în mod fundamental XML de HTML și predecesorii săi (GML - Generalized Markup Language, SGML - Standard General Markup Language):

XML, spre deosebire de HTML, NU ARE ETICHETE DEFINITE - mai exact, fiecare dezvoltator poate crea PROPRII etichete XML - câte este nevoie. Numărul de astfel de etichete este practic nelimitat. Astfel, XML este un metalimbaj care vă permite să creați alte limbaje de marcare, cum ar fi HTML.

Pe măsură ce limbajul HTML s-a dezvoltat, numărul de etichete a crescut rapid. În cele din urmă, numărul lor a atins „valoarea critică” – a devenit dificil pentru dezvoltatorii de documente web să memoreze din ce în ce mai multe etichete, dar dezvoltatorii de browsere s-au trezit într-o poziție și mai proastă – au fost nevoiți să creeze noi versiuni de browsere care să „înțeleagă” noi etichete. Browserele mai inteligente devin din ce în ce mai mari, impunând cerințe din ce în ce mai mari pentru computerele pe care sunt utilizate. Problema este agravată de faptul că, în ultimii ani, dispozitivele de buzunar au devenit din ce în ce mai populare (în special, sunt din ce în ce mai utilizate în comerțul electronic), cu o cantitate limitată de memorie și ecrane „slabe” și, prin urmare, browserele utilizate pe au oportunități foarte limitate. XML, care nu are un sistem de etichetare predefinit, rezolvă această problemă. „Prețul” pentru versatilitate este rigoarea mai mare în proiectarea documentelor web. Regulile pentru formatarea documentelor XML sunt simple:

Etichetele de containere neînchise nu sunt permise (dar puteți combina etichetele de deschidere și de închidere într-una singură, de exemplu:
)

containerele „cuibări” nu se pot „suprapune”

literele mici și mari sunt percepute ca caractere diferite

cuvintele cheie nu pot fi folosite ca nume de etichete

spațiile, semnele de punctuație, parantezele, parantezele pătrate și acoladele nu pot fi folosite în numele etichetelor

litera de subliniere (_) și numerele pot apărea în numele etichetelor, dar un număr nu poate fi primul caracter al unui nume de etichetă

(Dacă trebuie să utilizați mai multe cuvinte ca nume de etichetă, acestea trebuie scrise împreună, începând fiecare cuvânt cu o literă majusculă.)

Documentele care îndeplinesc aceste reguli se numesc documente bine formate.

XML servește la DESCRIEREA STRUCTURII DATELOR, în principal STRUCTURILE IERARHICE.

Una dintre principalele tendințe în dezvoltarea tehnologiilor web este SEPARAREA DATELOR, STRUCTURA DOCUMENTULUI ȘI DESIGNUL ȘI STILULUI. După cum știți, una dintre modalitățile de a izola datele din structura documentului este conectarea dinamică a DBMS cu documentele web prin interfața ODBC (Open DataBase Connectivity). Izolarea stilurilor se realizează prin utilizarea foilor de stil în cascadă. XML vă permite să descrieți baze de date non-relaționale. Deoarece etichetele pot fi create de dezvoltator, numele lor caracterizează de obicei semnificația datelor.

XML, ca mijloc de descriere a structurii datelor, oferă SCHIMB DE DATE între diferite aplicații, acționând astfel ca un fel de „clei”.

Valoarea acestei funcții XML de „pune” nu poate fi supraaccentuată. Datorită capacității de a face schimb de date între diverse aplicații, tehnologiile web „merg” la un nivel calitativ nou.

Limbajul de marcare hipertext (HTML) este un sistem simplu de creare a documentelor hipertext care sunt portabile de la o platformă la alta. Practic, documentele HTML sunt documente SGML cu o semantică comună care sunt potrivite pentru reprezentarea informațiilor într-o mare varietate de aplicații. HTML poate fi folosit pentru a reprezenta:

Știri hipertext, corespondență, documentație și hipermedia

Meniul Opțiuni

Rezultatele interogării bazei de date

Documente simple cu grafică încorporată

Și, de asemenea, pentru vizualizarea hipertext a matricelor existente de informații

Proiectul World Wide Web (WWW) reunește informații împrăștiate în întreaga lume. Pentru a face acest lucru, WWW utilizează Internet HyperText Transfer Protocol (HTTP) - Protocolul de transfer hipertext, care vă permite să introduceți acorduri cu privire la modul în care sunt prezentate datele în interacțiunea dintre client și server.

Datele sunt transmise în corpul mesajului în conformitate cu standardul MIME. HTML este una dintre reprezentările informațiilor de pe WWW. Se presupune că HTML se potrivește cu unul dintre tipurile MIME, și anume text / html. În plus, HTML este o dezvoltare care respectă Standardul Internațional ISO 8879 - Standard Generalized Markup Language (SGML), care este un sistem pentru definirea tipurilor de documente structurate.

document HTML

Un document HTML este similar cu un fișier text, cu excepția faptului că unele caractere (șiruri) sunt caractere de control. Aceste simboluri se numesc etichete și definesc structura documentului.

Documentele HTML trebuie să înceapă cu o etichetă la începutul fișierului și se termină cu eticheta... Între aceste etichete, documentul HTML este organizat ca CAP și CORP al documentului, la fel ca un mesaj de e-mail. În interiorul părții HEAD sunt indicate TITLUL și alte informații despre documentul în ansamblu. În interiorul părții BODY, folosind etichete HTML, textul este structurat în paragrafe, liste etc. cu capacitatea de a stila cuvinte individuale și propoziții întregi și de a crea legături către părți din acesta și documente externe. Din punct de vedere tehnic, etichetele de deschidere și de închidere pentru elementele HTML, HEAD și BODY pot fi omise. Cu toate acestea, acest lucru nu este recomandat, deoarece structura HEAD / BODY permite aplicațiilor să definească caracteristici ale documentelor (de exemplu, titlul) fără a se uita la întregul document.

Structura elementelor HTML

Într-un document HTML, etichetele definesc începutul și sfârșitul titlurilor, paragrafelor, listelor, evidențierea caracterelor și legăturile. Majoritatea elementelor HTML dintr-un document sunt definite ca o etichetă de deschidere, care specifică numele și atributele elementului, urmată de corpul elementului, urmată de o etichetă de închidere. Caracterele delimitare pentru eticheta de început sunt „<" и ">"; pentru cel de închidere -"". De exemplu:

Acesta este Antetul

Acesta este un paragraf.

Unele elemente apar doar ca o etichetă de început. De exemplu, pentru a crea o linie de separare, utilizați eticheta
... În plus, etichetele de închidere pentru unele elemente (P, LI, DT, DD) pot fi omise. Corpul unui element este o secvență de caractere și elemente imbricate. Unele elemente, cum ar fi elementele care definesc legăturile, nu pot fi imbricate unele în altele. În același timp, elementele care definesc legăturile și evidențierea caracterelor pot fi plasate în interiorul altor structuri.

Afișarea documentului

Afișarea specifică a documentului poate varia de la client la client. Etichetele HTML definesc doar stilul general de afișare al documentului. Ceea ce înseamnă, de exemplu, că HTML tratează titlul de primul nivel doar ca titlu de prim nivel, dar nu specifică că antetul de la primul nivel ar trebui să fie afișat cu font Times dimensiunea 24 în centrul părții de sus a paginii. Avantajul acestei abordări este că, dacă utilizatorul decide să schimbe titlul primului nivel la dimensiunea fontului Helvetica 20 aliniat stânga, tot ce trebuie să facă este să schimbe definiția titlului primului nivel în vizualizatorul WWW. Astfel, prezentarea specifică a documentului pe ecranul monitorului este determinată de utilizatorul unui anumit client.

Principalul punct forte al HTML constă în capacitatea sa de a asocia regiuni de text (precum și imagini) cu alte documente. Spectatorii evidențiază aceste zone (de obicei cu culoare și/sau subliniere) pentru a indica faptul că acestea sunt link-uri hipertext. Ancora este o bucată de text care marchează începutul și/sau sfârșitul unui link hipertext. Textul dintre etichetele de deschidere și de închidere este punctul de plecare sau destinația link-ului hipertext. Atributele acestei etichete sunt următoarele: HREF

Opțional. Dacă este prezent atributul HREF, Anchor este text sensibil: punctul de plecare pentru link. Dacă cititorul selectează acest text, i se va prezenta un alt document, a cărui adresă de rețea a fost specificată în valoarea atributului HREF. Formatul adresei de rețea este același cu adresa URL. Acest lucru permite structurii HREF = „# identificator” să se refere la o ancoră diferită în documentul curent sau într-un document șters, prefixând adresa sa cu semnul „#”.

Opțional. Dacă este prezentă, permite ca ancora să fie utilizată ca destinație de legătură. Valoarea atributului este identificatorul de ancorare „a. Un șir de text simplu poate fi folosit ca valoare de identificare, cu excepția faptului că toți astfel de identificatori trebuie să fie unici în cadrul aceluiași document.

Opțional. Vă permite să specificați relația dintre documentul de la care a fost făcută legătura și documentul către care a fost făcută legătura.

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

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

Etichete

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

,

etc. Există două tipuri de etichete: perecheși singur(se mai numesc și goale). Etichetele împerecheate constau dintr-o etichetă de început și de sfârșit, de exemplu:. „/” după paranteza unghiulară indică faptul că eticheta se închide. Etichetele unice constau doar dintr-o etichetă de început, de exemplu:
... Etichetele nu țin cont de majuscule, așa că pot fi scrise atât cu litere mari, cât și cu litere mici:

Înseamnă la fel ca

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

Cu ajutorul etichetelor, browserul recunoaște structura și semnificația textului dvs., de exemplu, ele îi spun browserului care parte a textului este un titlu, unde începe un nou paragraf, ce să sublinieze și unde să plaseze imaginea (imaginea). ). După ce primește aceste informații, browserul folosește regulile implicite încorporate cu privire la modul de afișare a fiecăruia 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, haideți să aruncăm o privire mai atentă la exemple.

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

Băuturi în cafeneaua noastră

Multifructe - 100 de ruble.

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

Milkshake - 150r.

Inghetata cremoasa amestecata cu pulpa de fructe.

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

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

eu... Informații de bază despreHTML.

În ultimii ani, evoluțiile pentru Internet au evoluat de la pagini statice la sisteme informaționale dinamice. Nu cu mult timp în urmă, construirea de pagini Web moderne a necesitat puțin mai mult decât o stăpânire a limbajului de marcare hipertext (HTML).

HTMLeste un limbaj simplu de procesare a textului; în această limbă folosind un set de etichete (Etichete) este creat un document care poate fi vizualizat cu un vizualizator specialWeb (browser).

HTML nu este un limbaj de programare precum C++ sau Visual Basic; seamănă mai mult cu un formatator de documente care utilizează secvențe de evacuare. Codarea HTML este adesea comparată cu crearea unui document Microsoft Word prin tastarea codurilor de formatare direct în Notepad. Evident, funcționalitatea acestuia este extrem de mică.

Sub document hipertextînţelege un document care conţine link-uri către un alt document. Implementat toate acestea prin protocol de transfer hipertext HTTP(Protocolul de transfer hipertext).

Informațiile din documentele Web pot fi găsite prin cuvinte cheie. Aceasta înseamnă că fiecare browser Web conține legături specifice prin care se formează hyperlinkuri care permit milioanelor de utilizatori de Internet să caute informații din întreaga lume.

Documentele hipertext sunt create pe baza HTML (Hyper Text Markup Language). Acest limbaj este foarte simplu, codurile sale de control, care, de fapt, sunt compilate de browser pentru a fi afișate pe ecran, constau din text ASCII. Sunt numite linkuri, liste, anteturi, imagini și formulare elemente HTML.

Există o mulțime de editori de pagini web astăzi care nu necesită să cunoașteți elementele de bază ale HTML. Dar pentru a putea pregăti profesional documente hipertext trebuie să cunoașteți structura lor internă, adică codul documentului HTML.

HTML vă permite să generați diverse informații hipertext bazate pe documente structurate.

Browserul detectează linkurile generate și, prin protocolul HTTP Hypertext Transfer Protocol, vă pune documentul la dispoziția altor utilizatori de Internet. Desigur, pentru implementarea cu succes a tuturor acestor lucruri, este necesar un software care să fie pe deplin compatibil cu WWW și să accepte HTML.

II. Descriere HTML

document HTML - acesta este un fișier text obișnuit... Folosind orice browser Web, puteți vizualiza rezultatul lucrării dvs. pur și simplu încărcând în el un fișier text generat din sintaxa HTML.

Limbajul hipertext oferă informații numai în citire... Aceasta înseamnă că paginile Web pot fi editate numai de persoana care le-a creat, și nu de utilizatorul de Web obișnuit.

Cel mai elementul principal al limbajului hipertext- aceasta link-uri... Pe World Wide Web, pur și simplu faceți clic pe un link și vă găsiți instantaneu într-o altă parte a lumii pe pagina pe care o alegeți.

Etichete.

Etichetă- unitate stilizată a codului HTML.

Etichetă HTML constă din următoarele elemente, unul după altul într-o anumită ordine:

• paranteză unghiulară stângă< (такого же, как "меньше чем" символа)
• o bară oblică opțională /, ceea ce înseamnă că eticheta este o etichetă de capăt care închide o structură... Astfel, în acest context, puteți citi caracterul / ca sfarsit...
• numele etichetei, cum ar fi TITLE sau PRE
• opțional, chiar dacă eticheta le poate avea, atribute... Eticheta poate fi fără atribute sau însoțită de unul sau mai multe atribute, de exemplu: ALIGN = CENTER
• paranteza cu unghi drept> (la fel cu caracterul mai mare decât).

Majoritatea etichetelor au element de deschidere<> și acoperire.Între ei și sunt coduri pe care browserul dvs. web îl recunoaște

În astfel de cazuri, cele două etichete și partea de document separată de ele formează un bloc numit element HTML... Unele etichete ca

---

, sunt elemente HTML în sine, iar eticheta de final corespunzătoare este incorectă pentru ele.

Pentru fiecare etichetă, un set de posibile atribute... Majoritatea etichetelor permit unul sau mai multe atribute, dar este posibil să nu existe deloc atribute. Specificația atributului constă din aranjate în următoarea ordine:

• numele atributului, de exemplu WIDTH
• semn egal (=)
• o valoare de atribut care este specificată printr-un șir de caractere, cum ar fi „80”.

Întotdeauna de ajutor includeți valoarea atributului între ghilimele folosind fie ghilimele simple ("80"), fie ghilimele duble ("80"). Un șir între ghilimele nu trebuie să conțină aceleași ghilimele în interiorul său... Deci, dacă data este cuprinsă între ghilimele duble, utilizați ghilimele simple pentru ghilimelele ulterioare și invers. De asemenea, puteți omite ghilimelele pentru valorile atributelor care constau numai din următoarele caractere:

• caractere ale alfabetului englez (A - Z, a - z)
• cifre (0 - 9)
• intervale de timp
• cratime (-)