Limbajul de marcare hipertext HTML. HTML - Hypertext Markup Language Element de bază al Hypertext Markup Language Pascal

Limbajul de marcare hipertext (Html)

World Wide Web, sau, ceva la fel, World Wide Web, WWW este componenta principală a rețelei globale de computere Internet. Având originea în anii 60, internetul a fost folosit de multă vreme 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 - acesta era potrivit pentru scopuri științifice, dar interfața text UNIX destul de complexă "a limitat semnificativ domeniul de aplicare al tehnologiilor de rețea. 1989 este considerat anul nașterii World Wide Web - acest anul a fost inventat limbajul, care a devenit ulterior limbajul principal al documentelor web - acest limbaj este HTML (HyperText Markup Language - limbaj de marcare hipertext).

Autorul limbajului HTML este Tim Berners-Lee, absolvent al Universității din Oxford, lucrând apoi pe bază de contract la Geneva, în Laboratorul European pentru Fizica Particulelor (CERN, Conseil Europeen pour la Recherche Nucleaire) ca consultant software. . CERN este o organizație destul de mare și, prin urmare, pentru a naviga mai bine în structura sa, pentru a nu stoca date despre un număr mare de proiecte, oficiali etc., Tim Berners-Lee a dezvoltat programul Inquire pentru uzul său personal, pe baza dintre care câțiva ani mai târziu a fost creat un fel de spațiu informațional pentru laborator. Programul Inquire permitea așa-numita căutare „neliniară” a documentelor – adică. treceți de la un document la altul fără a face referire la cuprins sau referință.

Limbajul HTML formează baza tehnologiei hipertextului. Un document hipertext conține așa-numitele hyperlink-uri.

Limbajul 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 diferitele elemente ale acestei structuri. Etichetele de limbă, sau etichetele de control, așa cum sunt numite uneori, sunt codificate în astfel de documente într-un fel, distinse de conținutul principal al documentului și servesc drept instrucțiuni pentru programul care redă conținutul documentului pe partea clientului. Cele mai vechi sisteme foloseau simbolurile „<” и “>”, în interiorul căruia au fost plasate denumirile instrucțiunilor și parametrii acestora. Acum, acest mod de a numi etichetele este standard.

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

Limbajul HTML nu este un limbaj de programare adecvat; este un mijloc de descriere a structurii unui document, a stilului său și a relațiilor sale cu alte documente. Pentru a vizualiza documente Web, se folosesc programe speciale - așa-numitele browsere (engleză: to browse - 1) pasc, smulge lăstarii; 2) citiți, angajați-vă aleatoriu, în potriviri.) 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.

eu. Informații de bază despreHTML.

În ultimii ani, design-urile pentru web au evoluat de la pagini statice la sisteme informatice dinamice. Cu ceva timp în urmă, crearea paginilor Web moderne necesita puțin mai mult decât o comandă perfectă a limbajului de marcare hipertext (HTML).

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

HTML nu este un limbaj de programare în sensul în care este C++ sau Visual Basic; este mai mult ca 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. Toate acestea se fac prin Protocol HTTP de transfer hipertext(Protocolul de transfer hipertext).

Informațiile din documentele Web pot fi căutate prin cuvinte cheie. Aceasta înseamnă că fiecare browser Web conține anumite legături prin care se formează hyperlinkuri, permițând milioanelor de utilizatori de Internet să caute informații din întreaga lume.

Documentele hipertext se bazează pe 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, titluri, imagini și formulare Elemente de limbaj HTML.

Există o mulțime de editori de pagini web în prezent, care nu necesită să cunoașteți HTML de bază. 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 din 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 simplu. Folosind orice browser Web, puteți vizualiza rezultatul muncii dvs. pur și simplu încărcând în el un fișier text creat pe baza sintaxei HTML.

Limbajul hipertext oferă informații numai în citire. Aceasta înseamnă că doar persoana care le-a creat poate edita paginile Web, și nu un simplu utilizator web.

Cel mai elementul principal al limbajului hipertext- aceasta este 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 globului pe pagina pe care ați ales-o.

Etichete.

Etichetă- unitate stilizată a codului HTML.

Etichetă HTML constă din următoarele elemente î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 in acest context puteti citi personajul / as 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 poate fi însoțită de unul sau mai multe atribute, de exemplu: ALIGN=CENTER
• paranteza cu unghi drept > (la fel ca simbolul mai mare decât).

Majoritatea etichetelor au element de deschidere<> și inchidere .Între ei sunt coduri pe care browserul web le 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

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ă, în următoarea ordine:

• numele atributului, cum ar fi WIDTH
• semn egal (=)
• valoarea atributului, 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 duble ("80"). Un șir între ghilimele nu trebuie să conțină aceleași ghilimele în sine.. Deci, dacă data este cuprinsă între ghilimele duble, utilizați ghilimele simple pentru ghilimele ulterioare și invers. De asemenea, puteți omite ghilimelele pentru valorile atributelor care constau numai din următoarele caractere:

• Caractere din alfabetul englezesc (A - Z, a - z)
• cifre (0 - 9)
• perioade de timp
• cratime (-)

În 1989, hipertextul a reprezentat o nouă tehnologie promițătoare, care a avut un număr relativ mare de implementări, pe de o parte, iar pe de altă parte, s-au încercat să construiască modele formale de sisteme hipertext, care au fost mai descriptive în natură și au fost inspirate de succesul abordării relaționale a descrierii datelor.

HTML este un limbaj de marcare hipertext folosit pentru a codifica documente. Limbajul HTML este un set de comenzi în funcție de care browserul afișează conținutul documentului, comenzile HTML nu sunt afișate. HTML implementează un mecanism de link hipertext care leagă un document la altul. Aceste documente pot fi localizate pe același server cu pagina de la care sunt legate sau pot fi găzduite pe un alt server.

Ideea de HTML este un exemplu de soluție extrem de reușită la problema construirii unui sistem hipertext cu ajutorul unui instrument special de control al afișajului.

Legăturile hipertext contextuale au fost recunoscute ca fiind cea mai eficientă formă de organizare a hipertextului și, în plus, a fost recunoscută împărțirea în legături asociate întregului document ca întreg și cu părțile sale individuale.

Toate documentele HTML au aceeași structură, definită de un set fix de etichete de structură. Un document HTML trebuie să înceapă întotdeauna cu o etichetă< HTML >și se încheie cu eticheta de final corespunzătoare (). Există două secțiuni principale în document: secțiunea titluri și corpul documentului, în această ordine. Secțiunea de titlu conține informații care descriu documentul ca întreg și se limitează la etichete<НЕАD>și. În special, secțiunea de antet ar trebui să conțină titlul general al documentului, delimitat de eticheta pereche<ТITLE>.

). Cu toate acestea, nu este recomandat să omiteți etichetele structurale atunci când creați un document HTML. Cel mai simplu document HTML adecvat care conține toate etichetele care definesc structura ar putea arăta astfel:

< TITLE >Titlul documentului< /TITLE >

Textul documentului

elemente HTML.

Pentru etichetele pereche, domeniul de aplicare este determinat de partea documentului dintre etichetele de deschidere și de închidere. Această parte a documentului este considerată un element al limbajului HTML. Deci, putem vorbi despre „elementul BODY” care include eticheta, corpul documentului și eticheta de final. Întregul document HTML. poate fi considerat ca un „element HTML”. Pentru etichetele nepereche, elementul se potrivește cu eticheta care îl definește.

Cele mai multe elemente ale limbajului HTML. descrie părți din conținutul documentului și este plasat între etichete . și, adică în interiorul elementului structural BODY. Astfel de elemente sunt împărțite în bloc și text. Elementele bloc se referă la secțiuni ale textului la nivel de paragraf. Elementele de text descriu proprietățile frazelor individuale și chiar mai multe părți mici ale textului.

Acum putem formula regulile pentru imbricarea elementelor.

Elementele nu trebuie să se suprapună. Cu alte cuvinte, dacă eticheta de deschidere se află în interiorul unui element, atunci eticheta de final corespunzătoare trebuie să fie în interiorul aceluiași element.

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.

Elemente de bloc funcțional.

În majoritatea documentelor, titlurile și paragrafele sunt principalele elemente funcționale. limbaj HTML. acceptă șase niveluri de titluri. Sunt setate folosind etichete asociate de la<Н1>inainte de<Н6>. Când sunt afișate, documentele Web sunt redate folosind acest mod; etichetă (document pe ecranul computerului, aceste elemente sunt afișate folosind fonturi de diferite dimensiuni.

Paragrafele normale sunt setate folosind o etichetă pereche<Р>. limbaj HTML. nu conține mijloace pentru crearea unei liniuțe de paragraf („linie roșie”), prin urmare, atunci când sunt afișate pe ecranul unui computer, paragrafele sunt separate printr-o linie goală. Etichetă de închidereconsiderată opțională. Se înțelege că se află înaintea etichetei care stabilește începutul următorului paragraf al documentului. De exemplu:

antet

<Р>Primul paragraf<Р>Al doilea paragraf

Titlu al doilea nivel

O consecință a prezenței unei etichete speciale care definește un paragraf este faptul că caracterul obișnuit de final de linie, introdus prin apăsarea tastei ENTER, nu este suficient pentru a crea o indentare de paragraf. limbaj HTML. tratează caracterele de la sfârșitul rândului și spațiile într-un mod special. Orice secvență; format numai din spații și caractere de sfârșit de rând, este tratat ca un singur spațiu atunci când documentul este afișat. Acest lucru, în special, înseamnă că caracterul de sfârșit de linie nici măcar nu realizează o nouă linie (în acest scop, elementul de text specificat de eticheta neîmperecheată
.

O riglă orizontală poate fi folosită și ca delimitator de paragraf. Acest element este specificat de o etichetă neîmperecheată

---

. Când un document este afișat pe ecran, o riglă separă părți ale textului unele de altele. Lungimea și grosimea acestuia sunt stabilite de atributele etichetei.

---

.

---

Această etichetă creează o riglă orizontală lată de 10 pixeli care se întinde pe jumătate din lățimea ferestrei și este poziționată la dreapta.

Dezvoltarea site-urilor web este una dintre posibilitățile pe scară largă ale industriei moderne de internet. Crearea propriu-zisă a site-urilor, în principiu, nu este cu mult mai complicată decât crearea cutiilor poștale electronice personale și a cărților de vizită electronice.

Pentru a crea un site, ai nevoie, în primul rând, de un server conectat la Internet, pe care să poți plasa hypertextele necesare. În plus, este necesar să înregistrați numele saiga la furnizorul care deservește serverul selectat.

Pe Internet, puteți găsi furnizori care oferă site-uri de deschidere gratuite pe serverele lor. Site-urile gratuite pot fi deschise pe serverele interne narod.ru, boom.ru, hotmail.ru și pe servere străine, precum geocities.com, tripod.com.

Pe serverele specificate, puteți înregistra nume de domenii de forma:

<имя>. oameni.ru

nume>.boom.ru,

Exemple de nume de domenii înregistrate:

wdu.da.ru - site-ul universității electronice;

wduniv.newmail.ru - site-ul unei universități distribuite.

După înregistrarea numelui de domeniu al site-ului, pe acesta pot fi plasate hipertexte. Plasarea hipertextelor pe site se realizează cu ajutorul unor programe speciale care vă permit să creați, editați, acumulați și copiați o varietate de hipertexte. Imediat după plasarea primei pagini (principale) de hipertext, informațiile acesteia pot fi citite folosind un browser din orice țară de pe orice computer conectat la Internet. Pentru a face acest lucru, adresa site-ului de pe Internet este indicată în fereastra browserului. De exemplu: http://bak.boom.ru

Toate fișierele găzduite trebuie să fie hipertext, scrise în format HTML și să aibă identificatori ai formularului<имя>.html

HTML este limbajul de marcare hipertext.

După structură, hipertextul este un text cu link-uri către alte hipertexte găzduite pe acest server sau pe alte servere. Când faceți clic pe un astfel de link, browserul încarcă automat o pagină de hipertext pe ecranul computerului, indiferent de ce server și în ce țară se află.

Cu ajutorul acestor instrumente și programe de pe Internet, pot fi create o mare varietate de site-uri și sisteme de informare - site-uri personale, site-uri ale companiilor, ziare electronice, reviste, cărți electronice, enciclopedii, precum și arhive și biblioteci electronice.

Diferența dintre site-uri constă în cantitatea de informații, structura acestora și procedurile de actualizare. În general, pentru site-urile de pe Internet, precum și pentru orice organizație, putem vorbi despre ciclurile de viață ale creării, dezvoltării, modernizării și lichidării acestora.

Cantitatea de informații este determinată de proprietari - persoane sau organizații care au creat site-uri și își plasează informațiile pe acestea. Volumul de informații de pe site-uri poate varia de la câțiva kilobytes până la câțiva gigabytes (milioane de kilobytes).

Structura site-urilor poate fi foarte diversă. Cea mai simplă structură este pagina principală cu link-uri către un set de texte. Aceste link-uri pot fi în textul paginii principale sau pot ieși în evidență în cuprinsul de la începutul paginii.

Fiecare pagină a site-ului poate fi prevăzută cu un titlu care apare pe linia de sus a ecranului atunci când site-ul este încărcat de browser.

În plus, pe pagina principală a site-ului, puteți specifica o listă de cuvinte cheie pentru motoarele de căutare.

Motoarele de căutare scanează săptămânal toate serverele de pe Internet și înregistrează adresele tuturor site-urilor și hypertextelor pe care le găsesc, împreună cu cuvintele cheie evidențiate în acestea. Din aceste motive, nu mai târziu de o săptămână mai târziu, orice informație publicată pe internet poate fi găsită folosind cuvintele cheie conținute în acestea.

SGML(English Standard Generalized Markup Language - un limbaj de marcare generalizat standard; pronunțat [s-g-em-el]) - un metalimbaj în care puteți defini limbajul de marcare pentru documente. SGML este succesorul GML (Generalized Markup Language) de la IBM, dezvoltat în 1969, care nu trebuie confundat cu Geography Markup Language dezvoltat de Open GIS Consortium.

SGML a fost dezvoltat 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 industria tipografică și editorială, dar complexitatea sa a făcut dificilă adoptarea lui pe scară largă pentru utilizarea de zi cu zi.

Părțile principale ale unui document SGML:

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

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

Specificația semantică, referitoare 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ă existe un element rădăcină.

SGML oferă multe opțiuni de marcare sintactică pentru utilizare de către diverse aplicații. Schimbând declarația SGML, poți chiar să refuzi să folosești paranteze 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 provin din SGML. HTML este o aplicație a SGML, iar XML este un subset al SGML conceput pentru a simplifica procesul de parsare 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, hypertext markup language). Cu toate acestea, ar fi o greșeală gravă să îl percepem doar ca un fel de versiune îmbunătățită a limbajului HTML. În esență, XML este o nouă generație de limbaje de marcare. Aici ar trebui să țineți cont de 3 puncte care disting 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 PREDEFINITE - mai exact, fiecare dezvoltator își poate crea PROPRIILE tag-uri 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 a evoluat, numărul de etichete a crescut rapid. În cele din urmă, numărul lor a atins o „valoare critică” - a devenit dificil pentru dezvoltatorii de documente web să-și amintească din ce în ce mai multe etichete noi, dar dezvoltatorii de browsere s-au găsit într-o poziție și mai proastă - au fost nevoiți să creeze noi versiuni de browsere care să " înțelegeți" noi etichete. Browserele mai inteligente devin din ce în ce mai mari și mai solicitante pentru computerele pe care rulează. Problema este agravată de faptul că, recent, dispozitivele portabile au devenit din ce în ce mai populare (în special, sunt din ce în ce mai utilizate în comerțul electronic), cu memorie limitată și ecrane „slabe” și, prin urmare, browserele utilizate pe ele au doar foarte limitate. capabilități. Limbajul XML, care nu are un sistem de etichete predefinit, rezolvă această problemă. „Taxa” pentru universalitate este severitatea mai mare a designului documentelor web. Regulile pentru formatarea documentelor XML sunt simple:

containerele de etichete 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 tratate ca caractere diferite

cuvintele cheie nu pot fi folosite ca nume de etichete

Numele etichetelor nu pot conține spații, semne de punctuație, rotunde, pătrate sau paranteze

Sublinierea (_) și numerele pot apărea în numele etichetelor, dar numărul nu poate fi primul caracter al numelui etichetei

(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 STYLINGUL ESTE. După cum știți, una dintre modalitățile de a izola datele din structura documentului este conectarea dinamică a DBMS la documentele web prin interfața ODBC (Open DataBase Connectivity). Separarea 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 de „legare” a XML este greu de supraestimat. Datorită posibilității de 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. În esență, 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 simboluri încorporate

Ș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) - Hypertext Transfer Protocol, care vă permite să introduceți acorduri cu privire la modul în care sunt prezentate datele atunci când interacționați cu un client și un 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 este conform cu unul dintre tipurile MIME, și anume text/html. În plus, HTML este o dezvoltare conformă cu 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 (linii) sunt caractere de control. Aceste simboluri se numesc etichete și definesc structura documentului.

Documentele HTML trebuie să înceapă cu eticheta la începutul fișierului și se termină cu eticheta. Între aceste etichete, documentul HTML este organizat ca un document HEAD și BODY, 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 evidenția cuvinte individuale și propoziții întregi cu stilul și de a crea link-uri 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. Totuși, acest lucru nu este recomandat deoarece structura HEAD/BODY permite aplicațiilor să determine caracteristicile documentului (cum ar fi titlul) fără a fi nevoie să se uite 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 final. Caracterele delimitare pentru eticheta de deschidere sunt „<" и ">"; pentru închidere - "". De exemplu:

Acesta este titlul

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
. De asemenea, 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. Î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 a unui document. Ceea ce înseamnă, de exemplu, că HTML tratează doar un antet de primul nivel ca un titlu de prim nivel, dar nu specifică faptul că antetul de la primul nivel ar trebui să fie afișat cu dimensiunea fontului de 24 de ori în partea centrală de sus a paginii. Avantajul acestei abordări este că, dacă utilizatorul decide să schimbe titlul de la primul nivel la Helvetica mărimea 20 justificat stânga, tot ce trebuie să facă este să schimbe definiția titlului de la primul nivel în vizualizatorul său WWW. Astfel, reprezentarea specifică a documentului pe ecranul monitorului este determinată de utilizatorul unui anumit client.

Principalul punct forte al HTML constă în capacitatea sa de a lega zone de text (precum și imagini) la alte documente. Browserele evidențiază aceste zone (de obicei cu culoare și/sau subliniere) pentru a indica faptul că sunt legături hipertext. Ancora este o bucată de text care marchează începutul și/sau sfârșitul unui link hipertext. Textul dintre eticheta 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 unei adrese de rețea este similar cu un URL. Acest lucru permite structurii HREF="#identifier" să se refere la o altă ancoră în documentul curent sau într-un document la distanță specificând adresa sa înainte de semnul „#”.

Opțional. Dacă este prezentă, permite ca ancora să fie utilizată ca destinație a legăturii. Valoarea atributului este identificatorul ancorei. Un șir de text obișnuit poate fi folosit ca valoare a identificatorului, 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.

3. Limbajul hipertext HTML

Hipertextele trebuie să înceapă cu un cuvânt și să se termine cu un cuvânt. Cuvintele dintre paranteze unghiulare sunt numite etichete în HTML și descriptori în programare. Aproape toate etichetele HTML sunt asociate - și, și, etc.

Etichetele pereche evidențiază un anumit fragment de hipertext - „titlu”, „corp”, etc. Prima etichetă începe fragmentul, iar a doua îl termină. Descriptorii de închidere preced numele cu un semn de fracție / .

Structura generală a hipertextelor scrise în limbajul HTML:

hipertext::= corpul titlului

titlu::= titlu

titlu::= titlu

body::= text

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

Titlul hipertextului trebuie 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). Un hipertext 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 hipertextele electronice și textele obișnuite pe hârtie este includerea de hyperlinkuri, clic pe care provoacă încărcarea de noi hipertexte.

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

Hipertext: Rezultat:

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

Dimensiunile ecranului computerului au următorul interval. 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, hipertextele pot arăta diferit pe diferite ecrane.

Structura generală a hipertextelor și afișarea lor pe ecranul computerului:

Hipertext: Rezultat:

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

corpul textului

text::= titlu ( text ) |

lista ( text ) |

tabel ( text ) |

Titlurile hipertextului sunt formatate după cum urmează:

antet::=

titlu

antet::=

titlu

antet::=

titlu

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

Paragrafele din hipertexte încep cu un descriptor

hipertext |

Trecerea la o nouă linie și paragrafe este indicată de un descriptor . Paragraful care se termină p> este opțional, dar este obligatoriu atunci când se utilizează opțiuni în eticheta de paragraf.

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

align=center - spre centrul ecranului:

align=left - la marginea stângă;

align=right - la marginea din dreapta;

align=justify - ecran complet.

Pentru alinierea paragrafelor, trebuie ales un singur stil comun, care trebuie aplicat tuturor în toate hipertextele de pe site.

Pentru proiectarea hipertextelor, limbajul de marcare HTML are o gamă bogată de fonturi, stiluri și resurse. Cel mai simplu mijloc de proiectare este selectarea cuvintelor pentru a atrage atenția cititorilor site-ului web asupra anumitor părți ale textelor.

Pentru a evidenția cuvintele din hipertexte, puteți folosi caractere aldine sau subliniate folosind următoarele etichete:

Simboluri mari

font aldine

cursiv i>

subliniază

barat

simboluri mici

Selectarea fontului în hipertexte este stabilită de etichetă :fonts::=font text>

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

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

Tipul fontului este stabilit de parametru

fata = font

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

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

font text>

Nume standard de culori în limbajul HTML:

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

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

Pentru proiectarea hipertextelor, este mai bine să luați ca model o carte sau o revistă bună publicată de o editură profesionistă sau o carte electronică, un ziar sau un site de internet conceput profesional al altcuiva.

Un singur stil de design este o caracteristică 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.

Fragmentele 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 hyperlink-urilor externe:

unde „adresa” este adresa hipertextului din cadrul site-ului sau de pe un alt server de 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, site-urile organizează plasarea tuturor desenelor, fotografiilor și a altor ilustrații grafice. Pentru a face acest lucru, toate fișierele cu ilustrații grafice sunt înregistrate preliminar pe site.

Fișierele grafice sunt de obicei plasate pe site-uri și într-un folder separat numit imagine. Descărcarea ilustrațiilor pe ecranele computerelor utilizatorilor este efectuată de browsere care utilizează operatori :

Forma generală a declarațiilor de încărcare pentru ilustrațiile grafice este:

Dispunerea ilustrațiilor pe ecranul computerului este specificată de parametrii de aliniere: align=left - left, align=right - right. În acest caz, textul curge în jurul ilustrațiilor, 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 =top - la marginea de sus, align=bottom - la marginea de jos a ecranului sau aliniate la mijlocul ecranului - aliniere = mijloc.

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

inaltime:= inaltime= "inaltime"

width:= width="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. 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 computerelor cu o dimensiune minimă. Dacă macaraua computerului este mai mare, atunci ilustrațiile vor ocupa doar o parte din ea.

Listele hipertext sunt liste cu numerotare sau selectare a elementelor listei. Toate elementele încep cu etichete