Что за язык html. История создания и развития HTML
Путешествуя по просторам Всемирной паутины, вы смогли заметить, как различаются между собой оформление и возможности веб-страниц . Но не каждый из вас знает, что все это разнообразие реализовано на основе языка HTML .
Все что вы видите на странице – текст, рисунки, таблицы и другие элементы, формирующие смысловое наполнение веб-страницы, именуемое контентом, создаются при помощи языка разметки HTML . Кликните правой кнопкой мыши по любой веб-странице, и в выпавшем меню выберите пункт "просмотр HTML кода" или «Исходный код» – появится текстовой редактор с непонятными, вам символами и значками – это и есть HTML -код страницы .
Любой WWW-документ может содержать стилизованный и форматированный текст, графику и гиперсвязи с различными ресурсами Интернет. Чтобы реализовать все эти возможности, был разработан специальный язык описания WWW-документов, названный HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста .
Описание Web-страницы на языке HTML представляет собой набор инструкций, интерпретируемый программой-браузером.
Документ, написанный на HTML, представляет собой текстовый файл, содержащий собственно текст, несущий информацию читателю, и теги разметки (markup tags). Теги – это определенные стандартом HTML, последовательности символов, являющиеся инструкциями для браузера.
Согласно этим инструкциям программа располагает текст на экране, включает в него рисунки, хранящиеся в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Интернет. Таким образом, файл на языке HTML приобретает облик Web-документа только тогда, когда он интерпретируется браузером.
Однако, в стандартном языке HTML есть один существенный недостаток. Например, для того чтобы описать разметку абзацев в контенте и их оформление, необходимо описывать эти свойства для каждого абзаца, даже если на одной страничке находится 10 или 20 абзацев. А, представьте, что на сайте может быть 100 страниц. В итоге нужно двадцать или двести раз вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла.
А какая головная боль для программистов! Для облегчения жизни бедным веб-мастерам, были придуманы Cascading Style Sheets(CSS) - каскадные таблицы стилей.
CSS действует другим, более удобным и экономичным способом. Для оформления абзацев в контенте сайта один раз прописывается код или стиль оформления. Этот код или описание стиля, сохраняется в отдельном файле. Далее нужно только при помощи HTML разметить текст на абзацы, а уж CSS позаботится об их оформлении. Код уменьшается в десятки и сотни раз.
Размещение описания стилей в отдельном файле очень удобно, особенно если на сайте больше одной страницы. Например, чтобы изменить оформление всех абзацев на сайте, достаточно изменить код в таблице стилей.
CSS совместно с HTML, позволяют творить чудеса, и все благодаря разделению труда по созданию веб-страниц. Разметка элементов страниц производится на основе HTML, а визуальное оформление элементам придается при помощи таблиц CSS
Таблицы стилей CSS - попытка отделить детали дизайна странички от ее структуры и содержания.
Пока это для вас китайская грамота. А я не буду строить из себя гуру и писать очередной самоучитель «Что такое HTML и CSS». Подобной информации вы найдете в интернете целый вагон, плюс к этому множество изданных учебников. Захотите углубиться в тему – флаг вам в руки. Не бойтесь, HTML и CSS весьма просты, и освоить их может любой чайник. Но торопиться с этим пока не стоит.
По собственному опыту знаю, что лучше не перегружать мозг чайника излишней информацией, иначе он, т.е. мозг, вскипит раньше времени. Не верьте умникам на различных сайтах, которые утверждают, что создание сайта необходимо начинать с изучения HTML и CSS . У меня для вас хорошая новость – вам не придется писать самим HTML-код, потому что умные люди придумали CMS .
< Как работает браузер |
---|
При создании сайта первое, что нужно представлять — это то, как формируется веб-страница. Это, своего рода, «фундамент» в сайтостроении. Поэтому прежде чем, углубляться в изучение более сложных технологий создания сайтов, рекомендуется иметь хотя бы базовые сведения о HTML. В данном уроке мы познакомимся с HTML , разберем структуру документа HTML и на практических примерах закрепим полученные знания.
Что такое HTML?
HTML расшифровывается, как язык разметки гипертекста (от англ. HyperText Markup Language). Данный язык отвечает за то, как именно будет отображаться гипертекст на страницах сайта. Теперь давайте разберемся, что же такое гипертекст? Не секрет, что отдельная веб-страница может содержать много разнотипной информации, будь то текст, какие-то таблицы, графики, видеоролики, аудио и т.д. Так вот, всю эту информацию можно назвать одним словом — гипертекст.
Отметим, что HTML является именно языком разметки, а не языком программирования. В данном языке нет никаких логических функций и произвести какие-либо математические расчеты на нем невозможно. Страницы HTML имеют расширение .html или .htm и обрабатываются браузерами — IE, Mozilla Firefox, Google Chrome, Yandex Chrome, Opera и др.
Теперь давайте разберемся как же браузер понимает, что и каким образом отображать на веб-странице? Это очень просто. Язык разметки гипертекста HTML имеет встроенные команды, их называют тегами. Именно по ним браузер и ориентируются.
Структура документа HTML
Любой HTML документ (веб-станица) должен иметь определенную структуру. Это позволит избежать возможных проблем при открытии страниц в браузерах. В качестве примера давайте рассмотрим страницу, которая содержит следующих HTML код:
Структура HTML документа ...