WWW technológia

A World Wide Web (WWW) szolgáltatás a legnépszerűbb szolgáltatás az interneten. A WWW egy egységes információs tér, amely webszervereken tárolt több százmillió összekapcsolt elektronikus dokumentumból áll. A webet alkotó egyes dokumentumokat weblapoknak nevezzük. A tematikusan összekapcsolt weboldalak csoportjait webhelyeknek (Web site) nevezzük. Egyetlen fizikai webszerver több webhelyet tartalmazhat, amelyek mindegyikéhez külön könyvtár tartozik a kiszolgáló merevlemezén.

A weblapok abban különböznek a közönséges szöveges dokumentumoktól, hogy egy adott médiumra való hivatkozás nélkül készültek. Például egy papírra nyomtatott Word dokumentum tervezése a nyomtatott lap paramétereihez van kötve, amelynek van egy bizonyos magassága, szélessége és margója. Az elektronikus webdokumentumok PC képernyőn való megtekintésre szolgálnak, és nem tudni előre, hogy melyiken. Ezért a webes dokumentumok nem formázhatók mereven. A tervezés a kliens PC-jén történő lejátszásuk során, a megtekintést végző program (böngésző) beállításai szerint történik. A böngésző a webdokumentum szövegébe írt parancsoknak megfelelően jeleníti meg a dokumentumot. A parancsokat közvetlenül a dokumentum szerzője írhatja, vagy a webdokumentumok automatikus elkészítésének eszközével valósítható meg.

Az ilyen parancsokat címkéknek nevezzük. A címkék zárójelben vannak<>... A legtöbb címke párban használatos: nyitó és záró címke.

A kulcsszó mellett az összetett címkék további attribútumokkal és paraméterekkel is rendelkeznek. A címkék írásának szabályait egy speciális hiperszöveg-jelölőnyelv - a HTML (Hyper Text Markup Language) - specifikációja tartalmazza. Vagyis a webdokumentum egy egyszerű szöveges dokumentum, amely HTML címkékkel van ellátva.

A webes dokumentumok legfontosabb jellemzője a hipertext hivatkozások. A hiperhivatkozás bármely szövegrészhez beállítható. A párosított címke hiperhivatkozás létrehozására szolgál ... Ez a címke tartalmazza a szükséges HREF attribútumot, amely megadja annak a dokumentumnak az URL-címét, amelyre a hivatkozás mutat.

A cím megadható abszolút és relatív formában. Az abszolút cím egy protokollal és egy webhelycímmel kezdődik. Ez a bejegyzés akkor használatos, ha egy látogatót egy másik webhelyre szeretne irányítani, és külső hivatkozásként kezeljük. Ha a hivatkozásban relatív címet használ, csak a dokumentum relatív keresési útvonala van megadva. Ez ugyanazt a protokollt és ugyanazt a webhelyet feltételezi, és a hivatkozást belsőként kezeli. Egy belső hivatkozás működőképes marad, ha a webhely címe egészében megváltozik (például egy másik szerverre). A teljes hiperhivatkozási formátum magában foglalja a hivatkozás lehetőségét az oldalon belül egy adott helyre. De ez csak saját tervezésű oldalak esetében lehetséges. Ehhez egy speciális horgonyelemmel jelöljük meg a hivatkozás elhelyezésének helyét. A horgony beállítása párosított címke segítségével történik a szükséges NAME attribútummal. Ennek az attribútumnak az értéke egy tetszőleges latin betűk és számok sorozata - a horgony neve. A horgonyhoz való hivatkozáshoz a neve az URL végén a # szimbólum után jelenik meg.

Szójegyzék

A böngésző megkeres egy dokumentumot ezen a kiszolgálón az aktuális mappában

Midi zene

A böngésző a http://www.midi.ru webhelyre lép.

A WWW szervereken tárolt hatalmas számú hipertext dokumentum összessége egyfajta teret képez a hiperdokumentumoknak, amelyek között lehet mozogni. A dokumentumok közötti önkényes mozgást web-szörfözésnek, célirányos (a szükséges információk megtalálása érdekében végrehajtott) webes navigációnak nevezik.

A fizikai Internet szervereken tárolt hatalmas számú dokumentum közötti hipertext kommunikáció az alapja a logikai WWW tér létezésének.

Vegyük fontolóra a webet együttesen alkotó hardvert és szoftvert.

· Ügyfelek és szerverek. A webszerver egy olyan számítógép, amely az internethez kapcsolódik, és amely egy speciális programot futtat, amelyet webszervernek is neveznek. A program feladatai közé tartozik bizonyos fájlok tárolása, keresése és terjesztése a weben. A webkliens egy olyan böngésző, amely fájlokat kér le az internetről. Ha egy ügyfélszámítógép hozzá akar férni az egyik fájlhoz, a kérés a webkiszolgálóhoz kerül. A szerver megkeresi a megadott fájlt, és elküldi a kérést küldő ügyfélszámítógépnek. A webet alkotó számítógépek ezrei sokféle hardver és szoftver kombinációból állnak. Amikor egy kliens számítógép fájlt kér, gyakorlatilag semmit sem tud a szerver szolgáltatásairól, ahol a szükséges fájl tárolódik, vagy más számítógépekről, amelyek a szerverről a kliens felé továbbítják a fájlt egymásnak. Ahhoz, hogy egy ilyen rendszer működjön, olyan nyelveket és protokollokat kell használnia, amelyek függetlenek a hardvertől vagy az operációs rendszertől.

· URL és adatátviteli protokollok. Ha egy dokumentum töredékei szétszórva vannak a világ minden táján, és azt egyetlen, egységes dokumentumstílusban szeretné bemutatni a felhasználónak, akkor nagyon jó címrendszerre lesz szüksége. Az interneten minden fájlnak van egy URL-címe (Uniform Resource Locator). Például az Európai Szövetség webhelyének URL-címe futball - http://ru.uefa.com.

Az URL első része meghatározza azt a módszert, amellyel a számítógép hozzáfér a fájlhoz, vagyis a kommunikációs protokollhoz. A legtöbb weboldal a HTTP (Hypertext Transfer Protocol) használatával érhető el. Ezért a webcímet általában "http" betűkkel adják meg, és a böngészők automatikusan beszúrják ezeket a betűket a felhasználó által megadott webcím elé. Gyakran rész a http: // címek kimaradnak az URL elejéről.

A cím következő része a webszerver gazdagépneve. A domain névrendszer a kérést a webszerverhez irányítja, bárhol is legyen.

Egyes URL-ek információkat tartalmaznak, amelyeket a webszerver gazdagépneve követ. Ezek az adatok pontosan azonosítják a megtekinteni kívánt fájlt és a tárolási könyvtárat. Ha nincs megadva könyvtár- és fájlnév, akkor az adott webszerver alapértelmezett weboldala jelenik meg.

· HTML(Hypertext Markup Language – hiperszöveg jelölőnyelv) a web univerzális nyelve. Olyan oldalak elrendezésére szolgál, amelyeken a weben közzétett információk reprodukálhatók: szöveges, grafikus, valamint audio- és videoinformáció.

· Java és JavaScript. A Java nyelvet kis alkalmazások (úgynevezett kisalkalmazások vagy Java alkalmazások) webes küldésére tervezték. A JavaScript pedig kiterjeszti a HTML képességeit kis programok (vagy szkriptek) weboldalakba ágyazására. A kisalkalmazások és szkriptek fő célja a weboldalak interaktivitásának növelése – ahelyett, hogy egy távoli webszerverrel kommunikálna, a számítógépén futó kisalkalmazással és szkripttel dolgozik.

Léteznek Java kisalkalmazások és JavaScript is az animációk készítéséhez, amelyeket egy webszerver küld el a hálózaton keresztül a felhasználó számítógépén való végrehajtásra; elkerülik az animációs képkockák internetes továbbítását. A leírt folyamatok általában a felhasználó által észrevétlenül mennek végbe.

· VBScript és ActiveX vezérlők. A VBScript- és ActiveX-vezérlők az Internet Explorer által támogatott szabványos eszközök.

A VBScript a Visual Basic nyelv egyszerűsített változata, amelyet a Microsoft fejlesztett ki. Használható olyan szkriptek létrehozására, amelyek dinamikussá teszik a weboldalakat. Így a VBScript képességeiben hasonló a JavaScripthez.

Az ActiveX-vezérlők, mint például a Java kisalkalmazások, végrehajtható programok weboldalakba ágyazására szolgálnak. Amikor az Internet Explorer ActiveX-vezérlőket használó weboldalra talál, ellenőrzi, hogy az adott vezérlő telepítve van-e a számítógépen, és ha nincs, akkor telepíti.

· XML és más fejlett webnyelvek. Az XML (Extensible Markup Language) egy nagyon hatékony nyelv, amely felváltja a HTML-t, mint a webes alkalmazásfejlesztési nyelvet. A HTML-lel ellentétben az XML nem tartalmaz utasításokat az XML dokumentumban leírt adatok megjelenítésére vonatkozóan. Megjelenítésük módját a stílusleíró nyelv határozza meg, amely körülbelül ugyanazt a szerepet játszik az XML-ben, mint a HTML lépcsőzetes stíluslapjai. A W3C két stíluslap specifikációval működik: XSL (Extensible Style Language) és CSS (Cascading Style Sheets). Egy másik alapvető különbség az XML és a HTML között, hogy bármilyen címkét tartalmazhat, amit az XML szótár készítői használni szeretnének.

A HTML fejlettebb változata a DHTML (Dynamic HTML – Dynamic HTML), amely három összetevőből áll – HTML, JavaScript és CSS.

· Grafikus objektumok. A weben megjelenő képek, rajzok, térképek, diagramok és egyéb grafikák sokféle formátumban lehetnek. A grafikus információk megjelenítésének leggyakoribb formátuma a JPEG és a GIF.

· Audio és video fájlok. Az interneten számos hang- és videofájl található, amelyeket a böngésző integrált beépülő moduljain keresztül játszanak le. Az ilyen adatok átvitelének két módja van: a böngésző akár teljes fájlként is letöltheti (akkor a teljes információmennyiséget le kell játszani, ami sok időt vesz igénybe, mivel a hangfájlok nagyok, a videofájlok pedig egyszerűen hatalmas), vagy a fájlnak csak azt a részét vegye le, amelyet éppen le szeretne játszani. A második módszer az úgynevezett streaming audio vagy streaming video.

Hypertext Markup Language(HTML) – Hypertext Markup Language – a világhálón közzétett hiperszöveges dokumentumok írásához készült.

Hiperszöveg dokumentum Speciális címkékkel ellátott szöveges fájl, amelyet címkéknek neveznek, amelyeket a böngésző felismer, és a böngésző a fájl tartalmának megjelenítésére használja a számítógép képernyőjén. Ezekkel a címkékkel kiemelheti a dokumentum címeit, megváltoztathatja a betűk színét, méretét és stílusát, grafikákat és táblázatokat szúrhat be. De a hipertext fő előnye a normál szöveggel szemben az a képesség, hogy hozzáadja a dokumentum tartalmát hiperhivatkozások- a HTML nyelv speciális konstrukciói, amelyek segítségével egy egérkattintással át lehet váltani egy másik dokumentum megtekintésére.

Kétféleképpen hozhat létre hiperszöveges dokumentumokat. Használhatja a WYSIWYG HTML szerkesztők egyikét (például Microsoft FrontPage vagy más), amelyek nem igényelnek különleges ismereteket a készülő dokumentum belső szerkezetéről. Ezzel a módszerrel a HTML nyelv ismerete nélkül hozhat létre dokumentumokat a WWW számára. A HTML szerkesztők automatizálják a hipertext dokumentumok létrehozását, kiküszöbölik a rutinmunkát. Lehetőségeik azonban korlátozottak, nagymértékben megnövelik a kapott fájl méretét és a segítségükkel kapott eredmény nem mindig felel meg a fejlesztő elvárásainak. De természetesen ez a módszer elengedhetetlen a kezdők számára a hipertext dokumentumok elkészítésében.

Egy másik lehetőség a dokumentum létrehozása és megjelölése egy normál szövegszerkesztővel (Jegyzettömb). Ez a módszer manuálisan illeszti be a HTML-parancsokat a szövegbe. A dokumentumok ilyen módon történő létrehozásával pontosan tudja, mit csinál.

Mint már említettük, egy HTML-dokumentum szimbolikus információkat tartalmaz. Ennek egyik része maga a szöveg, vagyis a dokumentum tartalmát alkotó adatok. Egy másik - címkéket(jelölőcímkék), más néven zászlók jelölése, - a HTML nyelv speciális konstrukciói, amelyek egy dokumentum megjelölésére és megjelenítésének szabályozására szolgálnak. A HTML nyelv címkéi határozzák meg, hogy milyen formában jelenjen meg a szöveg, mely összetevői működjenek hipertext hivatkozásként, és mely grafikus vagy multimédiás objektumok szerepeljenek a dokumentumban. A HTML dokumentumban található grafikai és hanginformációkat külön fájlokban tároljuk. A HTML dokumentumnézegetők (böngészők) értelmezik a jelölőjelzőket, és ennek megfelelően rendezik el a szöveget és a grafikát a képernyőn. A HTML dokumentumokat tartalmazó fájlok esetében a .htm vagy a .html kiterjesztést fogadjuk el.

A címkék írásakor nem különböztetjük meg a nagy- és kisbetűket. A legtöbb esetben a címkéket párban használják. Egy pár egy kezdő- és egy végcímkéből áll. A nyitó címke szintaxisa:

<имя_тега [атрибуты]>

A szintaktikai leírásokban használt zárójelek azt jelzik, hogy az elem hiányozhat. A záró címke neve csak annyiban tér el a nyitó címke nevétől, hogy egy perjel előzi meg:

A címkeattribútumok a következő formátumban vannak írva:

név [= "érték"]

Az idézőjelek az argumentumérték megadásakor nem kötelezőek, és elhagyhatók. Egyes attribútumok esetében előfordulhat, hogy nincs megadva érték. A zárócímkének nincsenek attribútumai.

Bármely párosított címke művelete ott kezdődik, ahol a kezdő címkével találkozunk, és akkor ér véget, amikor a megfelelő zárócímkével találkozunk. Gyakran egy pár kezdő és záró címkét hívnak tartály, a nyitó és záró címkékkel határolt szövegrész pedig az elem.

A szöveget alkotó karaktersorozat állhat szóközökből, tabulátorokból, soremelésekből, kocsivisszaadásokból, betűkből, írásjelekből, számokból és speciális karakterekből (például +, #, $, @), kivéve a a következő négy karakter, amelyek különleges jelentéssel bírnak a HTML-ben:< (меньше), >(nagyobb, mint), & (és) és "(idézőjelek). Ha ezeknek a karaktereknek bármelyikét bele kell foglalnia a szövegbe, akkor azt speciális karaktersorozattal kell kódolnia.

HTML dokumentum szerkezet

Egy HTML 4 dokumentum három részből áll:

• egy karakterlánc, amely HTML verzióinformációkat tartalmaz,
• fejléc/fejléc szakasz deklarálása (a HEAD elem határolja),
• magát a tényleges dokumentumot tartalmazó törzs.

A törzset BODY vagy FRAMESET elemek tartalmazhatják. Szóköz karakterek(szóközök, újsor karakterek, fülek és megjegyzések) jelenhetnek meg e szakasz előtt vagy után.

Helló Világ!

A dokumentum elemmel kezdődik típus dokumentum vagy doctype. Leírja, hogy milyen típusú HTML kerül felhasználásra – így a felhasználó kliens alkalmazása meg tudja határozni, hogyan értelmezze a dokumentumot, és eldönthesse, hogy az követi-e az utasításában követni kívánt szabályokat.

Ezt követően láthatjuk a html elem nyitó címkéjét. Ez egy borító a teljes dokumentum körül. A záró html címke az utolsó objektum bármely HTML dokumentumban.

A html elemen belül található egy fejelem. Információkat tartalmaz a dokumentumról (metaadatok). A fejben található egy címelem, amely meghatározza az "Egyszerű oldal" címet a menüsorban.

A head elemet egy body elem követi, amely az oldal tényleges tartalmát tartalmazó wrapper - jelen esetben csak egy első szintű címsorelem (h1), amely a "Hello world!" szöveget tartalmazza. ...

Az elemek gyakran más elemeket is tartalmaznak. A dokumentum törzse mindig sok beágyazott elemet fog tartalmazni.

Az oldal szakaszai hozzák létre a dokumentum általános szerkezetét, és alszakaszokat is tartalmazhatnak. Tartalmazhatnak még címsorokat, bekezdéseket, listákat stb. A bekezdések tartalmazhatnak olyan elemeket, amelyek hivatkozásokat hoznak létre más elemekhez, idézeteket, kiemeléseket stb.

HTML elem szintaxis

A HTML egyik alapeleme két címkéből áll egy szövegblokk körül. Vannak olyan elemek, amelyek nem tördelik a szöveget, és szinte minden esetben az elemek tartalmazhatnak alelemeket (ahogy a fenti példában a html tartalmazza a fejet és a törzset).

Az elemek is rendelkezhetnek attribútumokat amelyek módosíthatják az elem viselkedését és további értéket hozhatnak létre.

Ebben a példában a div elemhez (oldalszakasz, a dokumentumok logikai blokkokra való felosztásának módja) van egy hozzáadott id attribútum, amely a következőre van állítva: árboccsúcs... A div elem tartalmaz egy h1 elemet (az első vagy legfontosabb szint fejléce), amely viszont tartalmaz némi szöveget. A szöveg egy része egy elembe van csomagolva röv(amely a rövidítés kiterjesztésének meghatározására szolgál), amelynek a title attribútuma a következőre van beállítva Hypertext Markup Language.

A HTML-ben sok attribútum minden elemre közös, de néhány jellemző egy adott elemre vagy elemekre. Mindegyiknek a következő a formája:

kulcsszó = "érték"

Az értéket szimpla vagy dupla idézőjelek közé kell tenni (bizonyos helyzetekben az idézőjelek hiányozhatnak, de ez nem túl jó a kiszámíthatóság, a megértés szempontjából).

Az attribútumokat és azok lehetséges értékeit főként a HTML specifikációi határozzák meg (http://www.w3.org/TR/html401/index/attributes.html), így saját attribútumokat nem hozhat létre. Az egyetlen igazi kivétel az id és osztály attribútumok, amelyek értékei teljes mértékben arra szolgálnak, hogy hozzáadják a saját jelentését és szemantikáját a dokumentumokhoz.

Egy másik elemen belüli elemet ún "leszármazott" ez a dolog. A fenti példában röv a h1 gyermeke, ami viszont egy div gyermeke. Ezzel szemben a div a h1 elem "őse".

Blokkszintű és soron belüli elemek

A HTML elemeinek két fő kategóriája van, amelyek megfelelnek a tartalom típusának és az elemek által képviselt szerkezetnek - blokk szintű és inline elemek.

Blokk szint egy elem magasabb szintjét jelöli, általában a dokumentum szerkezetéről tájékoztat. A blokkszintű elemek olyan elemeknek tekinthetők, amelyek egy új sorban kezdődnek, elszakadva az előzőtől. Gyakori blokk elemek vannak bekezdések, listaelemek, címsorok és táblázatok.

String elemek blokkszintű szerkezeti elemekben találhatók, és a dokumentumszövegnek csak egy részét fedik le, teljes területeket nem. Az inline elem nem okoz új sort a dokumentumban, mivel olyan elemek, amelyek a szöveg egy bekezdésében jelennek meg. Gyakori húrelemek vannak hipertext hivatkozások, kiemelt szavak vagy kifejezések és rövid idézetek.

Cím

A HTML-dokumentum feje egy opcionális jelölőelem. Eredetileg a cím létét az igény diktálta böngésző ablak elnevezése... Ezt úgy sikerült elérni jelölőelem CÍM:

... ...

A HTML-dokumentum fejlécének másik funkciója a HTTP-csere vezérlése ezen keresztül jelölőelem META. A jelenlegi gyakorlat szerint, hogy a szolgáltatók szerverein tárolják a cégek webhelyeit, előfordulhat, hogy ezeknek a webhelyeknek a rendszergazdái nem tudják kezelni a szerverprogramot. Ebben az esetben csak egy lehetőség marad a csere vezérlésére - a HTML dokumentum fejlécén keresztül.

A HTML dokumentum fejléce a dokumentum keresőképét is leírja, amely a dokumentum keresőrobotok általi indexeléséhez szükséges. A META elem lehetővé teszi kulcsszólisták és dokumentumleírások tárolását, amelyek a keresőmotor indexének összeállítására szolgálnak, és a dokumentum leírásaként jelennek meg, ha a kulcsszavas keresés során egy hivatkozást adnak vissza.

Az alapvető fejléccímkék olyan HTML-jelölő elemek, amelyek leggyakrabban egy HTML-dokumentum fejlécében találhatók, pl. belül jelölőelem FEJ:

• CÍM (a dokumentum címe);
• BASE (alap URL);
• ISINDEX (keresési minta);
• META (metainformáció);
• LINK (általános linkek);
• STÍLUS (stílusleírók);
• SCRIPT (scriptek).

A leggyakrabban használt elemek a TITLE, SCRIPT, STYLE. A META elem használata azt jelzi, hogy a szerző tisztában van a dokumentumok keresőmotorokban történő indexelésének szabályaival és a HTTP-adatcsere szabályozásának lehetőségével. A BASE és az ISINDEX gyakorlatilag nem használatos az utóbbi időben. A LINK csak akkor van megadva, ha a dokumentumon kívüli stíluslapleírókat használ.

Jelölő elem A HEAD a HTML dokumentum fejrészét tartalmazza. Az jelölőelem opcionális. Ha van kezdőcímke jelölőelem célszerű a végcímkét is használni jelölőelem... Alapértelmezés szerint a HEAD elem bezárul, ha a BODY tároló kezdőcímkéjével vagy a FRAMESET tároló kezdőcímkéjével találkozik.

A fejléctároló a teljes dokumentum egészére vonatkozó információk tárolására szolgál.

Jelölő elem A TITLE egy dokumentum elnevezésére szolgál a világhálón. Amikor szöveget választ a TITLE tároló tartalmához, ne feledje, hogy az megjelenik rendszer betűtípus mert ez a böngészőablak címe.

A TITLE tároló általános szintaxisa a következő:

A fejléc nem szükséges a dokumentum tárolójaként. Kihagyható. Sok keresőrobot használja a TITLE elem tartalmát egy dokumentum keresési képének létrehozásához. A TITLE szavai a keresőmotor indexébe kerülnek. Ezen okok miatt a TITLE elem használata mindig ajánlott a webhely oldalain.

Jelölő elem A BASE a dokumentum hipertext hivatkozásainak alap URL-címének meghatározására szolgál, hiányos (részleges) formában. Ezenkívül a BASE lehetővé teszi az alapértelmezett dokumentumbetöltési célablak meghatározását, amikor kiválasztja az aktuális dokumentum hiperszöveges hivatkozását. A BASE leggyakrabban olyan webhelyoldalakon található, amelyeken "tükrök" vannak. Különböző okok miatt a fő szerveren lévő dokumentumok egy része nem kerül átvitelre a „tükör” szerverre. Ebben az esetben a kényszerített alap URL-t tartalmazó dokumentum mindig a fő szerverre fog hivatkozni.

A tároló kezdőcímke egy kötelező HREF attribútumot tartalmaz, és tartalmazhat egy opcionális TARGET attribútumot is. A BASE-tároló szintaxisa általánosságban így néz ki:

Jelölő elem Az ISINDEX egy keresési minta megadására szolgál, és a HTML korábbi verzióiból öröklődik. Ez a tároló nincs definiálva a HTML 4.0-ban.

META jelölőelem

A META olyan vezérlő információkat tartalmaz, amelyeket a böngésző a dokumentumtörzs tartalmának helyes megjelenítéséhez és feldolgozásához használ, például a Content-type attribútum használatával megadhatja a dokumentum kliens oldali átkódolását.

Más operátorok is megadhatók a META használatával. Például tiltsa le a dokumentum gyorsítótárazását. A gyorsítótárazás letiltásához illesszen be egy ehhez hasonló címkét a META fejlécébe:

A HTTP protokoll új verziójában (HTTP 1.1) a gyorsítótárazást a Cache-Control operátor vezérli. Ahhoz, hogy ugyanazt az eredményt kapja, mint a Pragma, a HTML dokumentum fejlécében elég megadni:

Megakadályozhatja a dokumentum elküldése utáni tárolását.

HyperTextMarkupLanguage (HTML) – Hypertext Markup Language – a WorldWideWeben közzétett hiperszöveges dokumentumok írásához készült.

A hiperszöveg dokumentum olyan szöveges fájl, amely speciális címkékkel, úgynevezett címkékkel rendelkezik, amelyeket a böngésző felismer, és a böngésző a fájl tartalmának megjelenítésére használja a számítógép képernyőjén.

Ezekkel a címkékkel kiemelheti a dokumentum címeit, megváltoztathatja a betűk színét, méretét és stílusát, grafikákat és táblázatokat szúrhat be. De a hipertext fő előnye a normál szöveggel szemben, hogy hiperhivatkozásokat adhat hozzá a dokumentum tartalmához - a HTML nyelv speciális konstrukciói, amelyek lehetővé teszik egy másik dokumentum megtekintését egy egérkattintással.

HTML dokumentum szerkezet

A HTML-címkék közül a legfontosabb az azonos nevű címke. ... Mindig megnyitja a dokumentumot, akárcsak a címkét minden bizonnyal az utolsó sorában kell lennie. Ezek a címkék azt jelzik, hogy a köztük lévő vonalak egyetlen hiperszöveges dokumentumot jelölnek. E címkék nélkül a böngésző vagy más megjelenítő nem tudja azonosítani a dokumentum formátumát és helyesen értelmezni.

A HTML-dokumentum két részből áll, egy fejből és egy törzsből, a következő sorrendben:

Dokumentum címe

Dokumentumtörzs

Leggyakrabban a dokumentum címe párosított címkét tartalmaz a dokumentum címének megadásával. Sok néző használja annak az ablaknak a címeként, amelyben a dokumentumot megjeleníti. Az internetes dokumentumokat indexelő programok a nevet használják az oldal azonosítására. A jó címnek elég hosszúnak kell lennie ahhoz, hogy helyesen jelezze a megfelelő oldalt, és egyben elférjen az ablak címsorában. A dokumentum neve a nyitó és záró címke közé illeszkedik.

Az irattörzs kötelező elem, mivel a dokumentum összes anyagát tartalmazza. A dokumentum törzse a címkék közé kerül és

... Mindent, ami ezek közé a címkék közé kerül, a böngésző a HTML nyelv szabályai szerint értelmezi, ami lehetővé teszi az oldal helyes megjelenítését a monitor képernyőjén.

A HTML-ben a szöveget egy tag segítségével bekezdésekre osztják<р>... Minden bekezdés elejére kerül, és a néző találkozik vele, és egy üres sorral választja el a bekezdéseket egymástól. Végcímke használatanem szükséges.

Ha meg kell "törnie" a szöveget, át kell vinnie a többit egy új sorba, és anélkül, hogy új bekezdést emelne ki, használja a sortörés címkét
... Ez arra készteti a nézőt, hogy az őt követő karaktereket egy új sorban jelenítse meg. A bekezdéscímkével ellentétben a
nem ad hozzá üres sort. Ennek a címkének nincs egyező zárócímkéje.

A HTML támogatja a dokumentumtartalom logikai és fizikai formázását. A logikai formázás az adott szövegrész célját jelzi, míg a fizikai formázás a megjelenését.

Logikai szövegformázás használatakor a böngésző a dokumentum szerkezetének megfelelően kiemeli a szöveg különböző részeit. A cím megjelenítéséhez az egyik címcímkét használjuk. Egy tipikus dokumentumban a címsorok szintekbe vannak sorolva. A HTML hat címsorszint meghatározását teszi lehetővé: h1 (első szintű címsor), h2, h3, h4, h5 és h6. Az első szintű címsor általában nagyobb és nehezebb, mint a második szintű címsor. Példa a fejléccímkék használatára:

l. Fejezet címe

l.l. A szakasz címe

A fizikai formázási címkék közvetlenül szabályozzák, hogy a szöveg hogyan jelenjen meg a böngésző képernyőjén, például egy pár félkövérré teszi a szöveget, beállítja a szöveg aláhúzását, szabályozza a szöveg betűtípusát.

Címke beszúr egy képet a dokumentumba, mintha csak egy nagy karakter lenne. Példa a címke használatára:

Néhány címkét használnak hipertext hivatkozás létrehozásához<а>... ... A címkék között található szövegrész, kép vagy bármely más objektum hipertext hivatkozásként jelenik meg a böngészőablakban. Egy ilyen objektum aktiválása egy új dokumentum betöltését eredményezi a böngészőablakban, vagy az aktuális weboldal egy másik részének megjelenítését eredményezi. A hipertext hivatkozás a következő kifejezéssel jön létre:

A Href itt egy kötelező attribútum, amelynek értéke a kért erőforrás URL-je. Az idézőjelek nem kötelezőek a href attribútum értékének megadásakor. Ha egy hivatkozás egy másik szerveren lévő dokumentumra van beállítva, akkor a hivatkozás típusa a következő:

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

Különféle címkék segítségével táblázatokat rajzolhat, szöveget formázhat, képeket, video-hangfájlokat stb. szúrhat be egy dokumentumba.

A hiperszöveg jelölés arra szolgál, hogy jelezze, hogy a képernyő mely részén és hogyan kell a szöveget megjeleníteni, illetve hogy a hipertext adatbázist alkotó szövegek hogyan kapcsolódnak egymáshoz. Ebből a célból speciális vezérlőkaraktereket vezetnek be a szövegbe. A megtisztított szöveg egyszerű szöveges fájlban van tárolva ASCII kódokban, és szinte bármilyen szövegszerkesztővel feldolgozható.

A HTML hipertext jelölőnyelvet Tim Berners-Lee javasolta 1989-ben. A HTML létrehozása idején létezett egy szabvány a nyomtatott dokumentumok jelölőnyelvére - az SGML (Standard Generalized Markup Language), amelyet a HTML alapjául vettek. Feltételezték, hogy egy ilyen megoldás segít a meglévő szoftverek felhasználásában az új nyelv értelmezésére.

A HTML hipertext adatbázis elemeként egy egyszerű szöveges fájlt választottunk, amelyet az operációs környezet fájlrendszere tárol.

Így a hiperszöveges adatbázis a WWW koncepcióban HTML-ben írt szövegfájlok halmaza, amely meghatározza:

Az információ megjelenítésének formája (markup);

A fájlok közötti hivatkozások szerkezete (hiperszöveg hivatkozások). Ez a megközelítés még egy komponens jelenlétét feltételezi

technológia - nyelvi tolmács. A WWW-ben az értelmező funkciók a hipertext adatbázis-kiszolgáló és a felhasználói felület között vannak megosztva. A szerver a dokumentumok elérése és a hipertext linkek feldolgozása mellett a dokumentumok előfeldolgozási feldolgozását is végzi, míg a felhasználói felület az információ megjelenítéséhez kapcsolódó nyelvi konstrukciókat értelmezi.

1990-ben. a HTML 0 nulla verziója volt.

Az első verzió (HTML 1.0) a nyelv mint olyan ábrázolását tűzte ki célul, ahol a képességeinek leírása inkább tanácsadó jellegű volt.

Az előrejelzések minden kereskedési rendszer gerincét képezik, így a jól kidolgozott előrejelzések gazdaggá tehetik.

A második verzió (HTML 2.0) rögzítette a nyelvi konstrukciók használatának gyakorlatát, és a WWW felépítésének szabványává vált.

A HTML ++ verziója új lehetőségeket kínált a tudományos információk és táblázatok bemutatására, valamint a szövegek és képek elrendezési stílusának javítására.

A harmadik verzió (HTML 3.0) minden újítást leegyszerűsített, és formalizálta a hipertext elosztott rendszer felhasználói felületét.

1996-ban. megjelent a nyelv új verziója: a HTML 3.2, amely táblák készítésére szolgáló eszközöket, Java nyelvi konstrukciókat, képtérképeket (a kliensgépen található) és új típusú szövegformázást tartalmaz.

A HTML egy szövegalapú nyelv, amelyben a formázási utasítások, az úgynevezett címkék be vannak ágyazva a dokumentum szövegébe.

A HTML-dokumentum létrehozásának folyamata abból áll, hogy címkéket kell beilleszteni a formázatlan szövegbe, amely információs terhelést hordoz.

A HTML címkék olyan karaktersorozatok, amelyek kisebb, mint jellel kezdődnek (<) и заканчивающиеся знаком “больше” (>).

A HTML-ben a legtöbb formázási funkció logikai, nem pedig fizikai stílusokat ad meg. Például a címsorcímkék, amelyek általában nagyobb betűméretet jeleznek, nem jelzik, hogy melyik méretet kell használni. A böngésző (amely kliensprogramként működik) nagyobb szövegméretet választ a címsorokhoz. Ez a megközelítés lehetővé teszi, hogy megszabaduljon a platformtól – a Macintosh-on készített dokumentumot UNIX vagy Windows használhatja. Hátránya, hogy a dokumentum eltérően néz ki a különböző platformokon.

A WWW böngészők a következő szabályok szerint működnek a HTML-mondatok elemzésekor:

A szóközöket és más "láthatatlan" karaktereket figyelmen kívül hagyja;

Minden címke csoportokra osztható: alapcímkék, formázási címkék, szerkezeti címkék, mutatók stb.;

A formázási címkék kis- és/vagy nagybetűkkel írhatók;

A legtöbb formázási címke párban van írva. A nyitó címke aktiválja az effektust, a záró címke pedig kikapcsolja. Egy pár címkét néha tárolónak is neveznek, mivel a be- és kikapcsolódásuk hatásuk megjelenik a bennük lévő szövegben. Például annak jelzésére, hogy egy karakterláncot félkövér karakterekkel kell nyomtatni, a következőket kell írni:< B >Ez a sor félkövéren lesz kinyomtatva

A zárócímkén belüli szöveget mindig egy fordított perjel előzi meg. Az alapvető HTML-címkék közül a szabály alól kivételek a következők:< BASE >(alapinformációk),< BR >(a vonal vége),< HR >(vízszintes vonalzó), és< IMG >(kép). Ezek a címkék egyetlen példányban léteznek.

Minden HTML-dokumentumnak van szegélycímkéje:< HTML >és... Ez a címkepár magában foglalja a weboldal összes többi címkéjét és a dokumentum összes információs tartalmát. Valójában kijelentik, hogy a tároló minden tartalma HTML kód. Címke< HTML >a fájl és a címke első sorában kell lennie- az utóbbiban.

Minden HTML dokumentum tartalmazza a dokumentum címét és törzsét.

A dokumentum címe azonosítja a dokumentumot. Közvetlenül a címke után kell lennie< HTML >és kezdje azzal< HEAD >... A cím címkével végződik.

A dokumentum címének tartalmaznia kell a dokumentum címét és alap URL-jét.

A dokumentum neve a címkék között található< TITLE >és... A böngésző és a webszerver használja. A név nem haladhatja meg a 40 karaktert. A dokumentum címe legyen tájékoztató jellegű, tükrözze a dokumentum tartalmát, hogy az azonosítható legyen. A név megjelenik az Internet Explorer címsorában, az Előzmények listában és a Kedvencekben.

Az alap URL-nek teljesen minősítettnek (abszolútnak) kell lennie, és tartalmaznia kell a protokollt, az internetcímet és a fájlnevet. A címkén fel van tüntetve< BASE HREF = “базовый_URL”>... A dokumentumban található összes többi URL relatív lehet az alap URL-hez. Például, ha az alap URL: http://www.microsoft.com/products/office/word/datasheets.htmlés meg kell adnia a szolgáltatások URL-jét. html, amely ugyanazon a szerveren a / products / office / excel könyvtárban található, megadhatja: ../ excel / features. html a teljes URL beírása helyett.

Szimbólumok. ./ jelzi, hogy egy könyvtárszinttel feljebb szeretne lépni az alapcímhez képest.

Az alapcím megléte megkönnyíti a dokumentum átvitelét egy másik szerverre, mert ha a dokumentumban lévő összes többi URL relatív, akkor az átvitel során csak az alap URL-ben szereplő szerver nevét kell megváltoztatni.

Dokumentumtörzs tartalmazza az összes információt hordozó szöveget és a szöveg formázásához használt HTML címkéket. A dokumentum törzse közvetlenül a címsor után kezdődik, és címkék határolják< BODY >és.

Példa HTML dokumentumra:

< TITLE >A dokumentum neve

< BASE HREF = “базовый_URL” >

A dokumentum törzsében használt címkék lehetővé teszik a szövegjelölés alábbi elemeinek megadását:

Bekezdés eleje és sor vége

Címsor stílusok

Fizikai stílusok – Logikai stílusok

Különleges szimbólumok.

Hiperszöveges hivatkozások két részből áll: egy mutatóból és egy URL-ből. A mutató olyan szöveg, amelyre a felhasználónak rá kell kattintania, hogy valahova elmozduljon. Az URL azt a címet adja meg, ahonnan a böngésző letölti a dokumentumot, amikor a felhasználó a mutatóra kattint.

A szöveges mutatók a grafikus böngészőkben általában aláhúzottak és színesen kiemelve vannak. A tiszta szöveges böngészőkben félkövér betűkkel vannak szedve.

Bármely szöveg használható indexként, méretétől és formázási jellemzőitől függetlenül. Egy index több betűből, szóból vagy akár szövegsorból is állhat.

Mutató formátuma:

< A HREF = “ URL ”>index szöveg ,

hol van az A betű a címkében< A HREF >az anchor rövidítése, a HREF pedig a Hypertext REFerence rövidítése. Minden a címkék között< A HREF = “ URL ”>ésaz indexszöveg, amely aláhúzott vagy félkövér betűkkel jelenik meg.

Más formázási kódok is használhatók a hipertext mutatókkal együtt. Például:

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

< I > < A HREF = “ URL ”>Tovább a részletesebb bemutatásra