HTML íà÷àëî
HyperText Markup Language (HTML) ÿâëÿåòñÿ ñòàíäàðòíûì ÿçûêîì, ïðåäíàçíà÷åííûì äëÿ ñîçäàíèÿ ãèïåðòåêñòîâûõ äîêóìåíòîâ â ñðåäå WEB. HTML-äîêóìåíòû ìîãóò ïðîñìàòðèâàòüñÿ ðàçëè÷íûìè òèïàìè WEB-áðîóçåðîâ. Êîãäà äîêóìåíò ñîçäàí ñ èñïîëüçîâàíèåì HTML, WEB-áðîóçåð ìîæåò èíòåðïðåòèðîâàòü HTML äëÿ âûäåëåíèÿ ðàçëè÷íûõ ýëåìåíòîâ äîêóìåíòà è ïåðâè÷íîé èõ îáðàáîòêè. Èñïîëüçîâàíèå HTML ïîçâîëÿåò ôîðìàòèðîâàòü äîêóìåíòû äëÿ èõ ïðåäñòàâëåíèÿ ñ èñïîëüçîâàíèåì øðèôòîâ, ëèíèé è äðóãèõ ãðàôè÷åñêèõ ýëåìåíòîâ íà ëþáîé ñèñòåìå, èõ ïðîñìàòðèâàþùåé.
Áîëüøèíñòâî äîêóìåíòîâ èìåþò ñòàíäàðòíûå ýëåìåíòû, òàêèå, êàê çàãîëîâîê, ïàðàãðàôû èëè ñïèñêè. Èñïîëüçóÿ òýãè HTML âû ìîæåòå îáîçíà÷àòü äàííûå ýëåìåíòû, îáåñïå÷èâàÿ WEB-áðîóçåðû ìèíèìàëüíîé èíôîðìàöèåé äëÿ îòîáðàæåíèÿ äàííûõ ýëåìåíòîâ, ñîõðàíÿÿ âöåëîì îáùóþ ñòðóêòóðó è èíôîðìàöèîííóþ ïîëíîòó äîêóìåíòîâ. Âñå ÷òî íåîáõîäèìî, ÷òîáû ïðî÷èòàòü HTML-äîêóìåíò - ýòî WEB-áðîóçåð, êîòîðûé èíòåðïðåòèðóåò òýãè HTML è âîñïðîèçâîäèò íà ýêðàíå äîêóìåíò â âèäå, êîòîðûé åìó ïðèäàåò àâòîð.
 áîëüøèíñòâå ñëó÷àåâ àâòîð äîêóìåíòà ñòðîãî îïðåäåëÿåò âíåøíèé âèä äîêóìåíòà.  ñëó÷àå HTML ÷èòàòåëü (îñíîâûâàÿñü íà âîçìîæíîñòÿõ WEB-áðîóçåðà ìîæåò, â îïðåäåëåííîé ñòåïåíè, óïðàâëÿòü âíåøíèì âèäîì äîêóìåíòà (íî íå åãî ñîäåðæèìûì). HTML ïîçâîëÿåò îòìåòèòü, ãäå â äîêóìåíòå äîëæåí áûòü çàãîëîâîê èëè àáçàö ïðè ïîìîùè òýãà HTML, à çàòåì ïðåäîñòàâëÿåò WEB-áðîóçåðó èíòåðïðåòèðîâàòü ýòè òýãè. Íàïðèìåð, îäèí WEB-áðîóçåð ìîæåò ðàñïîçíàâàòü òýã íà÷àëà àáçàöà è ïðåäñòàâëÿòü äîêóìåíò â íóæíîì âèäå, à äðóãîé íå èìååò òàêîé âîçìîæíîñòè è ïðåäñòàâëÿåò äîêóìåíò â îäíó ñòðîêó. Ïîëüçîâàòåëè íåêîòîðûõ WEB-áðîóçåðîâ èìåþò, òàêæå, âîçìîæíîñòü íàñòðàèâàòü ðàçìåð è âèä øðèôòà, öâåò è äðóãèå ïàðàìåòðû, âëèÿþùèå íà îòîáðàæåíèå äîêóìåíòà.
HTML-òýãè ìîãóò áûòü óñëîâíî ðàçäåëåíû íà äâå êàòåãîðèè:
òýãè, îïðåäåëÿþùèå, êàê áóäåò îòîáðàæàòüñÿ WEB-áðîóçåðîì òåëî äîêóìåíòà âöåëîì
òýãè, îïèñûâàþùèå îáùèå ñâîéñòâà äîêóìåíòà, òàêèå êàê çàãîëîâîê èëè àâòîð äîêóìåíòà
Çàïîìíèòå, ÷òî îñíîâíîå ïðåèìóùåñòâî HTML çàêëþ÷àåòñÿ â òîì, ÷òî âàø äîêóìåíò ìîæåò áûòü ïðîñìîòðåí íà WEB-áðîóçåðàõ ðàçëè÷íûõ òèïîâ è íà ðàçëè÷íûõ ïëàòôîðìàõ.
--------------------------------------------------------------------------------
Êàê ñîçäàþòñÿ HTML äîêóìåíòû?
HTML-äîêóìåíòû ìîãóò áûòü ñîçäàíû ïðè ïîìîùè ëþáîãî òåêñòîâîãî ðåäàêòîðà èëè ñïåöèàëèçèðîâàííûõ HTML-ðåäàêòîðîâ è êîíâåðòåðîâ. Âûáîð ðåäàêòîðà, êîòîðûé áóäåò èñïîëüçîâàòüñÿ äëÿ ñîçäàíèÿ HTML-äîêóìåíòîâ, çàâèñèò èñêëþ÷èòåëüíî îò ïîíÿòèÿ óäîáñòâà è ëè÷íûõ ïðèñòðàñòèé êàæäîãî àâòîðà.
Íàïðèìåð, HTML ðåäàêòîðû, òàêèå, êàê "Netscape Navigator Gold" êîìïàíèè Netscape ïîçâîëÿþò
ñîçäàâàòü äîêóìåíòû ãðàôè÷åñêè ñ èñïîëüçîâàíèåì òåõíîëîãèè WYSIWYG (What You See Is What You Get). Ñ äðóãîé ñòîðîíû, áîëüøèíñòâî òðàäèöèîííûõ ñðåäñòâ äëÿ ñîçäàíèÿ äîêóìåíòîâ èìåþò êîíâåðòåðû, ïîçâîëÿþùèå ïðåîáðàçîâûâàòü äîêóìåíòû ê ôîðìàòó HTML.
--------------------------------------------------------------------------------
Îñíîâíûå ïîëîæåíèÿ
Âñå òýãè HTML íà÷èíàþòñÿ ñ "<" (ëåâîé óãëîâîé ñêîáêè) è çàêàí÷èâàþòñÿ ñèìâîëîì ">" (ïðàâîé óãëîâîé ñêîáêè). Êàê ïðàâèëî, ñóùåñòâóåò ñòàðòîâûé òýã è çàâåðøàþùèé òýã. Äëÿ ïðèìåðà ïðèâåäåì òýãè çàãîëîâêà, îïðåäåëÿþùèå òåêñò, íàõîäÿùèéñÿ âíóòðè ñòàðòîâîãî è çàâåðøàþùåãî òýãà è îïèñûâàþùèé çàãîëîâîê äîêóìåíòà:
Çàâåðøàþùèé òýã âûãëÿäèò òàêæå, êàê ñòàðòîâûé, è îòëè÷àåòñÿ îò íåãî ïðÿìûì ñëýøåì ïåðåä òåêñòîì âíóòðè óãëîâûõ ñêîáîê.  äàííîì ïðèìåðå òýã - î çàâåðøåíèè òåêñòà çàãîëîâêà.
Íåêîòîðûå òýãè, òàêèå, êàê
(òýã, îïðåäåëÿþùèé àáçàö), íå òðåáóþò çàâåðøàþùåãî òýãà, íî åãî èñïîëüçîâàíèå ïðèäàåò èñõîäíîìó òåêñòó äîêóìåíòà óëó÷øåííóþ ÷èòàåìîñòü è ñòðóêòóðèðóåìîñòü.
HTML íå ðåàãèðóåò íà ðåãèñòð ñèìâîëîâ, îïèñûâàþùèõ òýã, è ïðèâåäåííûé ðàíåå ïðèìåð ìîæåò âûãëÿäåòü ñëåäóþùèì îáðàçîì:
Âíèìàíèå! Äîïîëíèòåëüíûå ïðîáåëû, ñèìâîëû òàáóëÿöèè è âîçâðàòà êàðåòêè, äîáàâëåííûå â èñõîäíûé òåêñò HTML-äîêóìåíòà äëÿ åãî ëó÷øåé ÷èòàåìîñòè, áóäóò ïðîèãíîðèðîâàíû WEB-áðîóçåðîì ïðè èíòåðïðåòàöèè äîêóìåíòà. HTML-äîêóìåíò ìîæåò âêëþ÷àòü âûøåîïèñàííûå ýëåìåíòû òîëüêî åñëè îíè ïîìåùåíû âíóòðü òýãîâ
è
. Áîëåå ïîäðîáíî î òýãàõ
áóäåò íàïèñàíî íèæå.
--------------------------------------------------------------------------------
Ñòðóêòóðà äîêóìåíòà
Êîãäà WEB-áðîóçåð ïîëó÷àåò äîêóìåíò, îí îïðåäåëÿåò, êàê äîêóìåíò äîëæåí áûòü èíòåðïðåòèðîâàí. Ñàìûé ïåðâûé òýã, êîòîðûé âñòðå÷àåòñÿ â äîêóìåíòå, äîëæåí áûòü òýãîì . Äàííûé òýã ñîîáùàåò WEB-áðîóçåðó, ÷òî âàø äîêóìåíò íàïèñàí ñ èñïîëüçîâàíèåì HTML. Ìèíèìàëüíûé HTML-äîêóìåíò áóäåò âûãëÿäåòü òàê:
...òåëî äîêóìåíòà...
--------------------------------------------------------------------------------
Çàãîëîâî÷íàÿ ÷àñòü äîêóìåíòà
Òýã çàãîëîâî÷íîé ÷àñòè äîêóìåíòà äîëæåí áûòü èñïîëüçîâàí ñðàçó ïîñëå òýãà è áîëåå íèãäå â òåëå äîêóìåíòà. Äàííûé òýã ïðåäñòàâëÿåò èç ñåáÿ îáùåå îïèñàíèå äîêóìåíòà. Èçáåãàéòå ðàçìåùàòü êàêîé-ëèáî òåêñò âíóòðè òýãà . Ñòàðòîâûé òýã ïîìåùàåòñÿ íåïîñðåäñòâåííî ïåðåä òýãîì