Создание сайта Основы HTML Что такое Web-страница
Любой HTML - документ представляет собой текстовый файл, содержащий текст, ключевые слова и дескрипторы специального языка разметки гипертекста HyperText Markup Language (HTML) Язык HTML возник и развивался как средство создания гипермедиа - документов, содержащих не только информацию но и ссылки на другие документы, рисунки, аудио и видеозаписи , а также иные виды информационных ресурсов.
Поскольку Internet Explorer является браузером Internet, его основная задача - отображение Web- страниц, написанных на языке HTML.
Что такое HTML
HTML- это язык программирования, специально предназначенный для разметки и компоновки Web страниц. Несмотря на гигантские темпы развития Internet, текстовые файлы в коде HTML по-прежнему остаются стандартным методом представления информации в World Wide Web.
Файлы в коде HTML содержать, во-первых, текст (т.е. символы, отображаемые на Web странице), и, во-вторых, дескрипторы (элементы, определяющие формы текста). Поскольку HTML- файлы имеют обычный текстовый формат, их можно редактировать в любом текстовом редакторе, например в Блокноте системы Windows.
Работая с HTML-файлами в текстовом редакторе, вы можете видеть команды разметки (форматирования) текста, но не результаты этой разметки (т.е. размеры шрифта, выделения, маркированные списки и т.д.). После внесения изменений в код HTML для просмотра результатов приходится загружать правленую страницу в окно интерпретатора кода HTML, например Internet Explorer.
Сценарий и структура Web-документа
Для того, чтобы понять структуру и сценарий Web-документа, мы должны рассмотреть несколько Web-страниц и выявить общие элементы.
Любой Web-документ состоит из тегов (Тег - стартовый или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, а конечный всегда снабжается косой чертой /), причем обычно начальные теги пишутся большими буквами, а конечные - маленькими.
Итак, рассмотрим основные теги, входящие в каждый Web-документ. Прежде всего это HTMLhtml
Отличительный признак HTML-документа. Одним из принципов языка является многоуровневое вложение элементов. HTML является самым внешним, так как между его стартовым и конечным тегами должна находиться вся Web-страница.
Также основным тегом является HEADhead
Область заголовка Web-страницы. Иными словами, ее первая часть. Так же как и HTML, HEAD служит только для формирования общей структуры документа.
BODYbody
Этот элемент заключает в себе гипертекст, который определяет собственно Web-страницу. Эта та часть документа, которую разрабатывает автор страницы и которая отображается браузером. Соответственно, конечный тег этого элемента надо искать в конце HTML-файла. Внутри BODY можно использовать все элементы, предназначенные для дизайна Web-страницы. Внутри стартового тега элемента BODY можно расположить ряд атрибутов, обеспечивающих установки для всей страницы целиком.
Без этих тегов невозможно создать ни одну Web-cтраницу.
Структура текста Web-документа
Если сравнить исходные тексты различных Web-страниц, можно легко увидеть сходство их структур. Это объясняется тем, что документы создаются по определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO 8879:1986 «Information processing. Text and office systems. Standard Generalized Markup Language (SGML)». Правда, существует большое различие между стандартом официальным и стандартом фактическим.
Ниже приведен шаблон типичного Web-документа. На его примере мы рассмотрим общие принципы построения HTML-страниц.
Для того чтобы понять структуру Web-страницы, нам необходимо подробно рассмотреть все элементы, входящие в приведенный листинг.
COMMENT Комментарий к документу comment
Структура Web-страницы
H2 {font-family: Arbat;}
CODE {font-family: Arbat;}
name=’’Author’’
content=’’Irina’’
name=’’Keywords’’
content=’’WWW, HTML, document, element’’
Переход в A href=’’#bottom’’ конец a документа P
Переход к ссылке 1
P
HR
H1Заголовок1h1
H2Заголовок2h2
H3Заголовок3h3
H4Заголовок4h4
H5Заголовок5h5
H6Заголовок6h6
HR
Здесь расположена Bссылка 1bA name=’’S001’’a
HR
PЗдесь должен располагаться оригинальный текст Web-страницы
Переход в A gref=’’top’’ начало a документа