YAzyk Gipertekstovoj Razmetki HTML

Osnovnye elementy HTML dokumenta
Obshchaya struktura dokumenta Upravlenie otobrazheniem Vstroennaya grafika Gipertekstovye ssylki HTML formy Frejmy

Obshchaya struktura dokumenta

Dokument HTML predstavlyaet iz sebya nabor vlozhennyh elementov. |lementy predstavlyayut iz sebya kontejnery, v kotoryh razmeshchayutsya: Kazhdyj kontejner nachinaetsya posledovatel'nost'yu tipa < imya_elementa spisok_atributov > i zakanchivaetsya posledovatel'nost'yu tipa < /imya_elementa >. Pervaya posledovatel'nost' nazyvaetsya tagom nachala elementa, a vtoraya posledovatel'nost' nazyvaetsya tagom konca elementa. Instrukcii upravleniya izobrazheniem takzhe yavlyayutsya tagami -- tagami nachala. Istoricheski slozhilos' tak, chto ryad elementov poteryali v processe razvitiya yazyka svoi tagi konca i, takim obrazom, prevratilis' v instrukcii upravleniya otobrazheniem. Sam dokument yavlyaetsya takzhe elementom, kotoryj mozhet imet' dve formy: Obychnyj dokument predstavlyaet iz sebya dva kontejnera HEAD i BODY:
< HTML >
< HEAD >
.....
< /HEAD >
< BODY atributy_tela_dokumenta >
......
< /BODY >
< /HTML >
 Dokument-frejm imeet neskol'ko drugoj vid. Sobstvenno -- eto kontejner dlya drugih HTML-dokumentov(sm. razdel "Frejmy").

Upravlenie otobrazheniem

Zdes' svedeny v tablicu naibolee chasto ispol'zuemye elementy:
Forma zapisi elementaNaznachenie
< P >Nachat' novyj paragraf
< BR >Prinuditel'nyj perevod stroki
< HR >Gorizontal'naya cherta
Spiski
< UL > ... < /UL >Nenumerovannyj spisok
< OL > ... < /OL >Numerovannyj spisok
< DL > ... < /DL >Cpisok opredelenij
< LI >|lement numerevannogo ili nenumerovannogo spiska
< DT >Termin, opredelyaemyj v spiske opredelenij
< DD >opredelenie termina v spiske opredelenij
Vydelenie teksta
< B >...< /B >ZHirnyj shrift
< I > ... < /I >Kursiv
< U > ... < /U >Podcherkivanie
< PRE > ... < /PRE >Otmena formatirovaniya
< FONT SIZE=atribut_razmera COLOR=atribut_cveta > ... < /FONT >Upravlenie shriftom
Zagolovki
< Hx > ... < /Hx >Uroven' zagolovka. Simvol "h" prinemaet znachenie ot 1-7

Vstroennaya grafika

Vstraivanie grafiki v tekst proishodit pri pomoshchi ispol'zovaniya taga IMG:
< IMG SRC=adres_kartinki ALIGN=atribut_vyravnivaniya BORDER=shirina_ramki ISMAP USEMAP=imya_steka_ssylok HSPACE=gorizontal'nyj_otstup VSPACE=vertikal'nyj otstup >

Atributy taga IMG mozhno svesti v sleduyushchuyu tablicu:
Atributy
AtributZnacheniyaDejstvie
ALIGNLEFTZnachenie LEFT pozvolyaet organizovat' obtekanie teksta sprava ot kartinki
RIGHTObtekanie teksta sleva ot kartinki
TOR, BOTTOM, CENTER Vyravnivayut kartinku otnositel'no tekushchej stroki teksta.
BORDERZnachenie etogo atributa opredelyaet tolshchinu ramki vokrug kartinki
SRCZadaet adres fajla kartinki
ISMAPKartinka - stek gipertekstovyh ssylok programmy imagemap
USEMAPStek gipertekstovyh ssylok, kotoryj ne trebuet ispol'zovanie programmy imagemap
HSPACEGorizontal'nyj zazor mezhdu kartinkoj i tehtom, ee obtekayushchim
VSPACEVertikal'nyj zazor mezhdu kartinkoj i tekstom

Gipertekstovye ssylki

Gipertekstovaya ssylka imeet vid:

< A HREF=adres_resursa TARGET=imya_okna > identifikator ssylki < /A >

Predstavlennaya vyshe ssylka - eto obychnaya tekstovaya gipertekstovaya ssylka, no byvayut eshche steki gipertekstovyh graficheskih ssylok. V etom sluchae dlya navigacii ispol'zuetsya graficheskaya kartinka:

< A HREF=adres_resursa TARGET=imya_okna > < IMG SRC=kartinka ISMAP USEMAP=karta > identifikator ssylki < /A >

V sluchae atributa ISMAP ispol'zuetsya programma imagemap, a v sluchae USEMAP ispol'zuetsya karta ssylok opisannaya v elemente MAP. |lement MAP imeet vid:

< MAP NAME=map >
< AREA SHAPE="RECT" COORDS="x1,y1,x2,y2" HREF=ssylka > ......
< /MAP >

Privedem primer takogo steka:

Kazhdaya ikonka svyazana s razdelom dannoj stranicy gipertekstovoj ssylkoj:
Primechanie:Esli programma prosmotra ne podderzhivaet |lement MAP, to nastrojte svoj server dlya raboty cherez imagemap s opisaniem ikon iz elementa MAP.

Formy

Formy prednaznacheny dlya peredachi parametrov i dannym prikladnym programmam. Sintaksis formy imeet sleduyushchij vid:

< FORM METHOD=metod ACTION=adres_programmy >
elementy formy
< /FORM >
 |lementy formy -- eto polya vvoda INPUT, knopki, menyu i oblasti vvoda. Nizhe priveden primer formy:

Zapolnite anketu:

Familiya:
Imya:
Otchestvo:
Pol: muzh./zhen.
Obrazovanie:

Frejmy

Sobstvenno vsya eta stranica -- eto frejm. Struktura dokumenta, kotoryj yavlyaetsya kontejnerom dlya drugih dokumentov vyglyadit sleduyushchim obrazom:
< HTML >
< HEAD > < FRAMESET COLS=raspredelenie mesta_pod_kolonki ROWS=raspredelenie mesta_pod_stroki 7gt
< FRAME SRC=imya_fajla NAME=imya_okna >
...... < /FRAMESET >
< /HTML >
Frejmy mogut byt' vlozhennymi, s izmenyaemymi granicami, s vertikal'nymi ili gorizontal'nymi linejkami, a takzhe v dokument-frejm mozhno vklyuchit' al'ternativu dlya raboty s programmami prosmotra, kotorye ne podderzhivayut frejmy.