Îñíîâû ÿçûêà HTML

Ðàçìåùåíî íà http://www.allbest.ru/

Ìèíèñòåðñòâî îáðàçîâàíèÿ è íàóêè Ðîññèéñêîé Ôåäåðàöèè

ÀÍÎ ÂÏÎ «Äàëüíåâîñòî÷íûé èíñòèòóò ìåæäóíàðîäíûõ îòíîøåíèé»

Êàôåäðà ýêîíîìèêè áóõãàëòåðñêîãî ó÷åòà è ïðèêëàäíîé èíôîðìàòèêè

Ñïåöèàëüíîñòü 080105. 65 «Ìèðîâàÿ ýêîíîìèêà»

Ðåôåðàò

ïî äèñöèïëèíå «Èíôîðìàòèêà è èíòåðíåò-òåõíîëîãèè»

íà òåìó: «Îñíîâû ÿçûêà HTML»

Âûïîëíèë: ñòóäåíò 3 êóðñà

ãðóïïû____________________

¹ ç/ê______________________

Ôàìèëèÿ___________________

Èìÿ_______________________

Îò÷åñòâî___________________

Ïðîâåðèë:

___________________________

Õàáàðîâñê 2013 ã.

Ââåäåíèå

Èíòåðíåò ïðåäñòàâëÿåò ñîáîé âñåìèðíóþ ñåòü, îáúåäèíÿþùóþ êîìïüþòåðíûå ñåòè ïî âñåìó ìèðó íà áàçå åäèíûõ ñòàíäàðòíûõ ñîãëàøåíèé (ïðîòîêîëîâ) î ñïîñîáàõ îáìåíà èíôîðìàöèåé è åäèíîé ñèñòåìîé àäðåñàöèè.

Ê íàñòîÿùåìó âðåìåíè ñåòü Èíòåðíåò ïîëó÷èëà áåñïðåöåäåíòíîå ðàñïðîñòðàíåíèå. Ïî îöåíêàì ýêñïåðòîâ Èíòåðíåò îáúåäèíÿåò áîëåå 100 ìèëëèîíîâ êîìïüþòåðîâ. Óñëóãàìè Èíòåðíåò ïîëüçóåòñÿ ñâûøå 300 ìèëëèîíîâ ÷åëîâåê â 170 ñòðàíàõ ìèðà.

Ñ ôóíêöèîíàëüíîé òî÷êè çðåíèÿ Èíòåðíåò ïðåäñòàâëÿåò ñîáîé:

?íåäîðîãîå áûñòðîäåéñòâóþùåå ñðåäñòâî îáùåíèÿ ìåæäó àáîíåíòàìè ïî âñåìó ìèðó;

?íå èìåþùåå àíàëîãîâ õðàíèëèùå èíôîðìàöèè ïî ëþáûì îáëàñòÿì çíàíèé;

?íîâóþ ïåðñïåêòèâíóþ ñðåäó äëÿ äåÿòåëüíîñòè.

Âëèÿíèå Èíòåðíåò ðàñïðîñòðàíÿåòñÿ íå òîëüêî íà òåõíîëîãè÷åñêóþ îáëàñòü êîìïüþòåðíûõ êîììóíèêàöèé, îíî èìååò òàêæå ñîöèàëüíóþ íàïðàâëåííîñòü è ïðîíèçûâàåò âñå îáùåñòâî ïî ìåðå òîãî, êàê âñå áîëåå øèðîêîå ðàñïðîñòðàíåíèå ïîëó÷àþò îïåðàòèâíûå ñðåäñòâà ïîëó÷åíèÿ çíàíèé, ýëåêòðîííîé êîììåðöèè.

Ñàìûì ðàñïðîñòðàíåííûì è âîñòðåáîâàííûì ñåãîäíÿ ÿâëÿåòñÿ òàêîé ñåðâèñ Èíòåðíåò, êàê WWW (WorldWideWeb ? âñåìèðíàÿ ïàóòèíà). Èíôîðìàöèÿ â WWW ïðåäñòàâëåíà â âèäå òàê íàçûâàåìûõ ãèïåðòåêñòîâûõ (èëè, áîëåå øèðîêî, ãèïåðìåäèéíûõ) äîêóìåíòîâ, êîòîðûå ìîãóò ñîäåðæàòü îòôîðìàòèðîâàííûé òåêñò, ãðàôèêó, àóäèî- è âèäåîôðàãìåíòû. Îñíîâíîé îñîáåííîñòüþ ãèïåðòåêñòîâûõ äîêóìåíòîâ ÿâëÿåòñÿ íàëè÷èå àêòèâíûõ çîí, ÷óâñòâèòåëüíûõ ê ùåë÷êó ìûøè. Àêòèâíûìè ìîãóò áûòü ôðàãìåíòû òåêñòà, öåëûå èçîáðàæåíèÿ è èõ ÷àñòè; ùåë÷îê ïî àêòèâíîé çîíå âûçûâàåò çàãðóçêó ñâÿçàííîãî ñ ýòîé çîíîé (öåëåâîãî) äîêóìåíòà.

×òîáû íàó÷èòüñÿ ðàçìåùàòü ìàòåðèàëû â Èíòåðíåò, ïðåæäå âñåãî íåîáõîäèìî ïîçíàêîìèòüñÿ ñ ÿçûêîì ðàçìåòêè ãèïåðòåêñòà HTML (Hyper Text Markup Language)

1. Îñíîâû ÿçûêà HTML

ßçûê ðàçìåòêè ãèïåðòåêñòîâûõ äîêóìåíòîâ HTML ïðåäñòàâëÿåò ñîáîé ñîâîêóïíîñòü êîìàíä, íàçûâàåìûõ òåãàìè (îò àíãëèéñêîãî tag). Âñòðå÷àþùèåñÿ â òåêñòå äîêóìåíòà HTML-òåãè èíòåðïðåòèðóþòñÿ áðàóçåðîì ïðè îòîáðàæåíèè äîêóìåíòà.

Ïðîñìîòð HTML-äîêóìåíòîâ îñóùåñòâëÿåòñÿ ñ ïîìîùüþ ïðîãðàìì-áðàóçåðîâ (îò àíãëèéñêîãî browser), êîòîðûå îòîáðàæàþò äîêóìåíò â ñîîòâåòñòâèè ñ HTML-ðàçìåòêîé è îáåñïå÷èâàþò íàâèãàöèþ ïî ãèïåðññûëêàì. Íàèáîëåå ðàñïðîñòðàíåííûìè ÿâëÿþòñÿ áðàóçåðû Microsoft Internet Explorer ôèðìû Microsoft Corporation è Netscape Navigator ôèðìû Netscape Communications Corporation.

Ïîñêîëüêó HTML-äîêóìåíò ïðåäñòàâëÿåò ñîáîé òåêñòîâûé ôàéë, åãî ìîæíî ïîäãîòîâèòü â ïðîñòåéøåì òåêñòîâîì ðåäàêòîðå, íàïðèìåð, â áëîêíîòå (Notepad), íî ýòî î÷åíü òðóäîåìêî. ×àùå èñïîëüçóþò ñïåöèàëèçèðîâàííûå ðåäàêòîðû, ïðåäíàçíà÷åííûå èìåííî äëÿ ïîäãîòîâêè HTML-äîêóìåíòîâ, êîòîðûå ïîçâîëÿþò âñòàâëÿòü òåãè ñ ïîìîùüþ êíîïîê ïàíåëåé èíñòðóìåíòîâ ëèáî êîìàíä ìåíþ, è çàäàâàòü àòðèáóòû òåãîâ â äèàëîãîâûõ îêíàõ, íàïðèìåð, Macromedia Dreamweaver, Microsoft Front Page, Home Site è äð.

HTML-äîêóìåíò ìîæåò áûòü ïîëó÷åí ïðåîáðàçîâàíèåì â HTML-ôîðìàò, íàïðèìåð, èç ôîðìàòà äîêóìåíòîâ ïàêåòà Microsoft Office. Íàäî îòìåòèòü, ÷òî ïðè òàêîì ïðåîáðàçîâàíèè èñõîäíûé òåêñò HTML-äîêóìåíòà ïîëó÷àåòñÿ êðàéíå èçáûòî÷íûì è íóæäàåòñÿ â êîððåêöèè. Çíà÷èòåëüíî ýôôåêòèâíåå ïîëüçîâàòüñÿ ñïåöèàëüíûìè HTML - ðåäàêòîðàìè.

1.1 Ñèíòàêñèñ HTML-òåãîâ

HTML-òåã çàïèñûâàåòñÿ â óãëîâûõ ñêîáêàõ è ñîñòîèò èç èìåíè, çà êîòîðûì ìîæåò ñëåäîâàòü ñïèñîê àòðèáóòîâ (äëÿ áîëüøèíñòâà òåãîâ íåîáÿçàòåëüíûé). Èìåíà è àòðèáóòû ïðåäñòàâëÿþò ñîáîé àíãëèéñêèå ñëîâà è àááðåâèàòóðû.

Òåãè óñëîâíî ìîæíî ðàçäåëèòü íà äâå ãðóïïû:

- ïàðíûå òåãè (íàçûâàåìûå òàêæå êîíòåéíåðàìè) èìåþò äâà êîìïîíåíòà: îòêðûâàþùèé (íà÷àëüíûé) è çàêðûâàþùèé (êîíå÷íûé) ; çàêðûâàþùèé êîìïîíåíò èìååò òî æå íàçâàíèå, íî ïðè çàïèñè ïåðåä íàçâàíèåì ñòàâèòñÿ êîñàÿ ÷åðòà (ñèìâîë /). Ìåæäó îòêðûâàþùèì è çàêðûâàþùèì êîìïîíåíòàìè ìîæåò ðàñïîëàãàòüñÿ òåêñò äîêóìåíòà è äðóãèå òåãè. Ôðàãìåíò äîêóìåíòà, ðàñïîëîæåííûé ìåæäó îòêðûâàþùèì è çàêðûâàþùèì ýëåìåíòîì òåãà-êîíòåéíåðà ôîðìàòèðóåòñÿ áðàóçåðîì ñîãëàñíî ñìûñëó òåãà. Íàïðèìåð, òåêñò, ðàñïîëîæåííûé ìåæäó òåãàìè è, áóäåò âûâåäåí ïîëóæèðíûì íà÷åðòàíèåì (íàçâàíèå òåãà - îò àíãëèéñêîãî bold). Ïàðíûå òåãè ìîãóò áûòü âëîæåíû äðóã â äðóãà, íî íå äîëæíû ïåðåñåêàòüñÿ.

- íåïàðíûå òåãè (íàçûâàåìûå òàêæå àâòîíîìíûìè) íå èìåþò êîíå÷íîãî êîìïîíåíòà. Ïðè èõ èíòåðïðåòàöèè â îòîáðàæàåìûé äîêóìåíò âñòàâëÿåòñÿ òîò èëè èíîé îáúåêò. Íàïðèìåð, òåã <IMG SRC=«pict. gif»>, âñòðå÷àþùèéñÿ â òåêñòå HTML-äîêóìåíòà, âûçûâàåò âñòàâêó ãðàôè÷åñêîãî èçîáðàæåíèÿ èç ôàéëà pict. gif.

Àòðèáóòû â ñïèñêå îòäåëÿþòñÿ äðóã îò äðóãà îäíèì èëè íåñêîëüêèìè ïðîáåëàìè, ëèáî ñèìâîëàìè òàáóëÿöèè, ëèáî ñèìâîëàìè ïåðåâîäà ñòðîêè; ïîñëåäîâàòåëüíîñòü çàïèñè àòðèáóòîâ íåñóùåñòâåííà. Ïîäàâëÿþùåå áîëüøèíñòâî àòðèáóòîâ óïîòðåáëÿþòñÿ â âèäå ïàðû íàçâàíèå àòðèáóòà = çíà÷åíèå àòðèáóòà.  ñëó÷àå, êîãäà çíà÷åíèå àòðèáóòà ïðåäñòàâëÿåò ñîáîé áîëåå ÷åì îäíî ñëîâî ëèáî îäíî ÷èñëî, åãî ñëåäóåò çàêëþ÷èòü â îäèíàðíûå èëè äâîéíûå êàâû÷êè.  çàêðûâàþùèõ êîìïîíåíòàõ òåãîâ àòðèáóòû íå óêàçûâàþòñÿ.

2. Ñòðóêòóðà HTML-äîêóìåíòà

HTML-äîêóìåíò çàêëþ÷àåòñÿ â òåãè. Ìåæäó ýòèìè òåãàìè ðàñïîëàãàþòñÿ äâå ñåêöèè: ñåêöèÿ çàãîëîâêà è ñåêöèÿ òåëà äîêóìåíòà. Ñåêöèÿ çàãîëîâêà ñîäåðæèò îïèñàíèå ïàðàìåòðîâ, èñïîëüçóåìûõ ïðè îòîáðàæåíèè äîêóìåíòà, íî íå îòðàæàþùèõñÿ íåïîñðåäñòâåííî â îêíå áðàóçåðà. Ñåêöèÿ òåëà äîêóìåíòà ñîäåðæèò îñíîâíîé òåêñò, ïðåäíàçíà÷åííûé äëÿ îòîáðàæåíèÿ áðàóçåðîì, òåãè ôîðìàòèðîâàíèÿ, ðàçìåùåíèÿ ðèñóíêîâ, òàáëèö, ãèïåðññûëîê è ò. ä.

HTML-êîä ïðîñòåéøåãî äîêóìåíòà, ïðèãîäíîãî äëÿ ðàçìåùåíèé â Èíòåðíåò, âûãëÿäèò òàê:

<TITLE> Íàøà ïåðâàÿ ñòðàíè÷êà TITLE>

Äàííûé êîä ìîæåò áûòü íàáðàí â òåêñòîâîì ðåäàêòîðå Áëîêíîò è ñîõðàíåí êàê ôàéë ñ ðàñøèðåíèåì. htm èëè. html? â ýòîì ñëó÷àé äîêóìåíò îòêðîåòñÿ â áðàóçåðå, óñòàíîâëåííîì íà âàøåì êîìïüþòåðå ïî óìîë÷àíèþ. Áðàóçåð îòîáðàçèò ýòîò äîêóìåíò, âûâåäÿ â ñâîåì îêíå ñòðîêó «Ñàìûé ïðîñòîé HTML-äîêóìåíò», ðàñïîëîæåííóþ â ñåêöèè òåëà äîêóìåíòà. Ôðàçà «Íàøà ïåðâàÿ ñòðàíè÷êà» áóäåò îòîáðàæàòüñÿ â ñòðîêå çàãîëîâêà áðàóçåðà.

2.1 Ðàçäåë HEAD

Ñåêöèÿ çàãîëîâêà îáû÷íî ñîäåðæèò òåãè, íåçàìåòíûå äëÿ ïîëüçîâàòåëÿ, íî òåì íå ìåíåå ñïîñîáíûå àêòèâíî âëèÿòü íå âíåøíèé âèä äîêóìåíòà.

Òåã	Íàçíà÷åíèå
…	Îïðåäåëÿåò èìÿ âñåãî äîêóìåíòà. Èìÿ, êàê ïðàâèëî, îòîáðàæàåòñÿ â çàãîëîâêå îêíà áðàóçåðà. Äàííûé ýëåìåíò îáÿçàòåëåí äëÿ ëþáîãî HTML-äîêóìåíòà è ìîæåò áûòü óêàçàí íå áîëåå îäíîãî ðàçà.
	Óêàçûâàåò áàçîâûé àäðåñ òåêóùåãî äîêóìåíòà (URL), êîòîðûé ñòàíåò îòïðàâíîé òî÷êîé äëÿ ðàñ÷åòà îòíîñèòåëüíûõ àäðåñîâ âíóòðè äîêóìåíòà. Ýëåìåíò íå èìååò êîíå÷íîãî òýãà. Îáÿçàòåëüíî ïðèñóòñòâèå õîòÿ áû îäíîãî èç àðãóìåíòîâ: HREF - îïðåäåëÿåò áàçîâûé àäðåñ (URL) òåêóùåãî äîêóìåíòà. TARGET - îïðåäåëÿåò èìÿ ôðåéìà, êîòîðîå áóäåò èñïîëüçîâàòüñÿ â ãèïåðññûëêàõ ïî óìîë÷àíèþ. Ýòî ìîæåò âàì ïðèãîäèòüñÿ, åñëè âû õîòèòå îòêðûâàòü âñå ññûëêè äîêóìåíòà â äðóãîì ôðåéìå.
<STYLE TYPE=«text/css»>	Èñïîëüçóåòñÿ äëÿ âñòàâêè â äîêóìåíò êàñêàäíûõ òàáëèö ñòèëåé (CSS ? Cascade Style Sheet). TYPE ? îáÿçàòåëüíûé àòðèáóò, çíà÷åíèåì êîòîðîãî, êàê ïðàâèëî, ÿâëÿåòñÿ «text/css».
<ÌÅÒÀ…>	Ýëåìåíò ÌÅÒÀ èñïîëüçóåòñÿ äëÿ òåõíè÷åñêîãî îïèñàíèÿ äîêóìåíòà. Ñ ïîìîùüþ ýòîãî ýëåìåíòà â çàãîëîâîê äîêóìåíòà âíåäðÿåòñÿ äîïîëíèòåëüíàÿ ïîëåçíàÿ èíôîðìàöèÿ, íåâèäèìàÿ äëÿ ïîëüçîâàòåëÿ, íî ïîðîé ïðîñòî íåçàìåíèìàÿ äëÿ ïðàâèëüíîé èíäåêñàöèè âàøåé ñòðàíèöû ðîáîòàìè ïîèñêîâûõ ñåðâåðîâ. Ýëåìåíò íå èìååò êîíå÷íîãî òåãà. NAME - îïðåäåëÿåò èìÿ ìåòà-çàïèñè. Ñóùåñòâóåò ìíîæåñòâî ïðåäîïðåäåëåííûõ èìåí, íåêîòîðûå èç êîòîðûõ âû ìîæåòå óâèäåòü â óêàçàííîì íèæå ïðèìåðå. CONTENT - ïðèñâàèâàåò çíà÷åíèå ìåòà-çàïèñè, îïðåäåëåííîé â ïàðàìåòðå NAME.

2.2 Ðàçäåë BODY

Ýòîò ðàçäåë âêëþ÷àåò â ñåáÿ îñíîâíîå ñîäåðæàíèå âåá-ñòðàíèöû ? òåêñò äîêóìåíòà, èçîáðàæåíèÿ, òàáëèöû è ò. ï. Ýëåìåíò BODY äîëæåí âñòðå÷àòüñÿ â äîêóìåíòå íå áîëåå îäíîãî ðàçà è ìîæåò âêëþ÷àòü ñëåäóþùèå àòðèáóòû:

Ñèíòàêñèñ àòðèáóòà	Íàçíà÷åíèå
MARGINHEIGHT=÷èñëî	Îïðåäåëÿåò øèðèíó (â ïèêñåëÿõ) âåðõíåãî è íèæíåãî ïîëåé äîêóìåíòà. Ðàáîòàåò òîëüêî â áðàóçåðàõ Netscape
TOPMARGIN= ÷èñëî	Îïðåäåëÿåò øèðèíó (â ïèêñåëÿõ) âåðõíåãî è íèæíåãî ïîëåé äîêóìåíòà. Ðàáîòàåò òîëüêî â áðàóçåðàõ Internet Explorer
MARGINWIDTH= ÷èñëî	Îïðåäåëÿåò øèðèíó (â ïèêñåëÿõ) ëåâîãî è ïðàâîãî ïîëåé äîêóìåíòà. Ðàáîòàåò òîëüêî â áðàóçåðàõ Netscape
LEFTMARGIN= ÷èñëî	Îïðåäåëÿåò øèðèíó (â ïèêñåëÿõ) ëåâîãî è ïðàâîãî ïîëåé äîêóìåíòà. Ðàáîòàåò òîëüêî â áðàóçåðàõ Internet Explorer
BACKGROUND= URL	Îïðåäåëÿåò èçîáðàæåíèå äëÿ «çàëèâêè» ôîíà (ôîíîâîãî ðèñóíêà). Çíà÷åíèå çàäàåòñÿ â àáñîëþòíîãî èëè îòíîñèòåëüíîãî àäðåñà èçîáðàæåíèÿ (ñì. ðàçäåë Ðàçìåùåíèå ðèñóíêîâ)
BGCOLOR=öâåò	Îïðåäåëÿåò öâåò ôîíà äîêóìåíòà. MicrosoftInternetExplorerïîääåðæèâàåò 16 ñòàíäàðòíûõ èìåí öâåòîâ (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white) Äðóãèì ñïîñîáîì ÿâëÿåòñÿ èñïîëüçîâàíèå êîäà öâåòà â âèäå øåñòèðàçðÿäíîãî øåñòíàäöàòåðè÷íîãî ÷èñëà, çàäàþùåå èíòåíñèâíîñòü êðàñíîé (ïåðâûå äâå öèôðû), çåëåíîé (ñëåäóþùèå äâå öèôðû) è ñèíåé (ïîñëåäíèå äâå öèôðû) ñîñòàâëÿþùåé. Èíòåíñèâíîñòü êàæäîé ñîñòàâëÿþùåé â øåñòíàäöàòåðè÷íîé ôîðìå èçìåíÿåòñÿ îò 00 äî FF. Ïðè çàäàíèè öâåòà â êà÷åñòâå çíà÷åíèÿ àòðèáóòà íåêîòîðîãî òåãà ïåðåä øåñòíàäöàòåðè÷íûì ÷èñëîì ñòàâèòñÿ ñèìâîë #. Íàïðèìåð, çàïèñü COLOR=«#0000FF» îçíà÷àåò ñèíèé öâåò Íåñìîòðÿ íà ïðèíöèïèàëüíóþ âîçìîæíîñòü çàäàòü ìèëëèîíû öâåòîâ, íàäî ó÷èòûâàòü, ÷òî áðàóçåðû îòîáðàæàþò ëèøü 256 öâåòîâ, ïðè÷åì ó êàæäîãî áðàóçåðà ñâîÿ öâåòîâàÿ ïàëèòðà.  ýòîé ïàëèòðå áðàóçåð ïîäáåðåò öâåò, íàèáîëåå áëèçêèé ê çàäàííîìó
TEXT=öâåò	Îïðåäåëÿåò öâåò òåêñòà â äîêóìåíòå
LINK=öâåò	Îïðåäåëÿåò öâåò ãèïåðññûëîê â äîêóìåíòå
ALINK=öâåò	Îïðåäåëÿåò öâåò ïîäñâåòêè ãèïåðññûëîê â ìîìåíò íàæàòèÿ
VLINK	Îïðåäåëÿåò öâåò ãèïåðññûëîê íà óæå ïðîñìîòðåííûå äîêóìåíòû

2.3 Êîäû HTML ñèìâîëîâ

Äëÿ ñïåöèàëüíûõ ñèìâîëîâ â HTML-ñòàíäàðòàõ ïðåäóñìîòðåí îñîáûé ñïîñîá êîäèðîâàíèÿ (ñ ïîìîùüþ escape-ïîñëåäîâàòåëüíîñòåé èëè ñèìâîëüíûõ îáúåêòîâ), êîòîðûé ïîçâîëÿåò ïðèìåíÿòü ýòè ñèìâîëû â íåîáõîäèìûõ ïîçèöèÿõ äîêóìåíòà, íå íàðóøàÿ åãî ñòðóêòóðû (ýòî êàñàåòñÿ, íàïðèìåð, ñèìâîëîâ <, >è &). Óñëîâíîå îáîçíà÷åíèå ñïåöñèìâîëà (escape-ïîñëåäîâàòåëüíîñòü) íà÷èíàåòñÿ ñèìâîëîì &, âêëþ÷àåò ñîáñòâåííî èìÿ ñïåöñèìâîëà è çàâåðøàåòñÿ òî÷êîé ñ çàïÿòîé (íàïðèìåð, « ó óñëîâíîå îáîçíà÷åíèå äëÿ êàâû÷êè). Êðîìå òîãî, âìåñòî èìåíè ñèìâîëà ìîæíî âîñïîëüçîâàòüñÿ ñîîòâåòñòâóþùèì ASCII-êîäîì (íàïðèìåð, &#034; ó äëÿ êàâû÷êè).

Ñëåäóåò îòìåòèòü, ÷òî ðàçíûìè áðîóçåðàìè êîäû è èìåíà ñïåöèàëüíûõ ñèìâîëîâ (escape-ïîñëåäîâàòåëüíîñòè) ìîãóò èíòåðïðåòèðîâàòüñÿ íåñêîëüêî ðàçëè÷íûì îáðàçîì. Íà âèä îòîáðàæàåìûõ ñèìâîëîâ òàêæå âëèÿåò âûáðàííûé äëÿ îòîáðàæåíèÿ øðèôò è òàáëèöà ñèìâîëîâ (êîäèðîâêà).

Íàçâàíèå	Ñèìâîë	ASCII	Èìÿ
Òàáóëÿòîð			
Ïåðåâîä ñòðîêè		

Âîçâðàò êàðåòêè		
Ïðîáåë		 
Âîñêëèöàòåëüíûé çíàê	!	!
Êàâû÷êà	«	"	"
Çíàê ðåøåòêà	#	#
Äîëëàð	$	$
Ïðîöåíò	%	%
Àìïåðñàíä	&	&	&
Àïîñòðîô	'	'
Ñêîáêà ëåâàÿ êðóãëàÿ	(	(
Ñêîáêà ïðàâàÿ êðóãëàÿ	)	)
Çâåçäî÷êà	*	*
Ïëþñ	+	+
Çàïÿòàÿ	,	,
Ìèíóñ	-	-
Òî÷êà	.	.
Êîñîé øòðèõ	/	/
Öèôðû	0-9	0 -9
Äâîåòî÷èå	:	:
Òî÷êà ñ çàïÿòîé	;	&#059;
Ìåíüøå	<	&#060;
Ðàâíî	=	&#061;
Áîëüøå	>	&#062;
Çíàê âîïðîñà	?	&#063;
Çíàê îáåçüÿíêà	@	&#064;
Ïðîïèñíûå áóêâû	A-Z	&#065; -&#090;
Ñêîáêà êâàäðàòíàÿ ëåâàÿ	[	&#091;
Êîñîé øòðèõ ñ íàêëîíîì âïðàâî	\	&#092;
Ñêîáêà êâàäðàòíàÿ ïðàâàÿ	]	&#093;
Ñòåïåíü	^	&#094;
Çíàê ïîä÷åðêèâàíèÿ	_	&#095;
Óäàðåíèå	`	&#096;
Ñòðî÷íûå áóêâû	a-z	&#097; -&#122;
Ôèãóðíàÿ ñêîáêà ëåâàÿ	{	&#123;
Âåðòèêàëüíûé øòðèõ	|	&#124;
Ôèãóðíàÿ ñêîáêà ïðàâàÿ	}	&#125;
Òèëüäà	~	&#126;
Çàïÿòàÿ	‚	&#130;
Ôëîðèí	ƒ	&#131;
Êàâû÷êà íèæíÿÿ ïðàâàÿ	&; #132;	&#132;
Ìíîãîòî÷èå	…	&#133;
Êðåñò	†	&#134;
Äâîéíîé êðåñò	‡	&#135;
Êðûøêà	ˆ	&#136;
Ïðîìèëëå	‰	&#137;
Ïàðàãðàô	Š	&#138;
Ñèìâîë ìåíüøå	<	&#139;
Áîëüøîå ÎÅ	Œ	&#140;
Îäèíàðíàÿ êàâû÷êà ñëåâà	`	&#145;
Îäèíàðíàÿ êàâû÷êà ñïðàâà	'	&#146;
Êàâû÷êà ñëåâà	“	&#147;
Êàâû÷êà ñïðàâà	”	&#148;
Êðóïíàÿ òî÷êà	*	&#149;
Êîðîòêèé äåôèñ	-	&#150;
Äëèííûé äåôèñ	-	&#151;
Òèëüäà	˜	&#152;
Òîðãîâûé çíàê	™	&#153;	&reg;
	š	&#154;
Ñèìâîë áîëüøå	>	&#155;
Ìàëåíüêîå îå	œ	&#156;
Áîëüøîé Y-óìëàóò	Ÿ	&#159;
Íåðàçðûâíûé ïðîáåë		&#160;	&nbsp;
Ïåðåâåðíóòûé âîñêëèöàòåëüíûé çíàê	¡	&#161;	&ixcl;
Öåíò	¢	&#162;	&cent;
Ôóíò	£	&#163;	&pound;
Âàëþòà	¤	&#164;	&curren;
Èåíà	¥	&#165;	&yen;
Ïðåðâàííûé øòðèõ	¦	&#166;	&brvbar;
Ïàðàãðàô/Ðàçäåë	§	&#167;	&sect;
Òî÷êè óìëàóòà	¨	&#168;	&uml;
Êîïèðàéò	©	&#169;	&copy;
Ïîðÿäêîâîå ÷èñëèòåëüíîå æåíñêîãî ðîäà	ª	&#170;	&ordf;
Ôðàíöóçñêàÿ êàâû÷êà ñëåâà	«	&#171;	&laquo;
Íå/Íåò	¬	&#172;	&not;
Ðàçðûâ â ìåñòå ïåðåíîñà	-	&#173;	&shy;
Çàðåãèñòðèðîâàííûé òîðãîâûé çíàê	®	&#174;	&reg;
Íàä÷åðêèâàíèå	¯	&#175;	&macr;
Ãðàäóñ	°	&#176;	&deg;
Ïëþñ-ìèíóñ	±	&#177;	&plusmn;
Âòîðàÿ ñòåïåíü	²	&#178;	&sup2;
Òðåòüÿ ñòåïåíü	³	&#179;	&sup3;
Ìàëåíüêîå à ñ óäàðåíèåì	´	&#180;	&acuate;
Ìþ	µ	&#181;	&micro;
Ïàðàãðàô	¶	&#182;	&para;
Ñðåäíÿÿ òî÷êà	·	&#183;	&middot;
Öåäèëü	¸	&#184;	&cedil;
Ïåðâàÿ ñòåïåíü	¹	&#185;	&sup1;
Ïîðÿäêîâîå ÷èñëèòåëüíîå ìóæñêîãî ðîäà	º	&#186;	&ordm;
Ôðàíöóçñêàÿ êàâû÷êà ñïðàâà	«	&#187;	&raquo;
Äðîáü ¼	¼	&#188;	&frac14;
Äðîáü ½	½	&#189;	&frac12;
Äðîáü ¾	¾	&#190;	&frac34;
Ïåðåâåðíóòûé âîïðîñèòåëüíûé çíàê	¿	&#191;	&iquest;
Áîëüøàÿ À ñ óäàðåíèåì	À	&#192;	&Agrave;
Áîëüøàÿ À ñ óäàðåíèåì	Á	&#193;	&Aacute;
Áîëüøàÿ À ñ êðûøêîé	Â	&#194;	&Acirc;
Áîëüøàÿ À ñ òèëüäîé	Ã	&#195;	&Atilde;
Áîëüøàÿ À-óìëàóò	Ä	&#196;	&Auml;
Áîëüøàÿ À ñ êðóæêîì	Å	&#197;	&Aring;
Áîëüøîå ÀÅ	Æ	&#198;	&AElig;
Áîëüøàÿ Ñ öåäèë	Ç	&#199;	&Ccedil;
Áîëüøàÿ Å ñ óäàðåíèåì	È	&#200;	&Egrave;
Áîëüøàÿ Å ñ óäàðåíèåì	É	&#201;	&Eacute;
Áîëüøàÿ Å ñ êðûøêîé	Ê	&#202;	&Ecirc;
Áîëüøàÿ Å-óìëàóò	Ë	&#203;	&Euml;
Áîëüøàÿ I ñ óäàðåíèåì	Ì	&#204;	&Igrave;
Áîëüøàÿ I c êðûøêîé	Î	&#206;	&Icirñ;
Áîëüøàÿ I-óìëàóò	Ï	&#207;	&Iuml;

3. Ôîðìàòèðîâàíèå òåêñòà

3.1 Ôîðìàòèðîâàíèå ñèìâîëîâ

Âñå òåãè ôîðìàòèðîâàíèÿ ñèìâîëîâ èìåþò êàê îòêðûâàþùèé, òàê è çàêðûâàþùèé êîìïîíåíò è äåéñòâóþò íà çàêëþ÷åííûå ìåæäó íèìè òåêñò.

Îñíîâíûì ÿâëÿåòñÿ òåã... FONT>, îáÿçàòåëüíî èñïîëüçóþùèéñÿ ñ îäíèì èëè íåñêîëüêèìè àòðèáóòàìè, èçìåíÿþùèìè ðàçìåð, öâåò è ãàðíèòóðó øðèôòà:

Ñèíòàêñèñ àòðèáóòà	Íàçíà÷åíèå
SIZE = çíà÷åíèå	Ðàçìåð çàäàåòñÿ ëèáî â ôîðìå àáñîëþòíîãî çíà÷åíèÿ (÷èñëî îò 1 äî 7), ëèáî îòíîñèòåëüíî ðàçìåðà îñíîâíîãî øðèôòà (â ôîðìå +n èëè -n).
COLOR = öâåò	Öâåò
FACE = ñïèñîê øðèôòîâ	Ãàðíèòóðû äëÿ îòîáðàæåíèÿ òåêñòà; íàçâàíèÿ ïåðå÷èñëÿþòñÿ â ïîðÿäêå ïðåäïî÷òåíèÿ ÷åðåç çàïÿòóþ, íàïðèìåð, FACE=«Verdana, Helvetica, Arial, Sans-Serif» Ìîæíî óêàçûâàòü è îäíó èç ãàðíèòóð, íî ñëåäóåò ó÷èòûâàòü, ÷òî äàííûé øðèôò ìîæåò áûòü íå óñòàíîâëåí íà êîìïüþòåðå ïîëüçîâàòåëÿ, è «ýêçîòè÷åñêèå» øðèôòû îòîáðàæàòüñÿ áðàóçåðîì íå áóäóò

3.2 Ôîðìàòèðîâàíèå àáçàöåâ

html òåã ôîðìàòèðîâàíèå ñèìâîë

Òåêñò âûâîäèòñÿ â îêíî áðàóçåðà ñëîâî çà ñëîâîì, ïðè äîñòèæåíèè ïðàâîé ãðàíèöû îêíà î÷åðåäíîå ñëîâî àâòîìàòè÷åñêè ïåðåíîñèòñÿ íà íîâóþ ñòðîêó. Äàæå åñëè â êîäå ñòðàíèöû áûëî ââåäåíî íåñêîëüêî ïðîáåëîâ èëè òåêñò çàïèñûâàëñÿ ñ íîâîé ñòðîêè, ïðè ïðîñìîòðå â áðàóçåðå ýòè äåéñòâèÿ îòîáðàæåíû íå áóäóò. Ïîýòîìó ÷òîáû âûâåñòè â òåêñòå ðÿä ïîñëåäîâàòåëüíûõ ïðîáåëîâ èëè íåñêîëüêî ïóñòûõ ñòðîê, ïðèõîäèòñÿ ïðèìåíÿòü ðàçëè÷íûå òåãè.

Òåã (îò àíãëèéñêîãî break) ðàçðûâàåò òåêñòîâûé ïîòîê è âñòàâëÿåò íîâóþ ñòðîêó áåç îáðàçîâàíèÿ íîâîãî àáçàöà. Íåñêîëüêî ïîñëåäîâàòåëüíûõ òåãîâ èíòåðïðåòèðóþòñÿ êàê íåñêîëüêî ïóñòûõ ñòðîê. Ìåæñòðî÷íûé èíòåðâàë îäèíàðíûé. Çàêðûâàþùåãî êîìïîíåíòà òåã íå èìååò, êàê è àòðèáóòîâ.

Òåã (îò àíãëèéñêîãî paragraph) íà÷èíàåò àáçàö; íîâûé àáçàö îòäåëÿåòñÿ îò ïðåäûäóùåãî äâîéíûì ìåæñòðî÷íûì èíòåðâàëîì. Àáçàö ïóñòûì áûòü íå ìîæåò, òî åñòü íåñêîëüêî ïîñëåäîâàòåëüíûõ òåãîâ èíòåðïðåòèðóþòñÿ êàê îäèí.

Çàêðûâàþùèé êîìïîíåíò íå îáÿçàòåëåí, òàê êàê ïðåäûäóùèé àáçàö çàêàí÷èâàåòñÿ òàì, ãäå íà÷èíàåòñÿ íîâûé. Òåã èìååò íåîáÿçàòåëüíûé àòðèáóò ALIGN, óêàçûâàþùèé íà âèä âûðàâíèâàíèÿ àáçàöà, êîòîðûé ìîæåò ïðèíèìàòü çíà÷åíèÿ LEFT, CENTER, RIGHT è JUSTIFY, çàäàþùèå âûðàâíèâàíèå ñîîòâåòñòâåííî ïî ëåâîìó êðàþ, öåíòðó, ïðàâîìó êðàþ è ïî øèðèíå.

Åñëè çàêðûâàþùèé êîìïîíåíò îïóñòèòü, òî çàäàííûé òèï âûðàâíèâàíèÿ ñîõðàíÿåòñÿ äî ñëåäóþùåãî òåãà, çàäàþùåãî âûðàâíèâàíèå, èëè äî êîíöà äîêóìåíòà.

HTML ïîçâîëÿåò ñîçäàâàòü ôîðìàòèðîâàòü àáçàöû êàê íóìåðîâàííûå èëè ìàðêèðîâàííûå ñïèñêè. Ôðàãìåíò òåêñòà, ïðåäñòàâëÿþùèé ñîáîé ñïèñîê, çàêëþ÷àåòñÿ â òåãè:

...

óïîðÿäî÷åííûé (íóìåðîâàííûé) ñïèñîê (îò àíãëèéñêîãî ordered list)

...

íåóïîðÿäî÷åííûé (ìàðêèðîâàííûé) ñïèñîê (îò àíãëèéñêîãî unordered list)

Êàæäûé ýëåìåíò óïîðÿäî÷åííîãî èëè íåóïîðÿäî÷åííîãî ñïèñêà çàêëþ÷àåòñÿ â òåãè... (îò àíãëèéñêîãî list item). Ïðè âûâîäå òåêñòà êàæäûé ýëåìåíò ñïèñêà áóäåò ðàñïîëàãàòüñÿ ñ íîâîé ñòðîêè, îáîçíà÷åííîé íîìåðîì èëè ìàðêåðîì. Êðîìå òîãî, ó ñïèñêà ìîæåò áûòü çàãîëîâîê, êîòîðûé çàäàåòñÿ òåãîì (îò àíãëèéñêîãî listheader). Çàêðûâàþùèå òåãè è íå îáÿçàòåëüíû.

Ìíîãîóðîâíåâûé ñïèñîê ìîæåò áûòü îðãàíèçîâàí ïîñðåäñòâîì êîìáèíàöèè íóìåðîâàííûõ è ìàðêèðîâàííûõ ñïèñêîâ.

Àáçàöû ìîæíî îôîðìèòü è â âèäå çàãîëîâêîâ óðîâíÿ (îò n=1 äî n=6), äëÿ ýòîãî èñïîëüçóþò òåãè âèäà <Hn>... n>. Çàãîëîâîê ïåðâîãî óðîâíÿ âûâîäèòñÿ íàèáîëåå êðóïíûì øðèôòîì.

4. Ðàçìåùåíèå ðèñóíêîâ

Èçîáðàæåíèÿ, êîòîðûå äåìîíñòðèðóþòñÿ áðàóçåðîì ïðè ïðîñìîòðå âåá-ñòðàíèöû, õðàíÿòñÿ â îòäåëüíûõ ôàéëàõ ôîðìàòà gif, jpg (jpeg) èëè png, à â êîäå ñòðàíèöû äåëàåòñÿ ññûëêà íà íóæíûé ôàéë.

Îáÿçàòåëüíûé àòðèáóò:
SRC = url	Àäðåñ ãðàôè÷åñêîãî ôàéëà (îòíîñèòåëüíûé èëè àáñîëþòíûé)
Îñíîâíûå íåîáÿçàòåëüíûå àòðèáóòû:
ALT = òåêñò	Àëüòåðíàòèâíûé òåêñò, âûâîäèìûé â ðåæèìå áðàóçåðà áåç çàãðóçêè èçîáðàæåíèé (îáÿçàòåëüíî çàêëþ÷àåòñÿ â êàâû÷êè)
BORDER = çíà÷åíèå	Òîëùèíà îáðàìëÿþùåé ðàìêè â ïèêñåëÿõ, 0 îçíà÷àåò îòñóòñòâèå ðàìêè (ïî óìîë÷àíèþ)
BORDERCOLOR = öâåò	Çàäàåò öâåò îáðàìëÿþùåé ðàìêè
HEIGHT = çíà÷åíèå	Âûñîòà èçîáðàæåíèÿ â ïèêñåëÿõ (ïî óìîë÷àíèþ îðèãèíàëüíàÿ) ëèáî â ïðîöåíòàõ îò âûñîòû îêíà áðàóçåðà
WIDTH = çíà÷åíèå	Øèðèíà èçîáðàæåíèÿ â ïèêñåëÿõ (ïî óìîë÷àíèþ îðèãèíàëüíàÿ) ëèáî â ïðîöåíòàõ îò øèðèíû îêíà áðàóçåðà
HSPACE = çíà÷åíèå	Ñâîáîäíîå ïðîñòðàíñòâî ñëåâà è ñïðàâà îò èçîáðàæåíèÿ â ïèêñåëÿõ
VSPACE = çíà÷åíèå	Ñâîáîäíîå ïðîñòðàíñòâî ñâåðõó è ñíèçó îò èçîáðàæåíèÿ â ïèêñåëÿõ
ALIGN = çíà÷åíèå	Âûðàâíèâàíèå èçîáðàæåíèÿ ïî ãîðèçîíòàëè. Åñëè çàäàíû çíà÷åíèÿ LEFT ëèáî RIGHT, èçîáðàæåíèå ñîîòâåòñòâóþùèì îáðàçîì áóäåò âûðîâíåíî ïî ãîðèçîíòàëè, çàäàíèå ýòèõ çíà÷åíèé îáåñïå÷èâàåò îáòåêàíèå èçîáðàæåíèÿ òåêñòîì

Ðàññìîòðèì ïîäðîáíåå àáñîëþòíûé è îòíîñèòåëüíûé ñïîñîáû àäðåñàöèè ôàéëà.

Àäðåñàöèÿ â àáñîëþòíîé ôîðìå èñïîëüçóåòñÿ ïðè ññûëêàõ íà ðåñóðñû, íàõîäÿùèåñÿ íà äðóãèõ ñåðâåðàõ. Óíèâåðñàëüíûé àäðåñ, îïðåäåëÿþùèé ìåñòîíàõîæäåíèå èíôîðìàöèîííîãî ðåñóðñà, íîñèò íàçâàíèå URL (Uniform Resource Locator - óíèôèöèðîâàííûé àäðåñ ðåñóðñà). URL ñîñòîèò èç äâóõ ÷àñòåé, ðàçäåëåííûõ äâîåòî÷èåì. Ïåðâàÿ ÷àñòü óêàçûâàåò íà òèï ñåòåâîãî ïðîòîêîëà, êîòîðûé çàâèñèò îò òèïà ðåñóðñà. Íàïðèìåð, åñëè ðåñóðñ ðàñïîëàãàåòñÿ íà WWW-ñåðâåðå, ýòî ïðîòîêîë http. Âòîðàÿ ÷àñòü âêëþ÷àåò â ñåáÿ èìÿ êîìïüþòåðà (ñåðâåðà) â äîìåííîé ñèñòåìå èìåí è (åñëè òðåáóåòñÿ) ïóòåâîå èìÿ ôàéëà. Ïðè çàïèñè ïóòåâîãî èìåíè íàçâàíèÿ êàòàëîãîâ ðàçäåëÿþòñÿ ïðÿìîé êîñîé ÷åðòîé (ñèìâîë /), â èìåíàõ ôàéëîâ è êàòàëîãîâðàçëè÷àþòñÿ ïðîïèñíûå è ñòðî÷íûå áóêâû, ïðîáåëû íå äîïóñêàþòñÿ. Âîò ïðèìåðû URL:

http: //www. vshu. kirov. ru/site/images/picture1. jpg

http: //195. 21. 123. 13: 8110

ftp: //everything. com/soft/prog. zip

mailto: Ivanov@hotmail. com

Ïîñëåäíèé URL, óêàçûâàþùèé íà ïðîòîêîë mailto è àäðåñ ýëåêòðîííîé ïî÷òû, íå ññûëàåòñÿ íè íà êàêîé èíôîðìàöèîííûé ðåñóðñ; ýòî åäèíñòâåííûé òèï URL, ïðè çàïèñè êîòîðîãî íå ñòàâÿòñÿ ïîñëå äâîåòî÷èÿ äâå êîñûå ÷åðòû.

Àäðåñàöèÿ ðèñóíêîâ â àáñîëþòíîé ôîðìå ïðè ñîçäàíèè âåá-ñàéòà ïðàêòè÷åñêè íå èñïîëüçóåòñÿ.

Àäðåñàöèÿ â îòíîñèòåëüíîé ôîðìå èñïîëüçóåòñÿ ïðè ññûëêàõ íà ðåñóðñû, íàõîäÿùèåñÿ íà òîì æå ñåðâåðå. Ïðè çàïèñè ïóòè ê ôàéëó íàçâàíèÿ êàòàëîãîâ ðàçäåëÿþòñÿ ïðÿìîé êîñîé ÷åðòîé (ñèìâîë /), ïåðåõîä ïî êàòàëîãàì ôàéëîâîé ñèñòåìû íà îäèí óðîâåíü ââåðõ îáîçíà÷àåòñÿ äâóìÿ òî÷êàìè (ñèìâîëû..). ×òîáû áûëî ïîíÿòíåå, ïðåäñòàâèì ñåáå êîìïüþòåð, íàïðèìåð, ñ òàêîé ñòðóêòóðîé êàòàëîãîâ, ñîäåðæàùèõ HTML-ôàéëû:

SHAPE \* MERGEFORMAT

MySite

Pages

Images

Page1. htm Page2. htm Pict1. jpg Pict2. jpg

Index. htm Picture. jpg

 ýòîì ñëó÷àå âîçìîæíû, íàïðèìåð, òàêèå âàðèàíòû çàïèñè òåãà IMG:

?<IMGSRC=Picture. jpg> (èçîáðàæåíèå Picture. jpg ðàñïîëàãàåòñÿ íà ñòðàíè÷êåIndex. htm)

?<IMGSRC=Images/Pict1. jpg> (èçîáðàæåíèå Pict1. jpg ðàñïîëàãàåòñÿ íà ñòðàíè÷êåIndex. htm)

?<IMGSRC=.. /Picture. jpg> (èçîáðàæåíèå Picture. jpg ðàñïîëàãàåòñÿ íà ñòðàíè÷êåPage1. htm)

?<IMGSRC=.. /Images/Pict1. jpg> (èçîáðàæåíèå Pict1. jpg ðàñïîëàãàåòñÿ íà ñòðàíè÷êåPage1. htm)

Íåñìîòðÿ íà òî, ÷òî ôîðìàëüíî îáÿçàòåëüíûì ÿâëÿåòñÿ òîëüêî àòðèáóò SRC, íà ïðàêòèêå íåîáõîäèìî óêàçûâàòü è àëüòåðíàòèâíûé òåêñò (àòðèáóò ALT), òàê êàê ìíîãèå ðàáîòàþò ñ áðàóçåðîì â ðåæèìå áåç çàãðóçêè èçîáðàæåíèé.

Âûñîòó è øèðèíó îáëàñòè, â êîòîðîé äåìîíñòðèðóåòñÿ ðèñóíîê, çàäàþò ïðè ïîìîùè àòðèáóòîâ width è height â ïèêñåëÿõ èëè â ïðîöåíòàõ ê ðàçìåðó ýêðàíà.  òîì ñëó÷àå, êîãäà çàäàåòñÿ îäèí èç ýòèõ àòðèáóòîâ, ðèñóíîê ìàñøòàáèðóåòñÿ òàêèì îáðàçîì, ÷òîáû åãî âûñîòà èëè øèðèíà ñîîòâåòñòâîâàëè çàäàííîé. Âòîðîé ðàçìåð óñòàíàâëèâàåòñÿ àâòîìàòè÷åñêè, â ñîîòâåòñòâóþùåé ïðîïîðöèè. Ïðèìåíåíèå òîëüêî îäíîãî èç àòðèáóòîâ èçìåíÿåò îáà ðàçìåðà ðèñóíêà. Åñëè çàäàòü ÿâíî îáà àòðèáóòà, òî ðèñóíîê áóäåò ìàñøòàáèðîâàòüñÿ ïî äâóì îñÿì â ñîîòâåòñòâèè ñ çàäàííûìè ðàçìåðàìè. Àòðèáóòû height è width ìåíÿþò íå âðåìÿ çàãðóçêè èçîáðàæåíèÿ, à òîëüêî åãî âèä (ðàçìåð) íà ýêðàíå.

5. Ãèïåðññûëêè

Ãèïåðññûëêîé íàçûâàþò îáúåêò (òåêñò, èçîáðàæåíèå, ôðàãìåíò èçîáðàæåíèÿ), ïðè ùåë÷êå ìûøüþ ïî êîòîðîìó ïðîèñõîäèò ïåðåõîä ê íîâîìó äîêóìåíòó èëè ôðàãìåíòó äîêóìåíòà. Èìåííî ãèïåðññûëêè ïîçâîëÿþò îðãàíèçîâàòü ïåðåõîäû ìåæäó ëþáûìè ðàçìåùåííûìè â ñåòè Èíòåðíåò äîêóìåíòàìè.

5.1 Òåêñòîâûå ãèïåðññûëêè

Ñâÿçü ìåæäó HTML-äîêóìåíòàìè è ôðàãìåíòàìè äîêóìåíòîâ îðãàíèçóåòñÿ ñ ïîìîùüþ òåãà... (îò àíãëèéñêîãî anchor - ÿêîðü).

Òåã óïîòðåáëÿåòñÿ êàê äëÿ ñîçäàíèÿ ññûëêè íà äðóãîé äîêóìåíò, òàê è äëÿ ññûëêè íà ôðàãìåíò äîêóìåíòà.

Îáÿçàòåëüíûé àòðèáóò:
HREF = url	Àäðåñ öåëåâîãî äîêóìåíòà (ìîæåò áûòü ïðåäñòàâëåí â àáñîëþòíîé è îòíîñèòåëüíîé ôîðìå)
Îñíîâíûå íåîáÿçàòåëüíûå àòðèáóòû:
+	Ïîìå÷àåò íàõîäÿùèéñÿ ìåæäó <A> è A> ôðàãìåíò äîêóìåíòà êàê âîçìîæíûé îáúåêò äëÿ ññûëêè.  êà÷åñòâå çíà÷åíèÿ íóæíîëàòèíèöåé íàïèñàòü ëþáîå ñëîâî-óêàçàòåëü, óíèêàëüíîå äëÿ äàííîãî äîêóìåíòà. Íàïðèìåð, òåã Ðàçäåë1 ñîçäàåò òàê íàçûâàåìóþ ìåòêó (çàêëàäêó) äëÿ ïåðåõîäà ê ðàçäåëó 1.  ýòîì ñëó÷àå ìîæíî ññûëàòüñÿ íà ïîìå÷åííóþ îáëàñòü ïðîñòûì óêàçàíèåì åå èìåíè ïîñëå èìåíè äîêóìåíòà (ïåðåä èìåíåì ìåòêè ñòàâèòñÿ #). Òàê, <AHREF=«Index. html#part1»>Ê ðàçäåëó 1A> îòïðàâèò âàñ â ðàçäåë «part1» ôàéëà Index. html, à <AHREF=«#part2»> Ê ðàçäåëó 2 A> ? â ðàçäåë «part2» òåêóùåãî äîêóìåíòà ïðè óñëîâèè, ÷òî â äîêóìåíòå èìååòñÿ ñîîòâåòñòâóþùàÿ ìåòêà
TARGET = «èìÿ»	Èìÿ êàäðà (ôðåéìà) èëè îêíà äëÿ âûâîäà öåëåâîãî äîêóìåíòà. Ýòîò àòðèáóò èñïîëüçóåòñÿ òîëüêî ñîâìåñòíî ñ ïàðàìåòðîì HREF.  êà÷åñòâå çíà÷åíèÿ íåîáõîäèìî çàäàòü ëèáî èìÿ îäíîãî èç ñóùåñòâóþùèõ ôðåéìîâ, ëèáî îäíî èç ñëåäóþùèõ çàðåçåðâèðîâàííûõ èìåí: _self - óêàçûâàåò, ÷òî îïðåäåëåííûé â ïàðàìåòðå HREF äîêóìåíò äîëæåí îòîáðàæàòüñÿ â òåêóùåì ôðåéìå; _parent - óêàçûâàåò, ÷òî äîêóìåíò äîëæåí îòîáðàæàòüñÿ âî ôðåéìå-ðîäèòåëå òåêóùåãî ôðåéìà (öåëèêîì çàíÿòü îêíî áðàóçåðà) ; _blank - óêàçûâàåò, ÷òî äîêóìåíò äîëæåí îòîáðàæàòüñÿ â íîâîì îêíå
TITLE=«òåêñò»	Âûâîäèò âñïëûâàþùóþ ïîäñêàçêó ïðè íàâåäåíèè óêàçàòåëÿ ìûøè íà ãèïåðññûëêó

Òåêñò è èçîáðàæåíèÿ, ðàçìåùåííûå ìåæäó òåãàìè ñòàíîâÿòñÿ àêòèâíîé çîíîé äîêóìåíòà, ÷óâñòâèòåëüíîé ê ùåë÷êó ìûøè, êîòîðûé âûçûâàåò çàãðóçêó öåëåâîãî äîêóìåíòà. Òåêñò ãèïåðññûëêè âûäåëÿåòñÿ ïîä÷åðêèâàíèåì è öâåòàìè, óêàçàííûìè êàê çíà÷åíèå àòðèáóòîâ LINK, ALINK, VLINK òåãà (ëèáî öâåòîì ïî óìîë÷àíèþ).

5.2 Ãèïåðññûëêè-êàðòèíêè

×òîáû ñäåëàòü ãèïåðññûëêîé öåëîå èçîáðàæåíèå, òàêæå ïðèìåíÿåòñÿ òåã...., òîëüêî âìåñòî òåêñòà (èëè âìåñòå ñ òåêñòîì) ìåæäó <A> è A> ðàñïîëàãàåòñÿ òåã <IMG…> ñî âñåìè ñîîòâåòñòâóþùèìè àòðèáóòàìè.

5.3 Êàðòà ãèïåðññûëîê

Òåã ïîçâîëÿåò ñäåëàòü àêòèâíîé çîíîé òåêñòîâûé ôðàãìåíò èëè èçîáðàæåíèå öåëèêîì; äëÿ òîãî æå, ÷òîáû ðàçíûå ôðàãìåíòû îäíîãî èçîáðàæåíèÿ ññûëàëèñü íà ðàçíûå öåëåâûå äîêóìåíòû, ïðèäåòñÿ èñïîëüçîâàòü òåã, ðåàëèçóþùèé èçîáðàæåíèå-êàðòó.

Ó òåãà-êîíòåéíåðà åäèíñòâåííûì îáÿçàòåëüíûì àòðèáóòîì ÿâëÿåòñÿ NAME, çíà÷åíèåì êîòîðîãî áóäåò èìÿ (íàïðèìåð, NAME=«mymap», êîòîðîå äîëæíî áûòü èñïîëüçîâàíî ïðè îïèñàíèè àòðèáóòà USEMAP òåãà IMG, îïèñûâàþùåãî èçîáðàæåíèå, ïðèçâàííîãî ñëóæèòü êàðòîé (ïðè ýòîì ê èìåíè êàðòû ïðèïèñûâàåòñÿ ñëåâà # ? USEMAP =«#mymap»)

Âíóòðè êîíòåéíåðà êàæäîé ÷óâñòâèòåëüíîé ê ïåðåìåùåíèþ ìûøè çîíå èçîáðàæåíèÿ äîëæåí ñîîòâåòñòâîâàòü òåã ñ àòðèáóòàìè:

Ñèíòàêñèñ àòðèáóòà	Íàçíà÷åíèå
COORDS = ñïèñîê	Ñïèñîê ÷åðåç çàïÿòóþ êîîðäèíàò àêòèâíîé çîíû (çàâèñèò îò òèïà çàäàííîé ôîðìû çîíû)
HREF = url	Àäðåñ öåëåâîãî äîêóìåíòà ãèïåðññûëêè, ñâÿçàííîãî ñ óêàçàííîé çîíîé
SHAPE = ôîðìà	Îïðåäåëÿåò ôîðìó àêòèâíîé çîíû. Âîçìîæíûå çíà÷åíèÿ ýòîãî àòðèáóòà: circle (îêðóæíîñòü - çàäàåòñÿ êîîðäèíàòàìè öåíòðà è ðàäèóñîì â ïèêñåëÿõ) ; rect (ïðÿìîóãîëüíèê - çàäàåòñÿ êîîðäèíàòàìè ëåâîãî âåðõíåãî è ïðàâîãî íèæíåãî óãëà) ; poly (ìíîãîóãîëüíèê - çàäàåòñÿ êîîðäèíàòàìè ñâîèõ âåðøèí) Êîîðäèíàòû âî âñåõ ñëó÷àÿõ îòñ÷èòûâàþòñÿ îò âåðõíåãî ëåâîãî óãëà èçîáðàæåíèÿ â ïèêñåëÿõ, îñü Õ íàïðàâëåíà âïðàâî, îñü Y? âíèç.
NOREF	èíîãäà áûâàåò íóæíî óêàçàòü, ÷òî äàííàÿ çîíà (çàäàííàÿ àòðèáóòîì SHAPE è êîîðäèíàòàìè COORDS) íå ÿâëÿåòñÿ àêòèâíîé, ðåàêöèè íà ùåë÷îê ìûøè íåò

6. Òàáëèöû

Òàáëèöû â HTML-äîêóìåíòàõ èñïîëüçóþòñÿ íå ñòîëüêî äëÿ òîãî, ÷òîáû ðàñïîëàãàòü äàííûå â îáðàìëåííûõ ÿ÷åéêàõ, ñêîëüêî ñ öåëüþ ðàñïîëîæåíèÿ ôðàãìåíòîâ òåêñòà è èçîáðàæåíèé äðóã îòíîñèòåëüíî äðóãà.

Òàáëèöû â HTML ñòðîÿòñÿ ïîñòðî÷íî. Âñå òàáëè÷íûå äàííûå çàêëþ÷àþòñÿ â òåãè

...

; îïèñàíèå êàæäîãî ðÿäà ÿ÷ååê (ñòðîê) çàêëþ÷àåòñÿ â òåãè... ; ñîäåðæèìîå êàæäîé ÿ÷åéêè çàêëþ÷àåòñÿ â òåãè... (îáû÷íûå ÿ÷åéêè) èëè <TH>... H> (çàãîëîâêè).

ß÷åéêè òàáëèöû ìîãóò ñîäåðæàòü òåêñò, èçîáðàæåíèÿ, âëîæåííûå òàáëèöû è ò. ä. Íå ñëåäóåò îñòàâëÿòü ÿ÷åéêè òàáëèöû íåçàïîëíåííûìè; åñëè êàêàÿ-òî ÿ÷åéêà äîëæíà âûãëÿäåòü ïóñòîé, ïîìåñòèòå â íåå íåðàçðûâíûé ïðîáåë.

Ïîìåùàåìûé â ÿ÷åéêè òàáëèöû òåêñò ïî óìîë÷àíèþ àâòîìàòè÷åñêè ðàçìåùàåòñÿ áðàóçåðîì; òåêñò âûâîäèòñÿ ñëîâî çà ñëîâîì; ïðè äîñòèæåíèè ïðàâîé ãðàíèöû ÿ÷åéêè î÷åðåäíîå ñëîâî ïåðåíîñèòñÿ íà íîâóþ ñòðîêó.

ß÷åéêè òàáëèöû ìîãóò îõâàòûâàòü íåñêîëüêî ñòðîê èëè ñòîëáöîâ; ïðè îïèñàíèè òàêèõ ÿ÷ååê èñïîëüçóåòñÿ àòðèáóòû ROWSPAN (ÿ÷åéêà, òåã êîòîðîé ñîäåðæèò äàííûé àòðèáóò, «ðàñòÿãèâàåòñÿ» íà óêàçàííîå êîëè÷åñòâî ñòðîê) è COLSPAN (ÿ÷åéêà «ðàñòÿãèâàåòñÿ» íà íåñêîëüêî ñòîëáöîâ).

Òåãè, îïèñûâàþùèå òàáëèöû, èìåþò öåëûé ðÿä íåîáÿçàòåëüíûõ àòðèáóòîâ.

Àòðèáóòû òåãà çàäàþò ïàðàìåòðû òàáëèöû â öåëîì:

	Ñèíòàêñèñ àòðèáóòà	Íàçíà÷åíèå
ALIGN = çíà÷åíèå	Âûðàâíèâàíèå îòíîñèòåëüíî òåêñòîâîãî ïîòîêà; âîçìîæíû çíà÷åíèÿ left, right è center
BACKGROUND = url	Ôîíîâîå èçîáðàæåíèå äëÿ âñåé òàáëèöû
BGCOLOR = öâåò	Ôîíîâûé öâåò
<...

Ïîäîáíûå äîêóìåíòû

• ßçûê ðàçìåòêè ãèïåðòåêñòà - HTML

  Ïîíÿòèå îá html. Ñòðóêòóðà ôàéëà â ôîðìàòå html. Îòëè÷èòåëüíûé ïðèçíàê html-äîêóìåíòà. Ãèïåðòåêñòîâûå ññûëêè. Ñîçäàíèå äîêóìåíòîâ â ñòàíäàðòå html. Çàãîëîâêè. Ôîðìàòèðîâàíèå òåêñòà è èçìåíåíèå ñòèëåé. Ôðåéìû.
  
  ðåôåðàò [23,7 K], äîáàâëåí 17.08.2007
  

• Ðàçðàáîòêà web ñàéòà íà îñíîâå HTML ñ èñïîëüçîâàíèåì JavaScript

  Èñòîðèÿ html. Ãèïåðòåêñò. Ñòðóêòóðà web-ñòðàíèöû. Ïåðåõîä âíóòðè îäíîãî äîêóìåíòà. Ïåðåõîä ê äðóãîìó äîêóìåíòó. Ïðàâèëà ñèíòàêñèñà. Êîäèðîâàíèå ñèìâîëîâ. Èñïîëüçîâàíèå ñèìâîëîâ. Óïðàâëåíèå öâåòîì. Êîíñòðóêòîð äîêóìåíòîâ. Ñïîñîáû îïðåäåëåíèÿ òàáëèö ñòèëåé.
  
  äèïëîìíàÿ ðàáîòà [911,3 K], äîáàâëåí 25.02.2005
  

• Ñîçäàíèå web-ñòðàíèöû ñ ïîìîùüþ ãèïåðòåêñòîâîé ðàçìåòêè HTML ñ èñïîëüçîâàíèåì òàáëèö

  Ñòðóêòóðà HTML–äîêóìåíòà. Ñèíòàêñèñ çàïèñè òåãà. Îáîçíà÷åíèå öâåòîâ â øåñòíàäöàòåðè÷íîé ñèñòåìå ñ÷èñëåíèÿ. Ôîðìàò çàäàíèÿ è ïàðàìåòðû òàáëèöû â äîêóìåíòå, ïàðàìåòðû å¸ çàãîëîâêà, ñòðîê è ÿ÷ååê, ãðóïïèðîâàíèå ñòîëáöîâ. Íàñëåäîâàíèå ñâîéñòâ âûðàâíèâàíèÿ.
  
  êóðñîâàÿ ðàáîòà [318,8 K], äîáàâëåí 03.01.2014
  

• Ñîçäàíèå html-ñòðàíèö. html-êîä

  Õàðàêòåðèñòèêà ïðèíöèïîâ ñîçäàíèÿ html-ñòðàíèö è ñâÿçûâàíèÿ èõ ññûëêàìè òàê, ÷òîáû ìîæíî áûëî ïðîèçâîëüíûì îáðàçîì ïåðåõîäèòü îò îäíîé ñòðàíèöû ê äðóãîé. Ïðèìåíåíèå òåãîâ ôîðìàòèðîâàíèÿ òåêñòà è çàãîëîâêà îêíà. Ýòàïû ñîçäàíèÿ html-ñòðàíèöû ñ òàáëèöåé.
  
  êîíòðîëüíàÿ ðàáîòà [16,0 K], äîáàâëåí 19.06.2014
  

• ßçûê HTML â ïðîãðàììèðîâàíèè

  Ðàçðàáîòêè áðèòàíñêîãî ó÷¸íîãî Òèìà Áåðíåðñîì-Ëè. HTML êàê ÿçûê äëÿ îáìåíà íàó÷íîé è òåõíè÷åñêîé äîêóìåíòàöèåé, ïðèãîäíûé äëÿ èñïîëüçîâàíèÿ ëþäüìè, íå ÿâëÿþùèìèñÿ ñïåöèàëèñòàìè â îáëàñòè â¸ðñòêè. Ñòðóêòóðà HTML-äîêóìåíòîâ è îñíîâíûå òåãè íà ÿçûêå HTML.
  
  êóðñîâàÿ ðàáîòà [820,3 K], äîáàâëåí 03.03.2011
  

• Èçó÷åíèå îñíîâ ÿçûêà HTML: ñïèñêè è òàáëèöû

  Èçó÷åíèå òåãîâ äëÿ ñîçäàíèÿ ñïèñêîâ è òàáëèö â HTML, îñíîâíûõ àòðèáóòîâ òåãîâ. Ïðàêòè÷åñêèå íàâûêè ñîçäàíèÿ ñïèñêîâ è òàáëèö â HTML-äîêóìåíòàõ. Íóìåðîâàííûå, ìàðêèðîâàííûå è âëîæåííûå ñïèñêè, ñïèñîê îïðåäåëåíèé. Âûðàâíèâàíèå äàííûõ â ÿ÷åéêàõ òàáëèöû.
  
  êîíòðîëüíàÿ ðàáîòà [322,1 K], äîáàâëåí 09.08.2014
  

• ßçûê ðàçìåòêè ãèïåðòåêñòà HTML

  Ñïåöèàëüíûå ðàçìåòî÷íûå óêàçàòåëè (òåãè) ÿçûêà HTML. Îñíîâíûå ïðàâèëà íàïèñàíèÿ òåãîâ. Ñòðóêòóðà HTML-ôàéëîâ. Âíåñåíèå èçìåíåíèé è ñïîñîáû îáíîâëåíèÿ Web-ñàéòà. Íåîáõîäèìûå àòðèáóòû äëÿ ñîçäàíèÿ íà Web-ñòðàíèöå áåãóùåé ñòðîêè è âñòàâêè ðèñóíêîâ.
  
  ïðåçåíòàöèÿ [439,3 K], äîáàâëåí 29.01.2014
  

• Hyper Text Markup Language (HTML)

  Çíà÷åíèå àòðèáóòà TITLE òåãà HTML-äîêóìåíòà. Âîçìîæíîñòè HTML äëÿ ðàçðàáîò÷èêîâ Web-ñòðàíèö. Ïàðàìåòðû òåãà , ðåãóëèðóþùèå îòñòóïû âîêðóã èçîáðàæåíèÿ. Îôîðìëåíèå êîììåíòàðèåâ â CSS. Òåãè ëîãè÷åñêîãî ôîðìàòèðîâàíèÿ òåêñòà (phrase elements).
  
  òåñò [19,9 K], äîáàâëåí 11.10.2012
  

• Ãèïåðòåêñò è ÿçûê ãèïåðòåêñòîâîé ðàçìåòêè HTML

  Ïîíÿòèå, ñóùíîñòü è îñîáåííîñòè ïðèìåíåíèÿ ÿçûêà HTML, à òàêæå ñòðóêòóðà åãî äîêóìåíòà. Ðåêîìåíäàöèè ïî ñîçäàíèþ ñàéòîâ â èíòåðíåòå. Îáùàÿ ñòðóêòóðà è ïîðÿäîê îôîðìëåíèÿ ãèïåðòåêñòîâ, çàïèñàííûõ â ÿçûêå HTML, ïðèìåðû îòîáðàæåíèÿ èõ â áðàóçåðå êîìïüþòåðà.
  
  êîíòðîëüíàÿ ðàáîòà [29,4 K], äîáàâëåí 12.09.2010
  

• Ðàçðàáîòêà ñàéòà ÀëòÃÒÓ èìåíè È.È. Ïîëçóíîâà ñ èñïîëüçîâàíèåì HTML è Java

  Îñîáåííîñòè ïðîãðàììèðîâàíèÿ íà ÿçûêå HTML è JavaScript. Îñíîâíûå ñòèëè ôîðìàòèðîâàíèÿ òåêñòà. Àíàëèç îñíîâíûõ ïðèåìîâ è ìåòîäîâ ñîçäàíèÿ ñòðàíèö, ðèñóíêîâ, òàáëèö è ãèïåðññûëîê. Îñíîâíûå öâåòà è èõ êîäû. Ðàçðàáîòêà ñîáñòâåííîãî ñàéòà è åãî ïðåçåíòàöèÿ.
  
  êóðñîâàÿ ðàáîòà [61,3 K], äîáàâëåí 29.01.2016
  

• ãëàâíàÿ
• ðóáðèêè
• ïî àëôàâèòó
• âåðíóòüñÿ â íà÷àëî ñòðàíèöû
• âåðíóòüñÿ ê íà÷àëó òåêñòà
• âåðíóòüñÿ ê ïîäîáíûì ðàáîòàì