HTML este limbajul de marcare hipertext. Limbajul de marcare hipertext HTML Care este scopul marcajului hipertext
Tehnologiile moderne de informare Web ne schimbă rapid lumea și afectează direct dezvoltarea tehnologiilor Web. Această revoluție tehnologică a afectat foarte mult nu numai afacerile, ci și viața privată și profesională. Cele mai recente tehnologii web pătrund în toate sferele societății, schimbă căile de comunicare și principiile de desfășurare a proiectelor web ale companiilor moderne, determinând soarta acestora din urmă. Complexitatea internă și ușurința extremă de utilizare a tehnologiilor web informaționale moderne le face accesibile tuturor celor care se confruntă zilnic cu utilizarea lor în activitățile lor profesionale.
Atât în viața de zi cu zi, cât și în afaceri, în corespondență și comerț, oamenii și organizațiile folosesc Web-ul, își creează propriile site-uri Web, unde oferă informații, bunuri și servicii. Instrumentele de creare a resurselor web se dezvoltă rapid și non-stop, permițându-vă să creați documente web complexe fără a necesita cunoștințe speciale despre structura și aspect eliberând timp pentru o activitate creativă productivă. Principalul avantaj al tehnologiilor Web în conditii moderne constă în simplitatea lor și, drept consecință, în creșterea eficienței aplicării lor.
Limbajul hipertext Marcaj HTMLPopularitatea Internetului se datorează în mare parte apariției World Wide Web (WWW), deoarece a fost prima tehnologie de rețea care a oferit utilizatorului o interfață simplă și modernă pentru a accesa o varietate de resursele rețelei. Simplitatea și ușurința în utilizare au dus la creșterea numărului de utilizatori WWW și au atras atenția structurilor comerciale. În plus, procesul de creștere a numărului de utilizatori a devenit o avalanșă, iar acest lucru continuă și astăzi. Bazat pe necesitatea de a combina întregul set resurse informaționale a început să se dezvolte tehnologia cu ajutorul căreia este definit un sistem de navigație hipertext. Acea tehnologie era HTML. Tehnologia HTML la stadiul inițial a fost extrem de simplă și aproape toți utilizatorii rețelei au avut simultan posibilitatea de a se încerca ca creatori și cititori de materiale informative publicate pe World Wide Web. Faptul este că la dezvoltarea diferitelor componente ale tehnologiei, s-a presupus că calificările autorilor resurselor informaționale și echiparea acestora cu tehnologia informatică ar fi minime.
HTML (HyperText Markup Language) este unul dintre așa-numitele limbaje de marcare. Termenul „markup” se referă la general informatii de serviciu, care nu este scos cu documentul, ci definește; cum ar trebui să arate anumite fragmente ale documentului. De exemplu, este posibil să doriți ca un cuvânt să fie îngroșat sau cursiv, un anumit paragraf într-un anumit font sau titlurile într-un font mai mare.
Există multe limbaje de marcare diferite în zilele noastre. De exemplu, în programele de comunicare, o anumită formă de marcare definește semnificația fiecărui pachet de 0 și 1 trimis prin Internet. Cu toate acestea, orice limbaj de marcare trebuie să rezolve două sarcini importante:
1) limbajul definește sintaxa de marcare;
2) limbajul determină sensul markupului.
Cel mai comun limbaj de marcare pentru paginile Web este HTML. Acest limbaj de marcare a fost creat și promovat ca una dintre instanțele SGML. Propus pentru prima dată în 1974 de Charles Goldfarb și adoptat ulterior ca standard ISO oficial după o revizuire semnificativă, SGML (Standard Generalized Markup Language, Standard Generalized Markup Language) este un metalimbaj - un sistem de descriere a altor limbi.
Apariția standardului SGML a fost determinată de nevoia de a partaja datele aplicatii diferiteși sisteme de operare. Chiar și în anii 60 îndepărtați, utilizatorii de computere au avut o mulțime de probleme de compatibilitate. După ce au analizat deficiențele multor limbaje de marcare non-standard, trei oameni de știință de la IBM - Charles Goldfarb (Charles Goldfarb), Ed Mosher (Ed Mosher) și Ray Lorie - au formulat trei principii generale care asigură posibilitatea colaborării cu documente în diferite sisteme de operare .
1) Utilizarea principiilor uniforme de formatare în toate programele care procesează documente. O cerință destul de logică - știm cu toții foarte bine cât de dificil este pentru cei care vorbesc limbi diferite. Prezența unui singur set de construcții sintactice și semantică comună simplifică foarte mult interacțiunea dintre programe.
2) Specializarea limbilor de formatare. Datorită capacității de a construi un limbaj specializat bazat pe un set de reguli standard, programatorul nu mai depinde de implementările externe și de ideile lor despre nevoile utilizatorului final.
3) O definiție clară a formatului documentului. Regulile care definesc formatul unui document specifică numărul și etichetarea constructelor de limbaj utilizate într-un document. Utilizarea unui format standard asigură faptul că utilizatorul cunoaște exact structura conținutului documentului. Vă rugăm să rețineți că nu este vorba despre formatul de afișare al documentului, ci despre formatul său structural. Setul de reguli care descriu acest format se numește „definiție tip document” (DTD).
Aceste trei reguli au stat la baza predecesorului SGML, GML (Generalized Markup Language). Cercetarea și dezvoltarea GML a continuat timp de aproximativ zece ani, până când standardul SGML a luat naștere ca urmare a unui acord la care a ajuns un grup internațional de dezvoltatori.
HTML (Hypertext Markup Language) este limbajul computerizat care stă la baza World Wide Web. HTML se bazează pe standardul SGML, un limbaj de marcare hipertext pentru reprezentarea documentelor pe Web. Standardele limbajului HTML, unul dintre standardele web cheie, sunt dezvoltate și menținute de W3C. Fondatorul acestui consorțiu internațional este Tim Berners-Lee. Consorțiul, pe lângă crearea standardelor de formatare, este centrul pentru dezvoltarea Web-ului semantic (web semantic). Prin intermediul limbajului HTML, este furnizată marcarea formatului documentelor, se determină hyperlinkuri între documente și/sau fragmentele acestora.
HTML-ul obișnuit a fost ales ca bază pentru scrierea codului HTML. fisier text. Astfel, o bază de date hipertext în conceptul WWW este un set de fișiere text marcate în HTML, care determină forma de prezentare a informațiilor (markup) și structura legăturilor dintre aceste fișiere și alte resurse informaționale (legături hipertext).
Dezvoltatorii HTML au reușit să rezolve două probleme:
oferi designerilor de baze de date hipertext un instrument simplu pentru crearea documentelor;
· pentru a face acest instrument suficient de puternic pentru a reflecta ideile existente despre interfața cu utilizatorul a bazelor de date hipertext la acel moment.
Prima sarcină a fost rezolvată prin alegerea unui model de etichetă pentru descrierea documentului. HTML vă permite să marcați document electronic, care este afișat pe ecran cu nivelul de imprimare al designului; documentul rezultat poate conține o mare varietate de etichete, ilustrații, clipuri audio și video și așa mai departe. Limbajul include instrumente avansate pentru crearea diferitelor niveluri de titluri, selecții de fonturi, diverse liste, tabele și multe altele.
Al doilea punct important care a influențat soarta HTML-ului a fost că a fost ales un fișier text simplu ca bază. Mediul de editare HTML este un tărâm nimeni între un simplu fișier text și o aplicație WYSIWYG (ceea ce vezi este ceea ce primești). Alegerea unui mediu de editare vă oferă toate beneficiile editării textului.
Legăturile hipertext care stabilesc legături între documentele text au început treptat să unească o mare varietate de resurse de informații, inclusiv sunet și video. Sistemul de hyperlinkuri HTML vă permite să construiți un sistem de documente interconectate în funcție de diverse criterii. Limbajul HTML conține comenzi (etichete) care vă permit să controlați forma și dimensiunea fonturilor, dimensiunea și locația ilustrațiilor și vă permite să treceți de la o bucată de text sau ilustrație la un alt document html - așa-numita legătură hipertext . Un document în format html este un fișier text care conține toate informațiile necesare despre informațiile afișate pe ecran. Puteți utiliza limbaje de scripting precum JavaScript, Java și VBScript pentru a gestiona scripturile de navigare pe site (o bază de date hipertext bazată pe tehnologia World Wide Web). Formularele pentru introducerea de către utilizator a datelor care sunt ulterior prelucrate și alte informații pot fi procesate folosind special programe server(de exemplu, în PHP sau Perl). HTML vă permite să plasați linkuri hipertext și butoane pe care se poate face clic pe paginile dvs. care conectează paginile dvs. Web la alte pagini de pe același site Web, precum și la alte site-uri Web din întreaga lume.
HTML este un limbaj de marcare a textului, nu un limbaj de programare, care este doar unul dintre instrumentele (mai precis, un limbaj de descriere a paginii) folosite pentru a crea pagini Web. HTML are capacități limitate de formatare a textului în comparație cu programe de publicare, mai ales la publicarea unui text bogat în elemente complexe.
Până acum, nu există editori HTML atât de convenabile încât să se poată face fără un editor de text și etichetare manuală. Acest lucru complică munca cu limba, face necesară stăpânirea funcțiilor lor complet neobișnuite.
Analizând caracteristicile limbajului HTML și evaluând nivelul de dezvoltare al acestuia, putem concluziona că în următorii ani ar trebui să ne așteptăm la apariția unor modificări mai avansate ale acestuia, noi limbaje și pachete de aplicații pentru lucrul cu paginile web.
Documente HTML dinamice și statice
Există două tipuri de documente html - statice și dinamice. Documentele statice sunt stocate în fișiere Sistemul de fișiere, care este folosit de serverul web sau browser în timpul navigării fisiere locale. Atunci când plasați informații pe un server web, puteți utiliza documente dinamice - acelea care nu există permanent sub formă de fișiere, dar sunt generate la momentul unei solicitări a clientului. Mai mult, pentru utilizatorul final, modul dinamic sau static de prezentare a documentelor nu contează.
Generarea unui document HTML dinamic necesită un program special scris, urmând regulile definite de serverul web. La planificarea plasării informațiilor pe un server web, pentru a determina corect utilizarea oricărui tip de document, este necesar să se țină cont de gradul de actualizare a datelor, volumul și frecvența de circulație a acestora.
Metoda dinamică definește stocarea datelor într-o formă formalizată, de exemplu, într-o bază de date.
Dacă datele sunt stocate într-o formă formalizată, atunci, folosind șabloane de documente în care s-au făcut modificări, sunt generate documente statice. Pentru a genera documente statice, puteți utiliza orice instrumente de raportare disponibile în sistemul de management al bazei de date (DBMS) care a procesat și formalizat datele.
Perspective HTML
Nu vor exista versiuni noi de HTML, dar există o nouă evoluție a HTML numită XHTML (Extensible Hypertext Markup Language). În timp ce XHTML este comparabil în ceea ce privește capabilitățile sale cu HTML, totuși impune cerințe mai stricte asupra sintaxei. La fel ca HTML, XHTML este un subset al limbajul SGML, cu toate acestea, XHTML, spre deosebire de predecesorul său, se conformează specificației XML. XHTML 1.0 a fost aprobat ca recomandare de World Wide Web Consortium (W3C) pe 26 ianuarie 2000. Este necesar, totuși, să se țină cont de un detaliu serios - un număr mare de resurse de informații au fost create în acest format, astfel încât acestea să fie „înțelese” de browserele web și utilizate în forma lor originală pentru o lungă perioadă de timp de acum încolo. . În plus, toate formatele noi vor fi dezvoltate (și sunt deja dezvoltate - de exemplu XML) cu suport pentru tehnologii HTML.
Stilul de lucru se schimbă, la fel și mijloacele de accesare a conținutului. Limbajul HTML a fost creat inițial ca un limbaj independent de platformă. Noile tehnologii sunt folosite aproape peste tot și destul de curând World Wide Web nu va mai fi proprietatea doar a utilizatorilor de desktop. calculatoare personale, chiar și acum unii utilizatori folosesc în mod activ browsere vocale pentru nevăzători sau browsere care folosesc alfabetul Broille, adesea conținutul este afișat nu pe monitorul computerului, ci pe un televizor atunci când sunt utilizate set-top box-uri cu acces la rețea sau teletype, sau pe afișaje monocrome ale diferitelor organizatoare de paginare și altele.
Continuăm seria de articole despre elementele de bază ale limbajelor web și dezvoltările din acest domeniu. Mai devreme am acoperit elementele de bază ale limbajului hipertext HTML, caracteristicile sale și metodele de marcare a textului (etichete).
De asemenea, am învățat că limbajul HTML interacționează bine cu acestea dezvoltare de software, cum ar fi stilurile CSS și Javascript și de ce este necesară o astfel de colaborare în limbaj. Astăzi vom analiza în detaliu structura documentelor de construcție în HTML5. Bloc de construcție a documentului, structura sa este subiectul articolului de astăzi. Dar mai întâi trebuie să înțelegeți ce este HTML5.
Limbajul de programare HTML5 (din limba engleză HyperText Markup Language) este a cincea versiune a limbajului. Ca toți Versiuni anterioare, conceput pentru a construi structura documentelor și a le prezenta pe web. Pe acest moment Versiunea HTML5 este în curs de dezvoltare. Scopul urmărit de crearea celei de-a cincea versiuni de HTML este îmbunătățirea limbajului în zona de lucru cu documentele multimedia (aplicații audio și video).
Adăugarea unor inovații de sintaxă, cum ar fi , și , va ajuta la minimizarea erorilor logice și de sintaxă atunci când lucrați cu fișiere media HTML5. De asemenea, pentru a îmbogăți conținutul semantic al documentului (semantica - studiul sensului unităților de limbaj), sunt introduse noi sensuri, precum , , și . Unele dintre atribute vor fi eliminate sau modificate. Sunt introduse noi funcții pentru a gestiona documente nevalide, astfel încât toate browserele să poată gestiona acest tip de documente.
Ce este DOCTYPE?Orice document HTML începe întotdeauna cu acest cuvânt. Toate versiunile anterioare de HTML au publicat această declarație aproximativ după cum urmează:
unde PUBLIC a indicat lizibilitatea documentului, iar DTD denotă tipul de documente publicate (Document Type Definition). Definiția DOCTYPE în HTML5 este mult simplificată −< !DOCTYPE HTML>. Asta e tot - marcajul este gata.
Deci, ce face declarația DOCTYPE? Această etichetă este menită să spună browserelor ce standard de limbă să folosească - vizualizarea paginii în ansamblu, redarea acesteia, va depinde de definiția versiunii HTML. Standardele de dezvoltare HTML sunt strict reglementate și respectă anumite reguli, astfel încât lucrul cu codurile altor persoane, citirea acestora și afișarea lor în browser prin utilizarea standardelor este considerabil simplificată.
Inițial, declarația DOCTYPE a comutat browserul la mod standard, iar acest lucru a permis utilizarea unor standarde mai noi. Pentru acele documente care au fost scrise folosind vechiul standard, este posibil să utilizați modul de compatibilitate, care permite browserului să funcționeze normal. Noua declarație DOCTYPE este acum acceptată de aproape toate browserele existente, trecând în același timp la modul standard. Adică, fiecare document nou creat trebuie să conțină atributul DOCTYPE și să respecte standardele dezvoltate. În acest caz, întregul cod al documentului este verificat pentru conformitatea acestuia cu standardele.
Este posibilă în mod condiționat să împărțiți întreaga pagină scrisă în HTML în mai multe subsecțiuni. Rădăcina codului principal al întregii pagini este eticheta. Adică între etichete și poți plasa aproape orice. Schematic, pagina HTML este prezentată după cum urmează:
De exemplu:
< !DOCTYPE HTML>< !-Любой текст, изображения, таблицы и т.д. -->
În cazul nostru, eticheta conține un atribut care definește limba documentului - rusă. Pentru a facilita lucrul cu documentul, este necesar să specificați limba documentului. Tot conținutul paginii se află între etichete .... cu excepția declarației DOCTYPE.
Eticheta este așa-numitul cap al documentului. Toate datele necesare despre pagină (atât pentru browser, cât și pentru date informative pentru dezvoltator) se află între și . Titlul paginii, codul acesteia - de exemplu, UTF-8, metadate, cum ar fi cuvinte cheie, descrierea paginii, numele autorului etc. - toate aceste date se află exact între etichetele și. Aici puteți conecta și fișiere externe, scripturi și biblioteci.
Ce sunt metaetichetele?Acestea, așa cum am menționat mai sus, conțin toate informațiile despre pagină. Principalele metaetichete sunt descrise mai jos:
1. Tip de codare a paginii - Charset. În cele mai multe cazuri, este utilizat UTF8, dar pot fi folosite și alte codificări, de exemplu, Windows-1251, KOI-8, ISO etc. Un atribut precum Charset determină ce codificare să folosească pentru a citi pagina. În HTML5, acest atribut arată astfel:
După cum puteți vedea o nouă versiune limbajul simplifică foarte mult gestionarea paginii, facilitează și accelerează citirea acesteia.
Metaetichetă de descriere, adică − rezumat pagini. De exemplu:
Utilizarea acestei etichete este opțională, dar de dorit pentru a proteja conținutul paginii împotriva copierii.
Metaetichetă care denotă titlul paginii sau postării de pe pagină - titlu. Eticheta arată astfel:
Definiția HTML și structura limbajului. | www.site-ul tău.com
Titlul este afișat în titlul ferestrei de deschidere sau în partea de sus a paginii.
Metaetichetele de link și script sunt folosite pentru a lega foile de stil, fișierele externe și bibliotecile la execuție. De exemplu tabele stiluri cssși JavaScript, precum și biblioteca jQuery. Șirurile de conexiune ale acestor fișiere arată astfel:
| 1 |
Adică, pentru a înțelege esența acestor linii, vă puteți imagina următoarea situație - fișierele CSS și JavaScript sunt pe server, dar fără aceste linii din document, pur și simplu nu vor funcționa. O mică nuanță pentru utilizarea acestor etichete este că fișierele pot fi fie pe un server local, fie pe unul la distanță. În acest din urmă caz, trebuie să specificați calea completă către fișiere în metaetichetele. În exemplul nostru, eticheta meta link este folosită pentru a lega un fișier CSS și folosește o relație de legătură. Această semnătură permite browserului să știe asta fisierul dat este o foaie de stil. Eticheta rel are și multe alte semnificații.
O alternativă la prima opțiune pentru includerea unui fișier de stil poate fi următoarea linie:
| 1 2 3 4 | a ( text-decor: subliniat ; ) p ( culoare : #000000 ; ) |
a ( text-decor: subliniat; ) p ( culoare: #000000; )
Această metodă conectează direct stilul la pagină, fără a include fișierul de stil.
Cea mai semnificativă etichetă dintr-un document HTML este . Are și un final de închidere. Toate datele care sunt conținute în această etichetă determină conținutul paginii - conținutul acesteia, imaginile din pagină, toată masa de linkuri conținută în text etc. Astfel, toate informațiile care se află înaintea etichetei pot fi împachetate într-un fel de șablon imuabil. Conținutul corpului poate fi editat, înlocuit, îmbunătățit.
După ce ați luat în considerare toate componentele documentului HTML din a cincea versiune, puteți încerca să colectați toate părțile individuale într-un întreg, care va fi un document HTML complet, adică o pagină a unui anumit site. Iată cum va arăta pagina finală:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | < !DOCTYPE HTML>Design Shack |
< !DOCTYPE HTML>Design Shack
Dacă reprezentați schematic structura paginii HTML, atunci va arăta astfel:
Acest așa-zis model de obiect document HTML (DOM).
În următoarele publicații, intenționez să studiez mai detaliat tabelele CSS și, de asemenea, va fi util să analizez structura HTML5 mai detaliat pentru funcţionare corectă cu orice versiune de HTML.
Hyper Text Markup Language (HTML) - limbaj de marcare hypertext - conceput pentru scrierea documentelor hipertext publicate pe World Wide Web.
Un document hipertext este un fișier text care are mărci 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, puteți introduce grafice și tabele. Dar principalul avantaj al hipertextului față de textul simplu este capacitatea de a adăuga hyperlinkuri la conținutul documentului - desene speciale Limbi HTML care vă permit să faceți clic pentru a vizualiza un alt document.
Un document HTML constă din două părți: textul propriu-zis, 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. Tag-urile de limbaj HTML determină forma în care va fi prezentat textul, care dintre componentele sale vor juca rolul de link-uri hipertext, 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. Vizualizatoarele HTML (browsere) interpretează steaguri de marcare și aranjează textul și graficele pe ecran în mod corespunzător. Pentru fișierele care conțin documente HTML, sunt acceptate extensiile .htm sau .html.
În cele mai multe cazuri, etichetele sunt folosite în perechi. O pereche constă dintr-o etichetă de deschidere și de închidere. Acțiunea oricărei etichete asociate începe la locul în care eticheta de deschidere s-a întâlnit și se termină când este întâlnită eticheta de închidere corespunzătoare. Adesea este numită o pereche de etichete de început și de sfârșit recipient, și partea de text, mărginită de eticheta de deschidere și de închidere, - 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(de exemplu, #, +, $, @), cu excepția următoarelor patru caractere care au o semnificație specială în HTML: (mai mare decât), & (ampersand) și „ (ghilimele duble). Dacă doriți să includeți oricare dintre aceste caractere în textul dvs., atunci ar trebui să îl codificați cu o secvență specială de caractere.
Structura documentului HTMLCel mai important dintre Etichete HTML este eticheta cu același nume. Deschide întotdeauna documentul, așa cum eticheta trebuie să fie întotdeauna pe ultima linie. Aceste etichete indică faptul că liniile dintre ele reprezintă un singur document hipertext. Fără aceste etichete, browserul sau alt vizualizator nu poate identifica formatul documentului și să-l interpreteze corect.
Un document HTML este format din două părți: un titlu (cap) și un corp (corp), aranjate în următoarea ordine:
Cap document Corp document
Cel mai adesea, titlul documentului include o etichetă asociată ... , care definește numele 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 indica corect pagina corespunzătoare, în același timp fiind plasat î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 documentului. Corpul documentului este plasat între etichetele și. Tot ceea ce este plasat între aceste etichete este interpretat de browser în conformitate cu regulile limbajului HTML, care permit afișarea corectă a paginii pe ecranul monitorului.
Textul în HTML este împărțit în paragrafe folosind eticheta. Este plasat la începutul fiecărui paragraf, iar browserul, atunci când îl întâlnește, separă paragrafele unul de celălalt cu o linie goală. Utilizarea unei etichete de închidere este opțională.
Dacă doriți să „rupeți” textul, transferându-i restul pe o nouă linie, fără a evidenția un nou paragraf, utilizați eticheta de întrerupere de linie
. Determină vizualizatorul să afișeze caracterele după el cu linie nouă. Spre deosebire de eticheta de paragraf, eticheta
nu adaugă un șir gol. Această etichetă nu are o etichetă de final care se potrivește.
Limbajul HTML acceptă atât formatarea logică, cât și fizică a conținutului documentului. Formatarea logică indică scopul unei anumite părți de text, în timp ce formatarea fizică specifică aspectul acesteia.
Folosind formatare logica browserul de text evidențiază 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. Limbajul HTML vă permite să specificați șase niveluri de titluri: h1 (titlu de prim nivel), h2, h3, h4, h5 și h6. Titlul de la primul nivel are de obicei marime mai mareși saturație în comparație cu titlul celui de-al doilea nivel. Un exemplu de utilizare a etichetelor de antet:
l. Titlul capitolului l.l. Numele secțiunii
Etichete formatare fizică setați direct aspectul textului pe ecranul browserului, de exemplu, perechea face textul bold, setează sublinierea textului, controlează fontul textului.
Etichetă inserează imaginea în document ca și cum ar fi doar un caracter mare. Exemplu de aplicație de etichetă:
Pentru a crea o legătură hipertext, se utilizează o pereche de 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 aici este un atribut obligatoriu, a cărui valoare este adresa URL a resursei solicitate. Ghilimele din valoarea atributului href sunt opționale. Dacă este specificată un link către un document de pe alt server, atunci hyperlinkul va arăta astfel:
Foto 11-A
Folosind diverse etichete, puteți desena tabele, formata text, inserați imagini, videoclipuri, fișiere de sunet și multe altele într-un document.
Limbajul de marcare hipertext (Html)World Wide Web sau ceva similar World Wide Web, WWW este componenta principală a rețelei globale de calculatoare Internet. Originar în anii 60, internetul pentru o lungă perioadă de timp folosit doar de un cerc restrâns de specialişti pentru a face schimb de informaţii asupra e-mail. Rețeaua administrată sistem de operare UNIX - acesta a fost potrivit pentru scopuri științifice, dar interfața text UNIX destul de complexă „a limitat semnificativ domeniul de aplicare tehnologii de rețea. 1989 este considerat anul nașterii World Wide Web - anul acesta a fost inventat limbajul, care a devenit ulterior limbajul principal al documentelor web - acesta este limbajul - 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, 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 naviga mai bine în structura sa, nu stocați date despre în număr mare proiecte, oficiali etc., Tim Berners-Lee a dezvoltat programul Inquire pentru uzul său personal, pe baza căruia a fost creat un fel de spațiu de informare pentru laborator câțiva ani mai târziu. 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. În primele sisteme, simbolurile „” au fost folosite pentru a desemna aceste comenzi, în interiorul cărora erau plasate numele instrucțiunilor și parametrii acestora. Acum, acest mod de a numi etichetele este standard.
Utilizarea defalcării hipertextului 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 nu sunt prezentate ca un flux continuu. informații text, ci un set de componente interdependente, 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 acestuia și a relațiilor sale cu alte documente. Folosit pentru a vizualiza documente web programe speciale- așa-numitele browsere (în engleză: to browse - 1) graze, pluck shoots; 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.
MINISTERUL STUDIILOR ŞI ŞTIINŢELOR UCRAINEI
UNIVERSITATEA NAȚIONALĂ SHIDNOUKRAINIANĂ
numit după Volodymyr Dal
Departamentul de Informatică
Prin disciplină
Design computer și multimedia
StudentBoldakova I.V.
1. Introducere
3.1 Editore HTML
4. Creați un site folosind CMS Joomla 1.5.7
Literatură
1. IntroducereWorld Wide Web - global rețea de calculatoare astăzi conține milioane de site-uri care găzduiesc 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 dintr-un browser Web sunt afișate ca pagini Web.
Paginile web, care suportă tehnologia multimedia, combină diverse tipuri de informații: text, grafică, sunet, animație și video. De cât de bine și de frumos a fost făcută această sau acea pagină web depinde în mare măsură de succesul acesteia pe web.
Utilizatorului îi place să viziteze pagini Web care au un design elegant, nu sunt supraîncărcate cu grafică și animații, se încarcă rapid și se afișează 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 eu, în acest caz, nu fac excepție și, prin urmare, am ales un astfel de subiect pentru lucrarea mea.
În eseul meu, am încercat să-mi dau seama ce trebuie să știi și să poți crea o pagină Web, care software este un set de instrumente pentru crearea paginilor Web și modul de utilizare eficientă.
De asemenea, în această lucrare, am luat în considerare elementele de bază ale limbajului de programare a paginilor Web - HTML, care este standardul WWW general acceptat. Acest lucru ne va oferi oportunitatea de a ne familiariza cu structura paginii Web și tehnicile pentru proiectarea corectă a acesteia. Și tot cu ajutorul CMS Joomla, vom lua în considerare crearea unui site.
2. Luați în considerare limbajul de marcare hipertext HTMLPaginile web pot exista în orice format, dar sunt acceptate ca standard Limbajul de marcare hipertext- limbaj de marcare hipertext, conceput pentru a crea text bogat bogat în imagini, sunet, animație, clipuri video și link-uri hipertext către alte documente.
Este posibil să lucrați pe Web fără cunoștințe de limbaj HTML, deoarece textele HTML pot fi create de diferite editori specialiși convertoare. Dar scrierea directă în HTML nu este dificilă. Poate fi chiar mai ușor decât învățarea unui editor sau convertor HTML, care este adesea limitat în capacități, conține erori sau oferă cod HTML prost care nu funcționează pe platforme diferite.
Limbajul HTML există în mai multe variante și continuă să evolueze, dar constructele HTML vor continua să fie folosite în viitor. Învățând HTML și învățând mai multe despre acesta, 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 mulți browsere web atât acum, cât și în viitor. Acest lucru nu exclude utilizarea altor 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 specificul 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 .html. htm, în care textul este marcat cu etichete HTML (etichetă engleză - instrucțiuni speciale încorporate). Instrumentele HTML stabilesc sintaxa și plasarea etichetelor, conform cărora browserul afișează conținutul documentului 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) (similar cu parantezele de deschidere și de închidere din matematică), între care sunt plasate informațiile de marcare:
informație
Aici eticheta de început este eticheta
Iar finala -
. Eticheta de sfârșit diferă de eticheta de început doar prin faptul că are un caracter „/” (slash) în fața textului dintre paranteze.Un browser care citește un document HTML îl afișează într-o fereastră folosind structura etichetelor HTML. Fiecare document HTML ar trebui să aibă trei părți principale:
A) declarație HTML;
B) Antet;
C) Corpul documentului.
A) Declarație HTML
Și . O pereche de aceste etichete îi spune vizualizatorului (browserului) că între ele se află un document HTML, iar prima etichetă din document ar trebui să fie o etichetă (la începutul documentului), iar ultima - (la sfârșitul documentului). documentul).
B) Antet.
Și . Între aceste etichete se află informații despre document (titlu, cuvinte cheie de căutare, descriere etc.). Totuși, cel mai important este titlul documentului, pe care îl vedem în linia de sus a ferestrei browserului și în listele „Favorite (BookMark)”. Programe speciale-păianjeni motoare de căutare utilizați numele 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 după titlu și este situat între etichetele și. Prima ar trebui să fie imediat după etichetă, iar a doua ar trebui să fie înaintea etichetei. Corpul unui document HTML este locul în care autorul plasează informații formatate cu HTML.
Prima mea pagina..........
Acum putem scrie codul HTML pentru pagina noastră:
Prima mea pagină Aici vor fi paginile mele!
În secțiunea BODY, toate filele și caracterele de la sfârșitul rândului 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 duce la începutul unei noi linii în textul redat 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.
Eticheta este folosită pentru a începe o nouă linie.
(abrev. din engleză break - întrerupere). Această etichetă face ca browserul să afișeze mai mult text de la începutul rândului următor. Eticheta de închidere pentru aceasta nu este folosită. Este convenabil dacă trebuie să scrieți dintr-un rând nou dintr-un loc fără a începe un nou paragraf, de exemplu, într-o poezie. Folosirea din nou vă permite să introduceți una sau mai multe linii goale, împingând în jos următorul fragment de pagină.
Textul solid fără spații nu este foarte ușor de citit, este incomod să îl vizualizați și să îl găsiți locuri potrivite. Împărțit în paragrafe, textul este perceput mult mai rapid. Eticheta este folosită pentru a începe un nou paragraf.
(ing. paragraf - paragraf). Această etichetă, cu excepția începutului unei noi linii, inserează o linie goală. Dar repetarea repetată
Spre deosebire de
, nu va avea ca rezultat mai multe linii goale, va rămâne aceeași linie goală.
În interiorul parantezelor unei etichete, pe lângă numele acesteia, pot fi plasate și atribute (în engleză atribute - atribute). Ele sunt separate de nume și între ele 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 paragrafului. Î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, după textul formatat trebuie utilizată o etichetă de închidere.
. Dacă nu, atunci o nouă etichetăÎnseamnă închiderea precedentului, respectiv imbricat
Imposibil. Alinierea textului la centru este posibilă și cu eticheta.
Acum putem pune un text cu aliniere diferită pe pagina noastră web:
Prima mea pagină
Iată paginile mele personale!
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 e-mail.
3. Instrumente pentru crearea paginilor Web 3.1 Editore HTML
Fiecare își alege propriul instrument pentru a crea pagini web. Poate fi MS FrontPage sau Macromedia DreamWeaver, Allaire HomeSite sau 1st Page. Și cineva folosește un editor de text simplu, cum ar fi Notepad (Notepad).
Editori de text se poate folosi doar pentru crearea de pagini mici, deoarece au multe dezavantaje: proiectele nu sunt suportate, nu există „evidențierea” textului., în general, este extrem de incomod să lucrezi.
Principalul dezavantaj al MS FrontPage este că generează un cod HTML foarte mare (prea mult în plus), deci paginile sunt 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 într-o fereastră de browser - cu totul altul. Paginile se dovedesc a fi oarecum strâmbe, prin urmare, 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.