аКНВМШЕ Х ЯРПНЙНБШЕ ЩКЕЛЕМРШ   

б НОХЯЮМХХ ЩКЕЛЕМРНБ ПЮГЛЕРЙХ ЪГШЙЮ HTML ЯСЫЕЯРБСЕР ОНМЪРХЕ ЯРПНЙНБНЦН (in-line) ЩКЕЛЕМРЮ ПЮГЛЕРЙХ Х АКНВМНЦН (block) ЩКЕЛЕМРЮ ПЮГЛЕРЙХ. тНПЛЮКЭМН НМХ НОПЕДЕКЕМШ Б DTD (Document Type Definition) SGML-НОХЯЮМХЪ (Stadard Generalised Markup Language) ЪГШЙЮ HTML. оПНЫЕ БЯЕЦН НАЗЪЯМХРЭ ПЮГКХВХЕ ЛЕФДС АКНЙНЛ Х ЯРПНЙНБШЛ ЩКЕЛЕМРНЛ ЛНФМН МЮ ОПХЛЕПЕ:

ОЮПЮЦПЮТ - ЩРН АКНВМШИ ЩКЕЛЕМР ПЮГЛЕРЙХ.
БШДЕКЕМХЕ ЙСПЯХБНЛ - ЩРН ЯРПНЙНБШИ ЩКЕЛЕМР ПЮГЛЕРЙХ.

аКНВМШЕ ЩКЕЛЕМРШ ЛНФМН БЙКЮДШБЮРЭ ДПСЦ Б ДПСЦЮ, МН МЕКЭГЪ ОЕПЕЯЕЙЮРЭ ДПСЦ Я ДПСЦНЛ. яРПНЙНБШЕ ЩКЕЛЕМРШ ЛНФМН ЙЮЙ БЙКЮДШБЮРЭ, РЮЙ Х ОЕПЕЯЕЙЮРЭ(ЯНЦКЮЯМН DTD Х ОПЮЙРХЙЕ ЯРЮПШУ БЕПЯХИ АПЮСГЕПНБ), МН ОНЯКЕДМЕЕ ДЕКЮРЭ МЕ ПЕЙНЛЕМДСЕРЯЪ.

яНБЕПЬЕММН ЕЯРЕЯРБЕММН, ВРН ОН МЮАНПС ЮРПХАСРНБ СОПЮБКЕМХЪ НРНАПЮФЕМХЕЛ (ЮРПХАСРШ НОХЯЮМХЪ ЯРХКЪ) ЯРПНЙНБШЕ Х АКНВМШЕ ЩКЕЛЕМРШ НРКХВЮЧРЯЪ. сОПНЫЕММН ЛНФМН ЯЙЮГЮРЭ, ВРН ЮРПХАСРШ НОХЯЮМХЪ ЯРХКЪ ЯРПНЙНБНЦН ЩКЕЛЕМРЮ ЪБКЪЧРЯЪ ОНДЛМНФЕЯРБНЛ ЮРПХАСРНБ НОХЯЮМХЪ ЯРХКЪ АКНВМНЦН ЩКЕЛЕМРЮ.

нАНАЫЕМХЪЛХ АКНВМНЦН Х ЯРПНЙНБНЦН ЩКЕЛЕМРНБ Я РНВЙХ ГПЕМХЪ ЯРХКЕИ БШЯРСОЮЧР ЩКЕЛЕМРШ DIV Х SPAN ЯННРБЕРЯРБЕММН.

щКЕЛЕМР DIV

DIV БШЯРСОЮЕР Б ЙЮВЕЯРБЕ СМХБЕПЯЮКЭМНЦН АКНЙЮ. аКНВМШИ ЩКЕЛЕМР БЯЕЦДЮ НРДЕКЕМ НР ОПНВХУ ЩКЕЛЕМРНБ ЯРПЮМХЖШ (ЙНМРЕЙЯРЮ) ОСЯРНИ ЯРПНЙНИ. DIV МЕ МЕЯЕР МХЙЮЙНИ ЯЛШЯКНБНИ МЮЦПСГЙХ. вЮЯРН ЦНБНПЪР, ВРН DIV - ЩРН ПЮГДЕК ЯРПЮМХЖШ. мН ПЕЮКЭМН ЕЦН ОПХЛЕМЕМХЕ НЯЛШЯКЕММН РНКЭЙН Б ЙНМРЕЙЯРЕ CSS. мХЙЮЙХУ ОПЮБХК СЛНКВЮМХЪ ДКЪ НРНАПЮФЕМХЪ DIV МЕ ЯСЫЕЯРБСЕР. щРН ОПНЯРН МНБЮЪ ЯРПНЙЮ РЕЙЯРЮ.

DIV ОНГБНКЪЕР ОПХЛЕМХРЭ ЮРПХАСРШ ЯРХКЪ, ЯБЪГЮММШЕ Я ЦПЮМХЖЕИ АКНЙЮ, НРЯРСОЮЛХ АКНЙЮ НР ЦПЮМХЖ ЯРЮПЬЕЦН ЩКЕЛЕМРЮ Х "МЮАХБЙС", Р.Е. НРЯРСО НР ЦПЮМХЖШ АКНЙЮ ДН ЦПЮМХЖШ БКНФЕММНЦН ЩКЕЛЕМРЮ:

"аКНВМШИ ЩКЕЛЕМР, ГЮДЮММШИ ЩКЕЛЕМРНЛ ПЮГЛЕРЙХ DIV. дКЪ МЕЦН НОПЕДЕКЕМЮ ЦПЮМХЖЮ Х НРЯРСОШ ЙЮЙ НР ЦПЮМХЖ ЯРЮПЬЕЦН ЩКЕЛЕМРЮ ПЮГЛЕРЙХ, РЮЙ Х ДКЪ БКНФЕММШУ Б МЕЦН ЩКЕЛЕМРНБ ПЮГЛЕРЙХ."

рЕЙЯР Б ЙЮБШВЙЮУ БКНФЕМ БМСРПЭ ЩКЕЛЕМРЮ DIV ЯКЕДСЧЫЕЦН БХДЮ:

<div style="border-color:#003366;
border-width:1px;
margin:20px;padding:10px;">
...
</div>

оПХЛЕМЕМХЕ ЩКЕЛЕМРЮ DIV МЕ ПЕЙНЛЕМДСЕРЯЪ, ЕЯКХ РЕЙЯР АСДЕР ОПНЯЛЮРПХБЮРЭЯЪ АПЮСГЕПЮЛХ, МЕ ОНДДЕПФХБЮЧЫХЛХ CSS. б ЩРНЛ ЯКСВЮЕ КСВЬЕ ОПХЛЕМХРЭ ОЮПЮЦПЮТ ХКХ ДПСЦНИ, ОНДУНДЪЫХИ ОН ЯЛШЯКС, ЩКЕЛЕМР ПЮГЛЕРЙХ ХГ ЯРЮМДЮПРМНЦН МЮАНПЮ HTML.

щКЕЛЕМР SPAN

щКЕЛЕМР ПЮГЛЕРЙХ SPAN - ЩРН НАНАЫЕММШИ ЯРПНЙНБШИ ЩКЕЛЕМР ПЮГЛЕРЙХ, ОПХЛЕМЕМХЕ ЙНРНПНЦН МЕ ОПХБНДХР Й НАПЮГНБЮМХЧ АКНЙЮ РЕЙЯРЮ. нМ ЛНФЕР ГЮЛЕМХРЭ ЯНАНИ ЩКЕЛЕМРШ: FONT, I, B, U, SUB, SUP Х Р.О. оПХБЕДЕЛ ОПХЛЕПШ РЮЙХУ ЯННРБЕРЯРБХИ:

HTML-ЩКЕЛЕМР CSS-ЮМЮКНЦ
<font color=red> ... </font> <span style="color:red;">...</span>
<i>...</i> <span style="font-style:italic;">...</span>
<b>...</b> <span style="font-weight:bold;">...</span>
<u>...</u> <span style="text-decoration:underline;"> ... </span>
Х Р.О.

б МНБШУ БЕПЯХЪУ АПЮСГЕПЮ Netscape ОЕПЕЯЕЙЮРЭ НОХЯЮМХЪ ЯРПНЙНБШУ ЯРХКЕИ МЕКЭГЪ. рЮЦ ЙНМЖЮ ЩКЕЛЕМРЮ ЯРПНЙНБНЦН РХОЮ ГЮЙПШБЮЕР АКХФЮИЬХИ ЩКЕЛЕМР, Ю МЕ РНР, ЙНРНПШИ НРЙПШР РЮЦНЛ МЮВЮКЮ ДЮММНЦН ЯРПНЙНБНЦН ЯРХКЪ. рЮЙНЕ ОНБЕДЕМХЕ Б РНВМНЯРХ ЯНБОЮДЮЕР Я ОПХЛЕМЕМХЕЛ ЩКЕЛЕМРЮ SPAN, Р.Й. Б ОНЯКЕДМЕЛ РЮЦ ЙНМЖЮ ЛНФМН ЯННРМЕЯРХ РНКЭЙН Я АКХФЮИЬХЛ РЮЦНЛ МЮВЮКЮ ЩКЕЛЕМРЮ span:

<b>ОПЕДКНФЕМХЕ <i>Я ОЕПЕЯЕЙЮЧЫХЛХЯЪ</b> ЯРХКЪЛХ</i>
ОПЕДКНФЕМХЕ Я ОЕПЕЯЕЙЮЧЫХЛХЯЪ ЯРХКЪЛХ

<span style="font-weight:bold;">ОПЕДКНФЕМХЕ <span style="font-style:italic;">Я ОЕПЕЯЕЙЮЧЫХЛХЯЪ</span> ЯРХКЪЛХ</span>
ОПЕДКНФЕМХЕ Я ОЕПЕЯЕЙЮЧЫХЛХЯЪ ЯРХКЪЛХ

оПХЛЕМЕМХЕ ЩКЕЛЕМРЮ SPAN НЦПЮМХВЕМН АПЮСГЕПЮЛХ, ЙНРНПШЕ ОНДДЕПФХБЮЧР CSS. оПХ ЩРНЛ МЕ БЯЕ ЮРПХАСРШ ЯОЕЖХТХЙЮЖХХ CSS ОНДДЕПФХБЮЧРЯЪ Б ПЮГМШУ АПЮСГЕПЮУ. мЮОПХЛЕП, ЮРПХАСР vertical-align, ЙНРНПШИ ОПХГБЮМ ГЮЛЕМХРЭ ЩКЕЛЕМРШ SUP Х SUB, МЕ ОНДДЕПФХБЮЕРЯЪ МХ НДМХЛ ХГ АПЮСГЕПНБ.

ДЮКЕЕ...