СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Создание сайта Основы HTML

Категория: Информатика

Нажмите, чтобы узнать подробности

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

Просмотр содержимого документа
«Создание сайта Основы HTML»

Создание сайта Основы 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 документа