3. Hiperszöveg nyelvű HTML

A hiperszövegnek egy szóval kell kezdődnie, és szóval kell végződnie. A szögletes zárójelben lévő szavakat a HTML-ben címkéknek, a programozásban pedig leíróknak nevezzük. Szinte minden HTML-címke párosítva van – és így tovább.

A párosított címkék kiemelik a hipertext egy bizonyos töredékét - "cím", "törzs" stb. Az első címke a töredéket kezdi, a második pedig befejezi. A záró leírókban a név elé egy tört karakter kerül /.

A HTML nyelven írt hiperszöveg általános szerkezete:

hypertext :: = cím törzse

cím :: = cím

cím :: = cím

törzs :: = szöveg

A HTML szabályai szerint a hipertextnek rendelkeznie kell "címmel" és "testtel". Kiadványként a hiperszöveg tartalmazhat és kell, hogy tartalmazzon információkat a szerzőkről és a szerzői jogok tulajdonosairól (oldalakról).

A hipertext címének tartalmaznia kell a "címet", amelyet a böngészők a számítógép képernyőjének legfelső sorában jelenítenek meg. A címnek kifejeznie kell a kiadvány fő gondolatát (oldal). A cím nélküli hipertext olyan, mint egy cím nélküli cikk.

A hipertext "törzsének" szövegeket, táblázatokat, fényképeket és illusztrációkat kell tartalmaznia. Az elektronikus hipertext és a közönséges papír szövegek közötti különbség a hiperhivatkozások beépítése, amelyekre kattintva új hipertext töltődik be.

Példa hiperszövegre és annak eredményére, ahogyan böngészővel megjeleníti a számítógép képernyőjén:

Hiperszöveg: Eredmény:

A böngésző eredménye betölti és a számítógép képernyőjén megjeleníti az oldalon tárolt hiperszöveget a böngészőablakban feltüntetett címen. Ha a hipertext túl nagy, a böngésző megjeleníti a hipertext nyomógombokat a képernyő jobb oldalán vagy alján.

A számítógép képernyőinek méretei a következő spektrummal rendelkeznek. A minimális képernyőméret 640 x 480 pixel. Ezenkívül a szabványos képernyőméretek 800 x 600, 1024 x 768 és 1280 x 1024 pixelek. Ezért másképp nézhet ki a különböző képernyőkön.

A hipertext általános felépítése és megjelenítése a számítógép képernyőjén:

Hiperszöveg: Eredmény:

A szöveges rész sorokból és bekezdésekből állhat címsorral és címsor nélkül, listákkal, táblázatokkal és menükkel.

törzs :: - szöveg

szöveg :: = címsor (szöveg) |

lista (szöveg) |

táblázat (szöveg) |

A hipertextben a címsorok a következőképpen vannak formázva:

fejléc :: =

cím

fejléc :: =

cím

fejléc :: =

cím

ahol a H2, ..., h6 címkék beállítják a címsorok méretét a törzsszöveghez viszonyítva.

A hiperszöveg bekezdései leíróval kezdődnek

hipertext |

|

A sortöréseket és a bekezdéseket a fogantyú jelzi ... A bekezdés vége p> nem kötelező, de kötelező, ha paramétereket használ a bekezdésleíróban.

A bekezdések fő paramétere - igazítás - szövegek igazítása a számítógép képernyőjén. A szövegek igazítását a böngésző automatikusan végzi el a számítógép képernyőjének méretétől függően:

igazítás = a képernyő közepe-közepe:

igazítás = balra- balra;

igazítás = jobbra - jobbra;

igazítás = igazítás - teljes képernyő.

A bekezdések igazításához egyetlen általános stílust kell kiválasztani, amelyet mindenkire alkalmazni kell a webhely összes hiperszövegében.

A hipertext stílusának kialakításához a HTML betűtípusok, stílusok és erőforrások gazdag tömbjével rendelkezik. A legegyszerűbb tervezési eszköz a szavak kiemelése, hogy felhívja a webhely olvasóinak figyelmét a szöveg egyes részeire.

A hiperszövegben lévő szavak kiemeléséhez félkövér vagy aláhúzás használható a következő címkékkel:

Nagy karakterek

félkövér betűtípus

dőlt i>

aláhúzás

áthúzott

kis karakterek

A betűtípus kiválasztását a hipertextben a címke határozza meg : fonts :: = text font>

Betűtípus-paraméterek - méretük és típusuk. A betűméreteket a size = size paraméter állítja be.

A méret kifejezetten 1-től 6-ig van feltüntetve, akár növekvő +1, +2 vagy csökkenő -1, -2 formájában.

A betűtípust a paraméter állítja be

arc = betűtípus

A betűtípus itt az egyik szabványos betűtípus: Times, Courier stb.

A betűszínt a color = color paraméter állítja be, ahol a szín a kiválasztott hipertext töredék színe. Például - szöveg kiemelése pirossal:

szöveg font>

Szabványos színnevek a НТМL nyelven:

piros - piros, zöld - zöld, kék - kék, fekete-fekete,

fehér - fehér, arany - arany, sárga-sárga stb.

A hipertext kialakításához a legjobb, ha egy professzionális kiadó által kiadott jó könyvet, folyóiratot, vagy valakinek az interneten professzionálisan megtervezett e-könyvet, újságot vagy weboldalt érdemes mintának venni.

Az egységes tervezési stílus minden könyvben, folyóiratban és weboldalon megjelenő kiadvány fontos tulajdonsága. A jövőben a legjobb, ha betartja az elfogadott szabványt és tervezési stílust az oldal létrehozásának és karbantartásának teljes időtartama alatt.

A hipertext töredékei elhelyezhetők ugyanazon a helyen, vagy több helyen vagy akár több szerveren is. A külső hivatkozások a megfelelő fájlok nevét jelzik a webhelyen, a szerveren vagy az interneten:

A külső hivatkozások általános formája:

ahol a "cím" a hiperszöveg címe a webhelyen vagy egy másik internetes szerveren.

Példák külső hiperhivatkozásokra:

a) weboldal címe az interneten:

http:// bak2.nagod.gu

b) oldal címe az oldalon:

http:// bak2.nagod.gu/inrogl.html.

c) az oldal címe a webhely mappájában;

http:// bak2.nagod.gu/tests/test2.html.

tesztek 2 a>

Az oldalakon található hiperhivatkozások apparátusával megszervezzük az összes rajz, fénykép és egyéb grafikai illusztráció elhelyezését. Ehhez minden grafikus illusztrációval ellátott fájl előre rögzítve van az oldalon.

A grafikus fájlok általában a webhelyeken és egy kép nevű külön mappában találhatók. Az illusztrációk betöltését a felhasználói számítógépek képernyőjére a böngészők végzik operátorok segítségével :

Az operátorok általános formája grafikus illusztrációk betöltéséhez:

Az illusztrációk elrendezését a számítógép képernyőjén az igazítási paraméterek határozzák meg: igazítás = balra - a képernyő bal széle mentén, igazítás = jobbra - a képernyő jobb széle mentén. Ebben az esetben a szöveg az illusztráció körül, jobbra vagy vakra folyik.

Az illusztrációkat a képernyő felső vagy alsó szélére lehet nyomni, amit a paraméterek állítanak be: align = top - a felső széléhez, igazítás = alsó - a képernyő alsó széléhez, vagy igazítás a képernyő közepére - igazítás = közép.

Az illusztrációk számítógép képernyőn való elhelyezéséhez a szélességük és magasságuk megadható a betöltési operátorban:

magasság: = magasság = "magasság"

szélesség: = szélesség = "hossz"

Az illusztrációk méretét a képernyőn lévő pontok száma (pixelben) vagy a számítógép képernyőjének magasságának vagy szélességének százalékában határozhatja meg. Ez utóbbi esetben az illusztrációk különböző méretűek lesznek a különböző képernyőkön. Ha kiszámítja a minimális méretű képernyők illusztrációinak helyét, biztos lehet benne, hogy azok bármilyen más méretű képernyőn elhelyezhetők.

Az illusztrációk méretét általában úgy választják meg, hogy azok teljes egészében láthatóak legyenek a minimális méretű számítógép képernyőjén is. Ha a számítógépes daru nagyobb, az illusztrációk csak egy részét foglalják el.

A hiperszöveges listák a listaelemek számozásával vagy kiemelésével ellátott listák. Minden elem címkékkel kezdődik

... A számozott listák a címkével kezdődnek

és a címkével fejezzük be

... A számozatlan listákat címkék választják el.

A hiperszöveges listák egy praktikus eszköz a tartalomjegyzékek rendszerezéséhez összetett webhelyeken és nagy hipertextekben. Az ilyen listák elemei az oldalak megfelelő részeinek címei (fejezetek, e-könyvek és könyvtárak szakaszainak bekezdései).

Következtetés

A HTML egy hiperszöveges jelölőnyelv.

Minden elhelyezett fájlnak hiperszövegnek kell lennie, HTML formátumban kell lennie, és olyan azonosítókkal kell rendelkeznie, mint a.html.

A HTML egy hiperszöveges jelölőnyelv, amelyet webszervereken tárolnak, és a böngészők megjelenítenek a számítógép képernyőjén. A HTML nyelv határozza meg a hiperszöveg leírásának és a böngészők általi megjelenítésének szabályait a számítógép képernyőjén.

A hipertext jelölőnyelv fejlődését két tényező befolyásolta jelentősen: a hipertext rendszerek interfészeinek kutatása, valamint az a vágy, hogy egyszerű és gyors módot nyújtsanak a hálózaton elosztott hipertext adatbázis létrehozására.

Az elemek beágyazásának alapvető szabályai:

Az elemek nem fedhetik át egymást;

A blokkelemek tartalmazhatnak beágyazott blokk- és szövegelemeket;

A szöveges elemek tartalmazhatnak beágyazott szövegelemeket;

A szöveges elemek nem tartalmazhatnak beágyazott blokkelemeket.

Szigorúan véve a HTML nyelv összes szabálya. kizárólag „kívánságnak” tekinthetők. A webdokumentum megjelenítéséhez használt eszköz mindent megtesz annak érdekében, hogy a jelölést a legésszerűbb módon értelmezze. Azonban csak a nyelvi előírások szigorú betartása garantálja a dokumentum megfelelő reprodukálását.

Bibliográfia

"Gazdasági informatika" / Under. szerk. P.V. Konyukhovsky és D.N. Kolesova, Szentpétervár: Péter, 2000, 560-as évek.

Kaimin VA, „Informatika”, tankönyv, 4. kiadás. M .:, 2003-285s.

"Informatika", alapszak, 2. kiadás / Under. szerk. S.V. Simonovich, Szentpétervár: 2003, 640-es évek.

A hiperszöveg jelölés arra szolgál, hogy jelezze, 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ának elemeként egy egyszerű szöveges fájl került kiválasztásra, amelyet az operációs környezet fájlrendszere tárol.

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

Információ-bemutató űrlap (jelölés);

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, a felhasználói felület pedig 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 racionalizált, é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ázatok 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ő (ami kliens programké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 ezt a hatást, a záró címke pedig kikapcsolja. Egy pár címkét néha tárolónak is neveznek, mert a be- és kikapcsolá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 sor 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 pár címke magában foglalja az összes többi címkét a weboldalon é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áiban és a Kedvencekben.

Az alap URL-nek teljesen minősítettnek (abszolút) 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 szereplő ö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.

A dokumentum törzse tartalmazza az összes információt hordozó szöveget és a szöveg formázásához használt összes HTML címkét. 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öveg 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 el tudjon lépni. 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 ezek félkövéren 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

SGML(Angol szabványos általánosított jelölőnyelv - szabványos általánosított jelölőnyelv; ejtsd: [es-ji-em-el]) egy metanyelv, amelyben megadhat egy jelölőnyelvet a dokumentumokhoz. Az SGML az IBM 1969-es Generalized Markup Language (GML) utódja, és nem tévesztendő össze az Open GIS Consortium által kifejlesztett Geography Markup Language-vel.

Az SGML-t eredetileg géppel olvasható dokumentumok megosztására tervezték nagy kormányzati és űrkutatási projektekben. Széles körben használták a nyomtatásban és a kiadókban, de összetettsége megnehezítette a mindennapi használatban való széles körben történő alkalmazását.

Az SGML-dokumentum fő részei a következők:

SGML deklaráció - meghatározza, hogy milyen karakterek és határolók jelenhetnek meg az alkalmazásban;

Dokumentumtípus definíció – meghatározza a jelölőkonstrukciók szintaxisát. A DTD tartalmazhat további definíciókat, például szimbolikus mnemonikus hivatkozásokat;

A szemantikai specifikáció, amely a jelölésre utal, szintaktikai korlátozásokat is tartalmaz, amelyeket nem lehet kifejezni egy DTD-n belül;

Egy SGML dokumentum tartalma – legalább gyökérelemnek kell lennie.

Az SGML számos lehetőséget kínál a szintaktikai jelölésekhez, amelyeket különféle alkalmazások használhatnak. Az SGML deklaráció módosításával akár a szögletes zárójelek használatát is megszüntethetjük, bár ez a szintaxis szabványnak számít, az úgynevezett konkrét referencia szintaxis.

Minta SGML szintaxis:

jellemzően valami ilyesmi ez

Az SGML-t az ISO szabványosítja: "ISO 8879: 1986 Információfeldolgozás - Szöveg- és irodai rendszerek - Szabványos Általános jelölőnyelv (SGML)"

A HTML és az XML az SGML-ből származik. A HTML egy SGML-alkalmazás, az XML pedig az SGML egy részhalmaza, amely a dokumentumok gépi elemzésének egyszerűsítésére szolgál. További SGML alkalmazások az SGML Docbook (dokumentáció) és a "Z Format" (tipográfia és dokumentáció).

XML- Az Extensible Markup Language, azaz az Extensible Markup Language a HTML (HyperText Markup Language) nyelv fejlesztése eredményeként jött létre. Nagy hiba lenne azonban csak a HTML nyelv továbbfejlesztett változataként gondolni rá. Lényegében az XML a jelölőnyelvek következő generációja. Három szempontot érdemes szem előtt tartani, amelyek alapvetően megkülönböztetik az XML-t a HTML-től és elődjeitől (GML – Generalized Markup Language, SGML – Standard General Markup Language):

Az XML-nek, ellentétben a HTML-lel, NINCS MEGHATÁROZOTT CÍMKE - pontosabban minden fejlesztő készíthet SAJÁT XML címkéket - annyit, amennyire szüksége van. Az ilyen címkék száma gyakorlatilag korlátlan. Így az XML egy metanyelv, amely lehetővé teszi más jelölőnyelvek, például HTML létrehozását.

A HTML nyelv fejlődésével a címkék száma gyorsan nőtt. Végül számuk elérte a "kritikus értéket" - a webes dokumentumfejlesztők számára egyre több címkét nehezen tudtak megjegyezni, de a böngészőfejlesztők még rosszabb helyzetbe kerültek - új böngészőverziókat kellett létrehozniuk, amelyek "megértik" az új címkéket. Az intelligensebb böngészők egyre nagyobbak, és egyre nagyobb követelményeket támasztanak azokkal a számítógépekkel szemben, amelyeken használják őket. A helyzetet súlyosbítja, hogy az utóbbi években egyre népszerűbbé váltak (főleg az e-kereskedelemben) a korlátozott memóriával és "gyenge" képernyőkkel rendelkező zsebeszközök, ezért a böngészők használatában csak nagyon korlátozott lehetőségük van. Az XML, amely nem rendelkezik előre meghatározott címkéző rendszerrel, megoldja ezt a problémát. A sokoldalúság "ára" a webdokumentumok tervezésének nagyobb szigora. Az XML dokumentumok formázásának szabályai egyszerűek:

a lezáratlan konténercímkék nem engedélyezettek (de kombinálhatja a nyitó és záró címkéket egyben, például:
)

a „beágyazott” tárolók nem „átfedhetik egymást”

a kis- és nagybetűket különböző karakterekként érzékeljük

kulcsszavak nem használhatók címkenévként

szóközök, írásjelek, zárójelek, szögletes zárójelek és kapcsos zárójelek nem használhatók a címkenevekben

aláhúzásjel (_) és számok jelenhetnek meg a címkék nevében, de szám nem lehet a címke nevének első karaktere

(Ha több szót kell használnod címkenévként, akkor azokat egybe kell írni, minden szót nagybetűvel kezdeni.)

Azokat a dokumentumokat, amelyek megfelelnek ezeknek a szabályoknak, jól formált dokumentumoknak nevezzük.

Az XML az ADATKEZELÉSEK LEÍRÁSÁT szolgálja, főleg a HIERARCHIKAI STRUKTÚRÁKAT.

A webtechnológiák fejlesztésének egyik fő irányzata az ADATKEVÉRÍTÉS, DOKUMENTUMSZERKEZET ÉS AN STÍLUS TERVEZÉSE. Mint ismeretes, az adatoknak a dokumentum szerkezetétől való elkülönítésének egyik módja a DBMS és a webdokumentumok dinamikus összekapcsolása az ODBC (Open DataBase Connectivity) felületen keresztül. A stílusok elkülönítése lépcsőzetes stíluslapok használatával érhető el. Az XML lehetővé teszi a nem relációs adatbázisok leírását. Mivel a címkéket a fejlesztő is létrehozhatja, nevük általában jellemzi az adatok jelentését.

Az XML, mint az adatstruktúra leírásának eszköze, ADATCSERE lehetőséget biztosít a különböző alkalmazások között, így egyfajta "ragasztóként" működik.

Ennek az "áthidaló" XML-függvénynek az értékét nem lehet eléggé hangsúlyozni. A különféle alkalmazások közötti adatcsere lehetőségének köszönhetően a webes technológiák minőségileg új szintre lépnek.

Hypertext Markup Language (HTML) ez egy egyszerű rendszer hipertext dokumentumok létrehozására, amelyek egyik platformról a másikra hordozhatók. A HTML-dokumentumok alapvetően olyan SGML-dokumentumok, amelyek közös szemantikával rendelkeznek, és alkalmasak információk megjelenítésére a legkülönfélébb alkalmazásokban. A HTML a következők ábrázolására használható:

Hiperszöveges hírek, levél, dokumentáció és hipermédia

Opciók menü

Adatbázis lekérdezési eredmények

Egyszerű dokumentumok beágyazott grafikával

És a meglévő információtömbök hipertext megtekintésére is

A World Wide Web (WWW) projekt a világon szétszórt információkat gyűjti össze. Ehhez a WWW az Internet HyperText Transfer Protocolt (HTTP) használja – a Hypertext Transfer Protocolt, amely lehetővé teszi, hogy megállapodásokat kössön az adatok megjelenítésére vonatkozóan a kliens és a szerver közötti interakcióban.

Az adatok továbbítása az üzenet törzsében történik a MIME szabványnak megfelelően. A HTML a WWW információinak egyik reprezentációja. Feltételezzük, hogy a HTML megfelel az egyik MIME-típusnak, nevezetesen a text / html-nek. Ezen túlmenően a HTML egy olyan fejlesztés, amely megfelel az ISO 8879 nemzetközi szabványnak – a szabványos általánosított jelölőnyelvnek (SGML), amely a strukturált dokumentumtípusok meghatározására szolgáló rendszer.

HTML dokumentum

A HTML-dokumentum hasonló a szöveges fájlhoz, azzal az eltéréssel, hogy egyes karakterek (karakterláncok) vezérlőkarakterek. Ezeket a szimbólumokat címkéknek nevezzük, és meghatározzák a dokumentum szerkezetét.

A HTML dokumentumoknak címkével kell kezdődniük a fájl elején, és a címkével végződik... A címkék között a HTML-dokumentum a dokumentum HEAD és BODY részeként van rendezve, hasonlóan egy e-mail üzenethez. A HEAD részben a CÍM és a dokumentum egészére vonatkozó egyéb információk láthatók. A BODY részen belül a HTML-címkék segítségével a szöveget bekezdésekbe, listákba stb. strukturálják, amelyek lehetővé teszik az egyes szavak és egész mondatok stílusát, valamint hivatkozások létrehozását ennek részeire és a külső dokumentumokra. Technikailag a HTML, HEAD és BODY elemek nyitó és záró címkéi elhagyhatók. Ez azonban nem ajánlott, mivel a HEAD / BODY struktúra lehetővé teszi az alkalmazások számára, hogy a dokumentumok jellemzőit (például a címet) a teljes dokumentum megtekintése nélkül határozzák meg.

HTML elemek felépítése

Egy HTML-dokumentumban a címkék határozzák meg a címsorok, bekezdések, listák, karakterkiemelések és hivatkozások elejét és végét. A legtöbb HTML-elem egy dokumentumban nyitócímkeként van definiálva, amely megadja az elem nevét és attribútumait, ezt követi az elem törzse, majd egy záró címke. A kezdőcímke határoló karakterei: "<" и ">"; a záróra -"". Például:

Ez a fejléc

Ez egy bekezdés.

Egyes elemek csak kezdőcímkeként jelennek meg. Például egy elválasztó sor létrehozásához használja a címkét
... Ezen kívül néhány elemnél (P, LI, DT, DD) a záró címkék elhagyhatók. Az elemtörzs karakterek és egymásba ágyazott elemek sorozata. Egyes elemek, például a hivatkozásokat meghatározó elemek, nem ágyazhatók egymásba. Ugyanakkor a hivatkozásokat meghatározó, karakterkiemelő elemek más struktúrákban is elhelyezhetők.

Dokumentum megjelenítése

A dokumentum konkrét megjelenítése ügyfélről ügyfélre változhat. A HTML-címkék csak a dokumentum általános megjelenítési stílusát határozzák meg. Ami például azt jelenti, hogy a HTML az első szintű címsort csak első szintű címsorként kezeli, de nem írja elő, hogy az első szintű címsor Times 24-es betűtípussal jelenjen meg az oldal tetejének közepén. Ennek a megközelítésnek az az előnye, hogy ha a felhasználó úgy dönt, hogy az első szintű címsort Helvetica 20-as betűméretre állítja balra igazítva, akkor csak az első szintű címsor definícióját kell megváltoztatnia a WWW-nézőjében. Így a dokumentum konkrét megjelenítését a monitor képernyőjén egy adott kliens felhasználója határozza meg.

A HTML fő erőssége abban rejlik, hogy képes a szövegrészeket (valamint a képeket) más dokumentumokhoz társítani. A nézők kiemelik ezeket a területeket (általában színnel és/vagy aláhúzással), jelezve, hogy ezek hiperszöveges hivatkozások. A horgony egy szövegrész, amely egy hipertext hivatkozás elejét és/vagy végét jelöli. A nyitó és záró címke közötti szöveg a hipertext hivatkozás kiindulópontja vagy célpontja. A címke attribútumai a következők: HREF

Választható. Ha a HREF attribútum jelen van, akkor az Anchor érzékeny szöveg: a hivatkozás kiindulópontja. Ha az olvasó ezt a szöveget választja, akkor egy másik dokumentumot kap, amelynek hálózati címe a HREF attribútum értékében volt megadva. A hálózati cím formátuma megegyezik az URL-lel. Ez lehetővé teszi, hogy a HREF = "# azonosító" szerkezet egy másik horgonyra hivatkozzon az aktuális dokumentumban vagy egy törölt dokumentumban úgy, hogy a címe elé "#" jelet ír.

Választható. Ha van, lehetővé teszi a horgony használatát hivatkozási célként. Az attribútum értéke a horgonyazonosító "a. Egy egyszerű szöveges karakterlánc használható azonosító értékként, kivéve, hogy az összes ilyen azonosítónak egyedinek kell lennie ugyanazon a dokumentumon belül.

Választható. Lehetővé teszi a kapcsolat megadását a hivatkozást létrehozó dokumentum és a hivatkozást létrehozó dokumentum között.

HTML egy nyelv a weboldalak szerkezetének leírására. A vele készített oldalak csak a felhasználók számítógépére telepített speciális programok (böngészők) segítségével tekinthetők meg.

• A HTML rövidítés jelentése H yper T ext M arkup L nyelv (hiperszöveg jelölőnyelv).
• Ne feledje, ez nem programozási nyelv, ez egy jelölőnyelv.
• HTML használ címkéket jelölés a weboldal szerkezetének leírására.

Címkék

A HTML címkék például kulcsszavak vagy karakterek, amelyek szögletes zárójelek közé vannak zárva ,

,

stb. A címkéknek két típusa van: párosítvaés egyetlen(üresnek is nevezik). A párosított címkék egy kezdő és egy záró címkéből állnak, például:. A "/" a szögletes zárójel után azt jelzi, hogy a címke bezárul. Az egyedi címkék csak egy kezdő címkéből állnak, például:
... A címkék nem érzékenyek a kis- és nagybetűkre, így kis- és nagybetűkkel is írhatók:

Ugyanazt jelenti, mint

A címkék határozzák meg, hogy a HTML elem hol kezdődik és hol végződik.

A címkék segítségével a böngésző felismeri a szöveged szerkezetét és jelentését, például megmondják a böngészőnek, hogy a szöveg melyik része címsor, hol kezdődik az új bekezdés, mit kell aláhúzni, és hova kell helyezni a képet (kép ). Miután megkapta ezt az információt, a böngésző a beépített alapértelmezett szabályokat használja ezen elemek megjelenítésére.

Megjegyzés: HTML-referenciánkban láthatja az Önt érdeklő címkék alapértelmezett stílusait.

HTML-címkék használata nélkül a böngésző csak tömör szövegfolyamot jelenít meg, behúzások, címsorok, bekezdések stb. nélkül. Hogy világosabb legyen, nézzünk meg közelebbről példákat.

Így néz ki egy oldal címkékkel a jelöléshez:

Italok a kávézónkban

Multifruit - 100 dörzsölje.

Narancs- és ananászlevet tartalmazó gyümölcsös ital.

Turmix - 150r.

Krémes fagylalt gyümölcspéppel keverve.

Ugyanaz, de címkék nélkül:

Italok kávézónkban Multifruit - 100 rubel. Narancs- és ananászlevet tartalmazó gyümölcsös ital. Turmix - 150r. Krémes fagylalt gyümölcspéppel keverve.

én... Alapvető információk aHTML.

Az elmúlt években az internetes fejlesztések a statikus oldalaktól a dinamikus információs rendszerekké fejlődtek. Nem sokkal ezelőtt a modern weblapok létrehozásához nem volt szükség másra, mint a Hypertext Markup Language (HTML) elsajátítására.

HTMLegy egyszerű szövegszerkesztő nyelv; ezen a nyelven címkekészlettel (címkéket) olyan dokumentum jön létre, amely egy speciális megjelenítővel is megtekinthetőWeb (böngésző).

A HTML nem olyan programozási nyelv, mint a C ++ vagy a Visual Basic; inkább úgy néz ki, mint egy escape szekvenciákat használó dokumentumformázó. A HTML-kódolást gyakran hasonlítják egy Microsoft Word-dokumentum létrehozásához a formázási kódok közvetlenül a Jegyzettömbbe történő begépelésével. Nyilvánvaló, hogy ennek a funkcionalitása rendkívül kicsi.

Alatt hipertext dokumentum megérteni egy másik dokumentumra mutató hivatkozást tartalmazó dokumentumot. Mindezt keresztül valósította meg hipertext átviteli protokoll HTTP(Hyper Text Transfer Protocol).

A webes dokumentumokban található információk kulcsszavak alapján találhatók meg. Ez azt jelenti, hogy minden webböngésző speciális hivatkozásokat tartalmaz, amelyeken keresztül hiperhivatkozások jönnek létre, amelyek lehetővé teszik, hogy internetfelhasználók milliói keressenek információkat szerte a világon.

alapján jön létre a hiperszöveg dokumentumok HTML (Hyper Text Markup Language). Ez a nyelv nagyon egyszerű, vezérlőkódjai, amelyeket valójában a böngésző állít össze a képernyőn való megjelenítéshez, ASCII szövegből állnak. A hivatkozásokat, listákat, fejléceket, képeket és űrlapokat hívják HTML elemek.

Manapság rengeteg weblapszerkesztő létezik, amelyekhez nem szükséges a HTML alapjainak ismerete. De ahhoz, hogy szakszerűen tudjunk hipertext dokumentumokat készíteni, ismerni kell azok belső szerkezetét, vagyis a HTML dokumentum kódját.

A HTML lehetővé teszi különféle hipertext információk generálását strukturált dokumentumok alapján.

A böngésző észleli a generált hivatkozásokat, és a HTTP Hypertext Transfer Protocol segítségével elérhetővé teszi dokumentumát más internetfelhasználók számára. Természetesen mindezek sikeres megvalósításához a WWW-vel teljes mértékben kompatibilis, HTML-t támogató szoftverre van szükség.

II. HTML leírás

HTML dokumentum - ez egy normál szöveges fájl... Bármely webböngészővel megtekintheti munkája kimenetét, egyszerűen csak betölt egy HTML szintaxisból generált szövegfájlt.

A hipertext nyelv csak olvasható információkat biztosít... Ez azt jelenti, hogy a weblapokat csak az szerkesztheti, aki létrehozta, és nem az átlagos webfelhasználó.

A legtöbb a hipertext nyelv fő eleme- azt linkeket... A világhálón egyszerűen rákattint egy linkre, és azonnal a világ másik pontján találja magát a választott oldalon.

Címkék.

Címke- HTML kód stílusú egysége.

Címke A HTML a következő elemekből áll, egymás után meghatározott sorrendben:

• bal szögletes zárójel< (такого же, как "меньше чем" символа)
• egy opcionális perjel /, ami azt jelenti, hogy a címke az valamilyen szerkezetet lezáró végcímke... Így ebben az összefüggésben a / karaktert úgy olvashatja, mint vége...
• címke neve, például TITLE vagy PRE
• opcionális, még akkor is, ha a címkében szerepelhetnek, attribútumok... A címke lehet attribútumok nélkül, vagy egy vagy több attribútummal járhat, például: ALIGN = CENTER
• a derékszögű zárójel> (ugyanaz, mint a nagyobb, mint karakter).

A legtöbb címkének van nyitó elem<> és burkolat. Közöttük és vannak kódokat amelyet a böngészője felismer

Ilyenkor a két címke és a dokumentum általuk elválasztott része egy ún HTML elem... Néhány címke, mint például

---

, önmagukban is HTML-elemek, és a megfelelő zárócímke nem megfelelő számukra.

Minden címkéhez egy sor lehetséges attribútumok... A legtöbb címke egy vagy több attribútumot engedélyez, de előfordulhat, hogy egyáltalán nincsenek attribútumok. Attribútum specifikáció a következő sorrendben van elrendezve:

• attribútum neve, például WIDTH
• egyenlőségjel (=)
• attribútumérték, amelyet egy karakterlánc ad meg, például "80".

Mindig segítőkész az attribútum értékét tegye idézőjelek közé szimpla idézőjelek ("80") vagy kettős idézőjelek ("80") használatával. Az idézőjelben szereplő karakterlánc nem tartalmazhatja ugyanazokat az idézőjeleket... Tehát, ha a dátum dupla idézőjelben van, használjon szimpla idézőjeleket a következő idézőjelekhez, és fordítva. Az idézőjeleket elhagyhatja azon attribútumértékeknél is, amelyek csak a következő karakterekből állnak:

• az angol ábécé karakterei (A-Z, a-z)
• számjegyek (0-9)
• időintervallumok
• kötőjelek (-)