Регистрация

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

User 1-02-2016, 21:13 984 Для веб-программиста
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, предназначенной для лучшей обработки веб­приложений и постепенно обретающей поддержку браузеров.скачать dle 12.0

Комментарии (1)

avatar
0
#1 yrelyro
[url=http://paydayloans24.click/blog]payday loans lewisville tx[/url]

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

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



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

Быстрое знакомство с HTML-разметкой.

Как функционирует HTML-код и как с ним обращаются браузеры. Просмотрев любой HTML-код (Анатомия

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

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

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

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

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

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