Limbajul de marcare hipertext HTML. Limbajul de marcare hipertext HTML

Hyper Text Markup Language (HTML) - un limbaj de marcare hipertext - este destinat scrierii de documente hipertext publicate pe World Wide Web.

Un document hipertext este un fișier text care are semne speciale, numite etichete, care sunt ulterior recunoscute de browser și utilizate de acesta pentru a afișa conținutul fișierului pe ecranul computerului.

Folosind aceste semne, puteți evidenția titlurile documentelor, puteți schimba culoarea, dimensiunea și stilul literelor și puteți introduce grafice și tabele. Dar principalul avantaj al hipertextului față de textul obișnuit este capacitatea de a adăuga hyperlinkuri la conținutul unui document - constructe speciale de limbaj HTML care vă permit să faceți clic pe mouse pentru a vizualiza un alt document.

document HTML constă din două părți: textul în sine, adică datele care alcătuiesc conținutul documentului și etichete - construcții speciale de limbaj HTML utilizate pentru a marca documentul și a controla afișarea acestuia. Etichetele de limbaj HTML determină sub ce formă va fi prezentat textul, care dintre componentele sale vor acționa ca link-uri hipertext și ce obiecte grafice sau multimedia ar trebui incluse în document.

Informațiile grafice și audio incluse într-un document HTML sunt stocate în fișiere separate. Vizualizatori de documente HTML ( browsere) interpretează steaguri de marcare și aranjează textul și graficele pe ecran în consecință. Pentru fișierele care conțin documente HTML, extensiile acceptate sunt .htm sau .html.

În cele mai multe cazuri, etichetele sunt folosite în perechi. Perechea este formată dintr-o deschidere<имя_тега>si inchidereEtichete Efectul oricărei etichete asociate începe acolo unde este întâlnită eticheta de deschidere și se termină când este întâlnită eticheta de închidere corespunzătoare. Adesea se numește o pereche formată dintr-o etichetă de deschidere și de închidere recipient, iar partea de text mărginită de etichetele de deschidere și de închidere este element.

Secvența de caractere care alcătuiește textul poate consta din spații, tab-uri, linii noi, întoarceri de cărucior, litere, semne de punctuație, numere și caractere speciale (cum ar fi #, +, $, @), cu excepția următoarelor patru caractere, care au In HTML, semnificațiile speciale sunt (mai mare decât), & (ampersand) și „ (ghilimele duble). Dacă trebuie să includeți oricare dintre aceste caractere în text, trebuie să îl codificați cu o secvență specială de caractere.

Structura documentului HTML

Cea mai importantă etichetă HTML este eticheta cu același nume. . Deschide întotdeauna documentul, la fel ca o etichetă trebuie să apară cu siguranță în ultima sa rânduială. Aceste etichete indică faptul că liniile dintre ele reprezintă un singur document hipertext. Fără aceste etichete, un browser sau alt vizualizator nu este în măsură să identifice formatul documentului și să-l interpreteze corect.

Un document HTML este format din două părți: un cap și un corp, aranjate în următoarea ordine:

Titlul documentului Corpul documentului

Cel mai adesea, o etichetă asociată este inclusă în titlul documentului ... , definind titlul documentului. Mulți spectatori îl folosesc ca titlu al ferestrei în care este afișat documentul. Programele care indexează documente pe Internet folosesc titlul pentru a identifica pagina. Un titlu bun ar trebui să fie suficient de lung pentru a identifica corect pagina corespunzătoare, dar în același timp ar trebui să se încadreze în titlul ferestrei. Titlul documentului se potrivește între etichetele de deschidere și de închidere.

Corpul documentului este un element obligatoriu, deoarece conține tot materialul documentar. Corpul documentului este plasat între etichete Și. Tot ceea ce este plasat între aceste etichete este interpretat de browser în conformitate cu regulile limbajului HTML, permițând afișarea corectă a paginii pe ecranul monitorului.

Textul în HTML este împărțit în paragrafe folosind o etichetă<р>. Este plasat la începutul fiecărui paragraf, iar privitorul, când îl întâlnește, separă paragrafele unul de celălalt cu o linie goală. Folosind o etichetă de închiderenu este necesar.

Dacă doriți să „rupeți” textul, mutându-l pe un rând nou, fără a selecta un nou paragraf, utilizați eticheta de întrerupere de linie
. Forțează spectatorul să afișeze caracterele care îl urmează pe o nouă linie. Spre deosebire de eticheta de paragraf,
nu adaugă o linie goală. Această etichetă nu are o etichetă de închidere asociată.

Limbajul HTML acceptat formatarea logica si fizica a continutului documentului. Formatarea logică indică scopul unei anumite porțiuni de text, în timp ce formatarea fizică determină aspectul acesteia.

Folosind formatare logica text, browserul selectează diferite părți ale textului în conformitate cu structura documentului. Pentru a afișa titlul, se folosește una dintre etichetele de titlu. Titlurile dintr-un document tipic sunt împărțite în niveluri. HTML vă permite să setați șase niveluri de titluri: h1 (titlu de prim nivel), h2, h3, h4, h5 și h6. Titlul de la primul nivel este de obicei mai mare și mai bogat decât titlul de al doilea nivel. Exemplu de utilizare a etichetelor de antet:

l. Titlul capitolului

ll. Titlul secțiunii

Etichete formatare fizică setați direct aspectul textului pe ecranul browserului, de exemplu, un cuplu evidențiază textul cu caractere aldine, setează sublinierea textului, controlează fontul textului.

Etichetă inserează o imagine într-un document ca și cum ar fi doar un caracter mare. Exemplu de utilizare a unei etichete:

Pentru a crea link hipertext sunt folosite câteva etichete<а>... . O bucată de text, o imagine sau orice alt obiect situat între aceste etichete este afișată în fereastra browserului ca link hipertext. Activarea unui astfel de obiect face ca un nou document să fie încărcat în fereastra browserului sau să fie afișată o altă parte a paginii Web curente. O legătură hipertext se formează folosind expresia:

Href este un atribut obligatoriu aici, a cărui valoare este adresa URL a resursei solicitate. Ghilimele în specificarea valorii atributului href sunt opționale. Dacă este specificată o legătură către un document de pe alt server, atunci tipul de hyperlink este următorul:

<а href = "http://www.school.donetsk.ua/11.jpg">Foto 11-A

Folosind diverse etichete, puteți desena tabele, formata text, inserați imagini, videoclipuri, fișiere de sunet etc. într-un document.

MINISTERUL EDUCAȚIEI ȘI ȘTIINȚEI DIN UCRAINA

UNIVERSITATEA NAȚIONALĂ SKHIDNOUKRAINIANĂ

Numit după Volodymyr Dahl

Departamentul de Informatică

Prin disciplină

Design computer și multimedia

StudentBoldakova I.V.

1. Introducere

3.1 Editore HTML

4. Crearea site-ului web folosind CMS Joomla 1.5.7

Literatură

1. Introducere

World Wide Web - o rețea globală de calculatoare astăzi conține milioane de site-uri care conțin tot felul de informații. Oamenii accesează aceste informații prin utilizarea tehnologiei Internet. Pentru a naviga pe WWW se folosesc programe speciale - browsere Web, care facilitează foarte mult călătoria prin vastele întinderi ale WWW.Toate informațiile din browserul Web sunt afișate sub formă de pagini Web.

Paginile web, care suportă tehnologia multimedia, combină diverse tipuri de informații: text, grafică, sunet, animație și video. Succesul său pe Internet depinde în mare măsură de cât de bine și de frumos este realizată o anumită pagină Web.

Utilizatorul este încântat să viziteze acele pagini Web care au un design elegant, nu sunt împovărate cu grafică și animație excesive, se încarcă rapid și sunt afișate corect în fereastra browserului Web.

Crearea unei pagini Web nu este ușoară, dar probabil toată lumea ar dori să se încerce ca designer. Și în acest caz, nu fac excepție, motiv pentru care am ales acest subiect pentru munca mea de curs.

În eseul meu, am încercat să înțeleg ce trebuie să știi și să poți face pentru a crea o pagină Web, ce software este un instrument pentru crearea paginilor Web și cum să-l folosești eficient.

De asemenea, în această lucrare am trecut în revistă elementele de bază ale limbajului de programare a paginilor Web - HTML, care este un standard WWW general acceptat. Acest lucru ne va oferi oportunitatea de a ne familiariza cu structura unei pagini Web și tehnicile de proiectare adecvată a acesteia. Ne vom uita, de asemenea, la crearea unui site web folosind CMS Joomla.

2. Luați în considerare limbajul de marcare hipertext HTML

Paginile web pot exista în orice format, dar este acceptat ca standard Limbajul de marcare hipertext- un limbaj de marcare hipertext conceput pentru a crea text formatat bogat în imagini, sunet, animație, clipuri video și link-uri hipertext către alte documente.

Puteți lucra pe Web fără a cunoaște limbajul HTML, deoarece textele HTML pot fi create de diferiți editori și convertori speciali. Dar scrierea directă în HTML nu este dificilă. Poate fi chiar mai ușor decât să înveți un editor sau un convertor HTML, care sunt adesea limitate în capacitățile lor, sunt greșite sau produc HTML slab care nu funcționează pe platforme.

Limbajul HTML vine în mai multe variante și continuă să evolueze, dar constructele HTML vor continua probabil să fie folosite în viitor. Învățând HTML și înțelegându-l mai profund, creând un document la începutul învățării HTML și extinzându-l cât mai mult posibil, suntem capabili să creăm pagini Web care pot fi vizualizate de multe browsere Web, atât acum, cât și în viitor. Acest lucru nu exclude posibilitatea de a utiliza alte metode, cum ar fi metoda avansată oferită de Opera, Google Chrome, Internet Explorer sau alte browsere.

Lucrul cu HTML este o modalitate de a învăța dezavantajele creării documentelor într-un limbaj standardizat, folosind extensii doar atunci când este cu adevărat necesar.

HTML a fost ratificat de World Wide Web Consortium. Este acceptat de toate browserele.

Deoarece documentele HTML sunt scrise în format ASCI I, orice editor de text poate fi folosit pentru a le crea.

De obicei, un document HTML este un fișier cu extensia .html sau . htm, în care textul este marcat cu etichete HTML (etichetă engleză - instrucțiuni speciale încorporate). HTML definește sintaxa și plasarea etichetelor în funcție de care browserul afișează conținutul unui document Web. Textul etichetelor în sine nu este afișat de browserul web.

Toate etichetele încep cu „<" и заканчиваются символом ">". De obicei există o pereche de etichete - o etichetă de început (deschidere) și o etichetă de sfârșit (închidere) (asemănătoare cu parantezele de deschidere și de închidere din matematică), între care sunt plasate informațiile de marcare:

informație

Aici eticheta de pornire este eticheta

Iar cele finale -

. Eticheta de sfârșit diferă de eticheta de început doar prin faptul că are paranteze înaintea textului<>există un simbol" / " (bară oblică).

Un browser care citește un document HTML îl afișează într-o fereastră folosind structura etichetelor HTML. Fiecare document HTML trebuie să aibă trei părți principale:

A) declarație HTML;

B) Partea antet;

C) Corpul documentului .

A) Declarație HTML

Și. O pereche de aceste etichete îi spune vizualizatorului (browserului) că există un document HTML închis între ele, iar prima etichetă din document ar trebui să fie eticheta (la începutul documentului) și în sfârșit -(la sfârșitul documentului).

B) Partea antet.

Și. Între aceste etichete se află informații despre document (titlu, cuvinte cheie de căutare, descriere etc.). Cu toate acestea, cel mai important lucru este titlul documentului, pe care îl vedem în linia de sus a ferestrei browserului și în listele „Favorite (BookMark)”. Programele speciale spider ale motoarelor de căutare folosesc titlul documentului pentru a-și construi bazele de date. Pentru a da un titlu documentului HTML, textul este plasat între etichete Și.

Prima mea pagină

C) Corpul documentului.

A treia parte principală a documentului este corpul său. Urmează imediat titlul și se află între etichete Și. Prima ar trebui să fie imediat după etichetă, iar al doilea este înainte de etichetă. Corpul unui document HTML este locul în care autorul plasează informații formatate folosind HTML.

Prima mea pagină ..........

Acum putem scrie codul HTML pentru pagina noastră:

Prima mea pagină Paginile mele vor fi aici!

În secțiunea BODY, toate filele și rupturile de rând sunt ignorate de browser și nu afectează în niciun fel afișarea paginii. Prin urmare, o întrerupere de linie în textul sursă al unui document HTML nu va începe o nouă linie în textul afișat de browser decât dacă sunt prezente etichete speciale. Această regulă este foarte important de reținut și nu uitați să puneți etichete care separă liniile, altfel textul nu va avea paragrafe și va deveni ilizibil.

Pentru a începe o nouă linie, utilizați eticheta
(abreviat din engleză break - interrupt). Această etichetă face ca browserul să afișeze mai mult text de la începutul rândului următor. Nu este folosită nicio etichetă de închidere. Este convenabil dacă trebuie să scrieți dintr-un rând nou la un moment dat fără a începe un nou paragraf, de exemplu, într-o poezie. Folosirea din nou vă permite să inserați una sau mai multe linii goale, deplasând următorul fragment al paginii în jos.

Textul continuu fără goluri nu este foarte ușor de citit; este incomod să priviți și să găsiți locurile potrivite. Împărțit în paragrafe, textul este perceput mult mai rapid. Eticheta este folosită pentru a începe un nou paragraf

(paragraf în engleză - paragraf). Această etichetă, pe lângă începerea unei noi linii, inserează o linie goală. Dar repetarea repetată

Spre deosebire de
, nu va duce la apariția mai multor linii goale, va exista în continuare aceeași linie goală.

În parantezele unei etichete, pe lângă numele acesteia, pot fi plasate și atribute. Ele sunt separate de nume și unele de altele prin spații (unul sau mai multe) și sunt scrise sub formă Numele atributului ="sens". Dacă valoarea nu conține spații, atunci ghilimelele pot fi omise, dar acest lucru nu este recomandat. Tag

Poate conține un atribut ALIGN care specifică alinierea paragrafelor. În mod implicit, un paragraf este aliniat la stânga ALIGN="left". Alinierea la dreapta ALIGN="right" și alinierea la centru ALIGN="center" sunt de asemenea posibile. Când utilizați atribute, ar trebui să utilizați o etichetă de închidere după textul formatat

. Dacă nu este acolo, atunci o nouă etichetă

Înseamnă închiderea celui precedent, respectiv imbricat

Imposibil. De asemenea, este posibil să centrați textul folosind eticheta

Acum putem pune niște text cu aliniamente diferite pe pagina noastră web:

Prima mea pagină

Paginile mele personale vor fi aici!

Pe ele găsiți: - o poveste despre mine și hobby-urile mele; - fotografiile mele.

Din una din paginile mele va fi posibil
Trimite-mi un email.

3. Instrumente pentru crearea paginilor Web

3.1 Editore HTML

Fiecare își alege propriul instrument pentru a crea pagini web. Acesta ar putea fi MS FrontPage sau Macromedia DreamWeaver, Allaire HomeSite sau 1st Page. Și unii oameni folosesc un editor de text simplu, cum ar fi Notepad.

Editorii de text pot fi folosiți doar pentru a crea pagini mici, deoarece au multe dezavantaje: proiectele nu sunt acceptate, nu există „evidențierea” textului, în general, este extrem de incomod să lucrezi.

Principalul dezavantaj al MS FrontPage este că generează cod HTML foarte mare (prea multe lucruri inutile), astfel încât paginile se dovedesc a fi mari, ceea ce afectează viteza de încărcare. Mai mult, atunci când creați pagini Web în acest editor vedeți un lucru, dar în fereastra browserului vedeți ceva complet diferit. Paginile se dovedesc a fi oarecum strâmbe, așa că pentru a crea pagini Web de înaltă calitate, se recomandă utilizarea pachetelor care vor fi discutate mai jos.

Vom începe cu popularul Macromedia DreamWeaver. Macromedia este considerat un lider în producția de software pentru crearea de site-uri web, precum și un trendsetter în acest domeniu.

Hyper Text Markup Language, sau pur și simplu HTML, este limbajul principal pentru crearea paginilor web. În acest articol vom oferi o introducere foarte generală a limbajului HTML.

Limbajul de marcare hipertext

Un document HTML este construit pe baza etichetelor. Etichetele creează structura unui document. Etichetele principale sunt împerecheate. Aceasta înseamnă că, dacă există o etichetă de deschidere ca<…>, atunci trebuie să existe o etichetă de închidere cu o bară oblică. Este de remarcat faptul că există și etichete neîmperechete.

Întregul document HTML este înconjurat de două etichete … . După cum puteți vedea, sunt împerecheate. În plus, documentul HTML trebuie să conțină o singură etichetă de validareindicând tipul documentului curent.

HTML 4 are trei validatoare, HTML 5 are un validator. Structura etichetei HTML 5 este următoarea:

Exemple:

pentru documente HTML 4.
uniform pentru toate documentele HTML5.

Structura documentului HTML

Un document HTML este format dintr-un antet și un corp. Titlul este încadrat cu etichete … . Corpul documentului este încadrat cu etichete asociate … .

Exemplu: Cadrul de bază al unui document HTML 5 ar trebui să aibă următoarea structură:

Iată un loc pentru un titlu Iată textul documentului

Structura antetului

Titlu … , include mai multe etichete speciale. Principalele sunt etichetele: Și .

eticheta de titlu

Acesta este titlul documentului, afișat în partea de titlu a paginii.

metaetichetă

Meta-etichetă, sau mai degrabă meta-etichete, deoarece pot exista mai multe astfel de etichete într-un singur document. conţine informaţii speciale. De exemplu, trebuie să existe o metaetichetă care să indice codarea documentului:

Meta-etichetele de descriere și cuvinte cheie sunt importante pentru indexarea paginilor web:

Observ că motoarele de căutare moderne au încetat să „vadă” cuvintele cheie, dar acest lucru nu anulează utilizarea lor. Nimeni nu a anulat conectarea internă.

Exemplu de pagină web în HTML

Iată o pagină web HTML de bază:

<i>Pagina mea web preferată</i> Prima mea pagină web și, prin urmare, preferată.

Învățarea elementelor de bază ale HTML este imposibilă fără a studia și utiliza editori de text speciali. Pentru că trebuie să tastați orice text pe o pagină HTML numai într-un editor de text precum: NotePad++, Sublime Text2 etc. După ce ați tastat documentul, trebuie să îl salvați cu extensia htm sau html. Deschidem fișierul creat în orice browser pe care îl utilizați.

Structura corpului documentului

Textul din document (în etichete ) este, de asemenea, împărțit în titluri și părți pe etichete.

Etichete de titlu și paragraf

Textul documentului poate fi încadrat cu etichete speciale.
Paragraful este evidențiat cu etichete

Titlurile secțiunilor de text sunt evidențiate cu etichete

, inainte de

Etichetele de antet sunt organizate într-o formă ierarhică, iar numărul din etichetă indică adâncimea de imbricare a antetului.

Exemplu de utilizare a etichetelor

<i>Pagina mea web preferată</i>

Un paragraf din pagina mea preferată

h1 Categoria de produse

h2 Categoria de produse

h3 Categoria de produse

h4 Categoria de produse

h5 Categoria de produse

h6 Categoria de produse

Atributele etichetei

Unul dintre atributele principale ale etichetelor este un atribut de formatare numit align. alinierea valorii atributului:

stânga - aliniați la stânga,
centru - se aliniază la centru,
dreapta - aliniați la dreapta,
justificare – aliniere simetrică de-a lungul a două margini.

Exemplu:

Pagina mea web preferată

h1 Produs

h2 Produs

h3 Produs

Această formatare se numește fizică și este practic învechită. Pentru formatare, este mai bine și recomandat să folosiți Cascading Style Sheets (CSS).

Liste

Standardul HTML modern prevede crearea a trei tipuri principale de liste:

Liste neordonate;
Liste numerotate (listă ordonată);
Lista de definiții.

Să ne uităm la fiecare tip de listă.

Liste cu marcatori

Listele cu marcatori sunt specificate prin etichete (listă neordonată). Etichetele sunt folosite pentru a crea fiecare element din listă Și(Lista de obiecte).

Exemplu:

Produsul 1 din lista de produse
Produsul 2 din lista de produse
Produsul 3 din lista de produse

Puteți plasa etichete de titlu în listă:

Titlul listei

Produsul 1 din lista de produse
Produsul 2 din lista de produse
Produsul 3 din lista de produse

Markerii, adică pictogramele vizibile în fața elementelor din listă, se pot schimba, iar aspectul lor este specificat de atributele tipului. Atributele tipului pot fi: cerc (cerc neumplut), disc (cerc umplut) și pătrat (pătrat umplut). Valoarea implicită este atributul discului. Un exemplu de utilizare a unui marcator cu atributul disc:

Produsul 1 din lista
Produsul 2 din lista
Produsul 3 din lista

Liste numerotate

Liste numerotate sau ordonate, fiecărui element al listei i se atribuie un număr. Listele numerotate sunt create cu etichete. Pentru fiecare element al unei liste numerotate, sunt utilizate și etichete împerecheate … .

Listele numerotate folosesc cinci atribute:

1-cifrele arabe; i- Numerele romane mici; I - cifre romane majuscule; a-litere mici latine; A-Majuscule latine.

Un exemplu de listă numerotată.

Lista de produse numerotata

Produsul 1 din lista
Produsul 2 din lista
Produsul 3 din lista

Exemplu de listă numerotată cu marcatori cu litere mici latine:

Produsul 1 din lista
Produsul 2 din lista
Produsul 3 din lista

Liste de definiții

Pentru a crea liste de tipul termen-definiție, se folosesc etichete

… (lista de definiții) și

…

(descrierea definiției). Mai mult, termenul în sine este conținut într-o etichetă asociată

Exemplu:

Termenul 1: Explicația termenului 1
Termenul 2: Explicația termenului 2

Liste de imbricare

Orice tip de listă, marcate și numerotate, pot fi imbricate unul în celălalt. Orice atașament este permis. Principalul lucru atunci când creați liste imbricate este să nu vă confundați cu etichetele pereche.

Exemplu de liste imbricate:

Liste imbricate

Produse secțiunea 1

Produse secțiunea 1.1
Produse secțiunea 1.2

Produse secțiunea 2

Produse secțiunea 2.1
Produse secțiunea 2.2
Produse secțiunea 2.3

Produse secțiunea 3

Produse secțiunea 3.1

Tabelele în HTML

Pentru a structura documentele HTML, structura principală este tabelele. Cu toate acestea, este de remarcat faptul că utilizarea tabelelor pentru organizarea structurilor paginilor devine învechită și nu mai este recomandată.

Structura tabelului:

//- etichete de containere de masă asociate;// //container pentru crearea unui rând de tabel//

, care ar trebui să fie în interiorul etichetei //

//etichetă pentru crearea unei celule de tabel. Această etichetă trebuie să fie în interiorul containerului

Chenar – cadru de 2 px lățime;
Cellpadding — distanța dintre marginile exterioare ale celulelor tabelului;
Spația dintre celule este distanța dintre marginile exterioare ale celulelor tabelului.
Înălțime - înălțimea mesei;
Lățimea - lățimea mesei.
Legendă - etichetă pentru crearea unui titlu de tabel, poate fi plasată doar în interiorul containerului .
Exemplu de tabel:

Tabel simplu
1-1 1-2 1-3

2-1 2-2 2-3

etichetele colspan și rowspan
concepute pentru a combina celule :
Îmbinarea celulelor într-un tabel HTML

Celulele 1.1 și 1.2 Celula 1.3

Celula 2.1 Celula 2.2 Celula 2.3

Celulele 3.1 - 3.3

Hiperlinkuri
Principalul atribut al acestei etichete este href. Această etichetă conține adresa resursei către care duce linkul. Textul linkului este scris în interiorul etichetei containerului.
Ancoră
Pentru a face referire la o ancoră într-un alt document, numele ancorei cu un hash (#) este scris imediat după adresa documentului terță parte, fără spațiu.
Link către Anchor 3 din Documentul 009
Imaginile ca link-uri
Desenele și fotografiile pot fi realizate și ca link-uri. Pentru a face acest lucru, imaginea este inserată în textul cu eticheta . Atributul src al acestei etichete are valoarea fișierului imagine:

Asta e tot! Desigur, elementele de bază ale HTML nu acoperă toate caracteristicile acestui limbaj, dar oferă o idee despre formarea unui document HTML.

În 1989, hipertextul reprezenta o nouă tehnologie promițătoare, care avea 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 erau mai descriptive în natură și 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 conform căruia browserul afișează conținutul unui document; comenzile HTML nu sunt afișate. Limbajul HTML implementează un mecanism de legătură hipertext care permite ca un document să fie legat de alții. 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 HTML este un exemplu de soluție extrem de reușită la problema construirii unui sistem hipertext folosind un instrument special de control al afișajului.

Legăturile hipertext contextuale au fost recunoscute ca 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 ar trebui să înceapă întotdeauna cu o etichetă< HTML >și se încheie cu eticheta de închidere corespunzătoare (). Există două secțiuni principale în cadrul unui document: secțiunea titluri și corpul documentului, în această ordine. Secțiunea anteturi conține informații care descriu documentul ca întreg și sunt limitate de etichete<НЕАD>Și. În special, secțiunea de titluri trebuie să conțină titlul general al documentului, delimitat de eticheta asociată<ТITLE>.

). Cu toate acestea, nu este recomandat să omiteți etichetele de structură atunci când creați un document HTML. Cel mai simplu document HTML valid 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 definit de porțiunea documentului dintre etichetele de deschidere și de închidere. Această parte a documentului este considerată un element al limbajului HTML. Deci, putem vorbi despre un „element BODY” care include eticheta, corpul documentului și eticheta de închidere. Întregul document HTML. poate fi considerat ca un „element HTML”. Pentru etichetele nepereche, elementul este același 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 fragmente de text la nivel de paragraf. Elementele de text descriu proprietățile frazelor individuale și chiar și părți mai mici de text.

Acum putem formula reguli pentru elementele de cuibărit.

Elementele nu trebuie să se suprapună. Cu alte cuvinte, dacă eticheta de deschidere este situată în interiorul unui element, atunci eticheta de închidere corespunzătoare trebuie să fie amplasată î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, principalele elemente funcționale sunt titlurile și paragrafele. limbaj HTML. acceptă șase niveluri de titluri. Acestea sunt specificate folosind etichete asociate de la<Н1>inainte de<Н6>. Când sunt afișate, documentele Web sunt afișate folosind această metodă; etichetă (document pe ecranul computerului, aceste elemente sunt afișate folosind fonturi de diferite dimensiuni.

Paragrafele obișnuite sunt specificate folosind o etichetă asociată<Р>. limbaj HTML. nu conține un mijloc de creare a unei indentări de paragraf („linie roșie”), astfel încât atunci când sunt afișate pe ecranul unui computer, paragrafele sunt separate printr-o linie goală. Etichetă de închidereeste considerată opțională. Se înțelege că vine înaintea etichetei, care specifică începutul următorului paragraf al documentului. De exemplu:

Titlu

<Р>Primul paragraf<Р>Al doilea paragraf

Titlu de al doilea nivel

O consecință a existenței unei etichete speciale care definește un paragraf este 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 sfârșit de rând ș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 duce la o nouă linie (un element de text specificat de o etichetă neîmperecheată este utilizat în acest scop
.

O riglă orizontală poate fi folosită și ca delimitator de paragraf. Acest element este specificat printr-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 specificate de atributele etichetei
.

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

Crearea de site-uri web este una dintre oportunitățile disponibile pe scară largă în industria modernă a internetului. Crearea propriu-zisă a site-urilor web nu este, în principiu, cu mult mai dificilă decât crearea de conturi personale de e-mail și cărți de vizită electronice.

Pentru a crea un site web, ai nevoie in primul rand de un server conectat la Internet pe care sa poti 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ă deschidere gratuită de site-uri web pe serverele lor. Site-urile gratuite pot fi deschise pe serverele interne narod.ru, boom.ru, hotmail.ru și pe serverele străine, de exemplu geocities.com, tripod.com.

Pe aceste servere puteți înregistra nume de domenii precum:

<имя>. narod.ru

nume>.boom.ru,

Exemple de nume de domenii înregistrate:

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

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

După înregistrarea unui nume de domeniu al unui site, puteți găzdui hipertexte pe acesta. Hipertextele sunt plasate pe site folosind programe speciale care vă permit să creați, editați, acumulați și copiați o mare 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, introduceți adresa site-ului web de pe Internet în fereastra browserului. De exemplu: http://bak.boom.ru

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

HTML este un limbaj de marcare hipertext.

După structură, hipertextul este text cu legături către alte hipertexte situate 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 dvs., indiferent de serverul pe care se află și în ce țară se află.

Folosind aceste instrumente și programe de pe Internet, pot fi create o mare varietate de site-uri și sisteme de informații - 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 este cantitatea de informații, structura lor și procedurile de actualizare. În general, pentru site-urile de Internet, ca și pentru orice organizație, putem vorbi despre ciclurile de viață ale creării, dezvoltării, modernizării și lichidării acestora.

Volumul de informații este determinat de proprietari - persoane sau organizații care au creat site-uri și își postează informațiile pe acestea. Cantitatea de informații de pe site-uri web 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 o pagină principală cu link-uri către un set de texte. Aceste link-uri pot fi în textul paginii principale sau evidențiate în cuprinsul de la începutul acesteia.

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 găsite î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.

Limbajul de marcare hipertext (Html)
World Wide Web, sau ceva la fel ca World Wide Web, WWW este componenta principală a rețelei globale de calculatoare Internet. Originar în anii 60, internetul a fost folosit multă vreme doar de un cerc restrâns de specialiști pentru a face schimb de informații prin e-mail. Rețeaua era controlată de sistemul de operare UNIX - acesta era potrivit pentru scopuri științifice, dar interfața text UNIX destul de complexă a limitat în mod semnificativ domeniul de aplicare a tehnologiilor de rețea.Anul nașterii World Wide Web este considerat a fi 1989 - acesta anul a fost inventat limbajul, care a devenit ulterior limbajul principal al documentelor web - Acest limbaj este HTML (HyperText Markup Language).

Autorul limbajului HTML este Tim Berners-Lee, absolvent al Universității din Oxford, care la vremea aceea lucra sub contract la Geneva, la Laboratorul European de Fizică a Particulelor (CERN, Conseil Europeen pour la Recherche Nucleaire) ca consultant software. CERN este o organizație destul de mare și, prin urmare, pentru a-și naviga mai bine structura și a nu stoca în memorie date despre un număr mare de proiecte, oficiali etc., Tim Berners-Lee a dezvoltat programul Inquire pentru uzul său personal, pe pe baza căruia câțiva ani mai târziu a fost creat un fel de spațiu informațional pentru laborator. Programul Inquire a permis așa-numita căutare „neliniară” a documentelor - i.e. trece de la un document la altul fără a te referi la cuprins sau la cartea de 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 cumva codificate în astfel de documente, separate de conținutul documentului principal și servesc ca instrucțiuni pentru programul care afișează 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 desemna 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 pentru vizualizarea 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, care sunt navigate folosind hyperlinkuri.

HTML nu este un limbaj de programare în sine; este un mijloc de descriere a structurii unui document, a stilului acestuia și a legăturilor sale cu alte documente. Pentru a vizualiza documente Web, se folosesc programe speciale - așa-numitele browsere (engleză: to browse - 1) graze, pluck shoots; 2) citiți, studiați în mod aleatoriu, în repetate rânduri.) De fapt, capacitățile browserelor sunt mult mai largi, dar deocamdată ne vom limita la definirea lor ca mijloc de vizualizare a documentelor web. Internetul își datorează popularitatea browserelor.