Регистрация
Раздел: Для веб-программиста

Анатомия веб-страницы.

User 1-02-2016, 21:13 718 Для веб-программиста
0

Анатомия веб-страницы.

Мы все знакомы с тем, как веб-страницы выглядят в окне браузера, но что происходит «за кадром»?
На рисунках ниже вы видите, как простая веб-страница отображается в браузере и как выглядит её код. Хотя веб-страницу можно рассматривать как единый документ, фактически она состоит из отдельных файлов: HTML-документа (страница.html), таблицы стилей (style.css) и разных изображений типа imade.jpg и image2.png. Всеми компонентами управляет HTML-документ.

Анатомия веб-страницы.

Анатомия веб-страницы.


HTML-документы.

Вы удивитесь, узнав, что графически насыщенные и интерактивные страницы, которые мы видим во Всемирной паутине, сгенерированы простыми текстовыми документами. Такой файл называют исходным документом. Взгляните на index.html, исходный документ для веб-страницы «Кухня Кристины». Вы увидите, что он содержит текстовое содержимое страницы плюс специальные теги (обозначенные угловыми скобками, ), которые описывают каждый текстовый элемент на странице.

Добавление описывающих тегов к текстовому документу известно как разметка документа. Веб-страницы используют язык, названный языком гипертекстовой разметки (Hyper Text Markup Language), или коротко HTML, который был создан специально для документов с гипертекстовыми ссылками. Язык HTML определяет множество текстовых элементов, которые составляют документы, таких как заголовки, абзацы,подчеркнутый текст и, конечно, ссылки.

Есть также HTML-элементы, которые добавляют информацию о документе (например его название), а также изображения,видео, Flash-ролики и виджеты элементов формы, например для ввода имени пользователя. Стоит вкратце отметить, что на самом деле на сегодняшнийдень существует несколько версий языка HTML. Наиболее устоявшимися являются версия HTML 4.01 и ее более строгий родственник XHTML 1.0. Возможно, вы слышали, какая шумиха поднялась во Всемирной паутине с появлением новой версии HTML5, предназначенной для лучшей обработки веб­приложений и постепенно обретающей поддержку браузеров.

Написать сообщение

Кликните на изображение чтобы обновить код, если он неразборчив

Похожие новости

Добавление стилей CSS

Следует обратить внимание на ключевой компонент кода HTML страницы. В верхней части HTML-документа

18.09.17 Для веб-программиста
События: Браузер - URL адрес - Сервер - страница.

События, происходящие с каждой веб-страницей, которая появляется на экране вашего компьютера. Вы

30.09.17 IT новости
Каскадные таблицы стилей CSS - дизайн сайта и контента.

В то время как HTML используется, чтобы описать содержимое вебстраницы, именно каскадные таблицы

01.02.16 Для веб-программиста

 
Powered by UseSite.ru. Все права защищены. Копирование материала строго запрещено.
Закрыть