icon-star icon-cart icon-close icon-heart icon-info icon-pause icon-play icon-podcast icon-question icon-refresh icon-tile icon-users icon-user icon-search icon-lock icon-comment icon-like icon-not-like icon-plus article-placeholder article-plus-notepad article-star man-404 icon-danger icon-checked icon-article-edit icon-pen icon-fb icon-vk icon-tw icon-google
ёрий ѕономаренко
“ехника и »нтернет

„то такое html (хтмл)?

  • 1728
  • 7

„то такое html (хтмл)?

Ќ
Ќа первый взгл€д это очень страшна€ и таинственна€ вещь, котора€ отпугивает многих одним только названием. ¬едь чтобы сделать хот€ бы простейшую страницу в »нтернете, нужно знать хот€ бы основы html. „то же это за зверь такой?

ћногие считают, что это такой хитрый €зык программировани€, который освоить могут только прирожденные программисты. Ёто в корне неверно.

Ќа самом деле html в самом деле называют €зыком, только не программировани€, а разметки. —ам термин означает ЂHyper Text Markup Languageї - €зык гипертекстовой разметки.  ак он работает и примен€етс€ мы сейчас и разберемс€, тогда он не будет уже казатьс€ таким Ђстрашнымї.

 огда мы вводим в адресной строке браузера адрес какой Ц либо страницы в »нтернете, или переходим по ссылке (что практически одно и то Ц же), наш браузер начинает загружать эту страницу. ¬ каком виде мы ее увидим, зависит от html Ц кода этой страницы. »менно дл€ браузеров он и создан. ѕосмотрим на страницу его глазами.

ƒопустим, идет какой Ц либо сплошной текст. Ѕраузер просто выводит его на экран так, как он есть, ничего не мен€€. Ќо вот ему попалось таинственное слово в угловых скобках, допустим (body text="00FF00"). Ќо браузер знает, что все в таких скобках Ц это лична€ инструкци€ дл€ него. ќн не будет писать на экран этот текст, а посмотрит в своем встроенном справочнике, что это за команда. Ќапример, эта говорит ему, что цвет текста дальше должен быть зеленым (00FF00 Ц число, которое означает чисто - зеленый цвет). Ѕраузер и будет дальше все писать зеленым, пока не встретит команду, в которой указан другой цвет.

“акие команды - инструкции называютс€ тегами html. »х очень много и все они означают какое Ц либо действие браузера. Ќапример, тег (img src="им€ рисунка") говорит ему, что в этом месте должна быть вставлена картинка, и он вставл€ет картинку с указанным именем.

Ќекоторые теги парные Ц то есть один тег что Ц то предписывает сделать, а другой, который стоит чуть дальше, прекращает действие первого тега. Ќапример, встречаетс€ браузеру в тексте тег (b), и он понимает, что весь текст теперь должен быть жирным. Ќо вот ему встречаетс€ тег (/b), и текст перестает быть жирным, а становитс€ таким, каким был до первого тега -(b).

—труктура страницы тоже не кака€ попало - сначала идет ее описание специальными тегами, в которых указываетс€ €зык страницы - русский, английский или другой, многие другие параметры. Ёто как бы "голова" страницы, и заключены там все теги - описани€ между главными тегами (head) и (/head). «атем идет "тело" страницы - то, что браузер покажет. Ёто "тело" заключено в теги (body) и (/body)

¬от таким нехитрым способом и описываютс€ все страницы, которые мы видим в »нтернете, даже та, которую вы сейчас читаете. ¬се Ђкрасивостиї, которыми отличаютс€ различные сайты, в основном, в конце Ц концов, определ€ютс€ этими самыми тегами €зыка html.

—ейчас как бы и нет особой нужды изучать этот €зык всем. —уществует огромное количество специальных программ, которые позвол€ют создать страницу сайта очень легко Ц как нарисовал, так и будет. Ќужна картинка, вставил картинку, нужен жирный текст Ц выделил и сделал жирным и т.д. Ќо это видима€ простота может иногда выйти боком - в виде "кривизны" сайта и маленькой посещаемостью.

ћногие теги имеют множество параметров, мен€€ которые, можно получить гораздо лучший результат. ћногие простые программы дл€ дизайна сайтов просто не полностью используют возможности html. —уществуют и профессиональные программы, например, всем дизайнерам известный DreamWeaver с его огромными возможност€ми. Ќо он, кроме удобства, предоставл€ет возможность на ходу исправл€ть параметры тегов, мен€€ весь вид страницы. ≈сть скрытые теги, которые не вывод€тс€ на экран, но описывают многие параметры страницы Ц это позвол€ет ей лучше индексироватьс€ поисковыми машинами типа яндекса или Google, что повышает общий рейтинг сайта.

» вообще, заниматьс€ созданием страницы, не понима€, что делаешь Ц неблагодарное зан€тие. “еперь вы видите, что html не так страшен, как кажетс€, и изучить несколько дес€тков его основных тегов не так уж и сложно, а это придаст вашим интернет Ц страницам совсем другой, более профессиональный вид.


deb
ёрий ѕономаренко

¬ примерах тегов пришлось вместо угловых скобок писать обычные ( и ). ѕроизошло это потому, что в самой статье эти теги сработали и браузер их не отобразил, а попыталс€ выполнить. Ќапример, где в статье тег жирного шрифта описан - там и правда жирный шрифт включилс€ а сам тег не показалс€. ѕоэтому, вид€ круглую скобку ( или ), имейте в виду, что правильно ставить

deb
ёрий ѕономаренко

имейте в виду, что правильно ставить угловые. ¬от в комментарии их даже не видно.Ѕраузер их за тег считает

¬ам необходимо или зарегистрироватьс€, чтобы оставл€ть комментарии
выбор читател€

¬ыбор читател€

16+