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 (хтмл)?

  • 1588
  • 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+