Передача и отображение информации, язык HTML" – анимация для курса "IT и программирование"

Мы рассмотрели с вами разные браузеры, и лучше для разработки и отладки использовать те, которые наиболее популярны, чтобы видеть как будет выглядеть ваш разрабатываемый сайт у большинства пользователей. Но как так? Сервер отдает страницу одну и ту же для всех браузеров! Сервер вообще может ничего не знать про то, каким браузером пытаются посмотреть сайт! Обратите внимание: ИНФОРМАЦИЯ и ОТОБРАЖЕНИЕ ИНФОРМАЦИИ - не одно и тоже. Итак. Мы набрали в браузере некий адрес некого сайта, и отправили запрос на открытие страницы. Запрос к странице добрался до сервера, обслуживающего этот сайт, и сервер вернул некую ИНФОРМАЦИЮ, которая в себе содержит запрашиваемую страницу. Эта ИНФОРМАЦИЯ попадает обратно в наш браузер и браузер её ОТОБРАЖАЕТ. Так что же представляет собой ИНФОРМАЦИЯ, которую отдает сервер, и которую ОТОБРАЖАЕТ браузер? Давайте разберемся! Когда интернет только придумали, перед его создателями встал вопрос: как бы так передавать текст, чтобы это был не просто текст, а нечто большее, что может содержать картинку, ссылку на другую страницу на сайте или на другой сайт. Чтобы участку текста можно было указать жирный шрифт, а в середине текста вставить табличку. Сейчас мы все вполне привычно работаем с такими программами, как Microsoft Word и его аналогами, где мы можем оформить страницу так, как захотим. Но это просто ОТОБРАЖЕНИЕ! Как его передать от компьютера компьютеру? Как сказать, что в этом месте текста надо вставить картинку, а вот тут табличку? Для этой цели был изобретен специальный язык гипертекстовой разметки документов - HTML. Его основу составляют так называемые ТЕГИ - это указания браузеру где в каком месте как вставить тот или иной текст. При помощи тегов можно вставить картинку, сделать текст жирным или наклонным, добавить отступы в тексте, или в нужном месте поставить перенос строк. Таким образом как будет выглядеть запрошенная страница сайта полностью зависит от того, как сформирована переданная HTML-страница, в какой последовательности и с какими параметрами использованы теги в этой HTML-странице. Чтобы было понятно, давайте рассмотрим примеры. .