Практическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html


Скачать 99.19 Kb.
НазваниеПрактическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html
Дата публикации28.06.2013
Размер99.19 Kb.
ТипПрактическая работа
userdocs.ru > Информатика > Практическая работа

ПРАКТИЧЕСКАЯ РАБОТА №20



Тема: Основные понятия языка гипертекстовой разметки документов HTML.

Цель работы: Изучить структуру HTML документа, научиться практически применять полученные знания при создании Web - страницы.
Контрольные вопросы

  1. Общие положения языка HTML.

  2. Структура HTML-документа.

3. Использование цвета в HTML-документах.
Порядок выполнения работы

Часть 1. Теоретические сведения

Общие положения языка HTML

Структура HTML-документа

Цвета в HTML-документе

Часть 2 . Практические задания 1-3

Часть 3. Выполнить контрольное задание 4

^

Часть 1. Теоретические сведения.

Общие положения языка HTML


Язык HTML (HyperText Markup Language, язык разметки гипертекста) — это язык, на котором создаются Web-страницы.

Web-страницы (HTML-документы) могут просматриваться различными типами Web-браузеров. Когда документ создан с использованием HTML, Web-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

Web-страницы могут быть созданы с помощью

  1. обычного текстового редактора;

  2. редактора, способного сохранять в формате HTML;

  3. специализированного редактора;

  4. специализированной системы.


HTML-документы сохраняются на диске как обычные текстовые документы в формате ASCII. Для распознавания Web-страниц по их именам общепринято обозначать такие файлы использованием расширений .HTM (для Windows 3.1) или .HTML (для Windows 95/98/NT, Macintosh и Unix).

Кроме полезного текста в HTML-документах используются специальные управляющие последовательности символовтеги.

Структура тега имеет следующий вид:

Парный тег:

<ТЕГ атрибут1=значение1...>

текст

другие конструкции



Одиночный тег:

<ТЕГ атрибут1=значение1...>

текст

другие конструкции
Чаще всего теги используются попарно, окружая размеченные фрагменты текста. Такие теги называются контейнерами. Закрывающий тег отличается от начального только присутствием символа "/", добавляемого перед именем тега.

При интерпретации тегов браузер не делает различия между строчными и прописными буквами. Поэтому сами теги можно набирать на любом регистре.

Атрибуты (параметры) для тегов часто является необязательной величиной и их можно пропускать.

^

Структура HTML-документа


Когда Web-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тег, который встречается в документе, должен быть тегом . Данный тег сообщает Web-браузеру, что документ написан с использованием HTML.

Минимальный HTML-документ имеет структуру:



...тело документа...



Теги и заключают внутри себя все элементы HTML-кода, указывая, что используется язык HTML.

Тем не менее, принято выделять заголовочную часть и тело Web-документа.

Теги и обозначают заголовочную часть Web-документа. Как правило, заголовочная часть содержит название документа, метатеги с информацией для индексирования и некоторые общие установки для данного документа.

^ Тег заголовочной части документа должен быть использован сразу после тега и более нигде в теле документа.

Теги и обрамляют тело (основную часть) документа. Здесь размещается основная смысловая текстовая и графическая информация. Тело документа отображается в окне браузера.

Разделение документа на заголовочную часть и тело имеет лишь смысловую нагрузку. Текст, приведенный в любой из этих частей, на экране выглядит совершенно одинаково.

В общем виде Web-документ имеет следующую структуру:





</b><br /><br />… <b>текст для строки заголовка браузера</b><br /><br /><b>





тело документа (в окне браузера)


Похожие:

Практическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html iconТема выпускной квалификационной работы
Разработка регламента обслуживания вычислительной технике в электронном виде с использованием языка гипертекстовой размётки html
Практическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html icon3. Лекция: Гипертекстовые ссылки 15
Тимом Бернерсом-Ли в рамках создания проекта распределенной гипертекстовой системы, которую он назвал World Wide Web (www) или Всемирная...
Практическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html iconТема Содержание и основные понятия менеджмента
Тема Содержание и основные понятия менеджмента. Понятие, сущность и функции менеджмента. Рыночная экономика и менеджмент. Рынок в...
Практическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html iconПрактическая работа №1 «Локальные сети»
Практическая работа №4-5 «Файловые оболочки. Операции с файлами и каталогами»
Практическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html iconИнструментальные средства Интернет-технологий Конспект лекций
Каждый html-документ, отвечающий спецификации html какой-либо версии, обязан начинаться со строки декларации версии html, которая...
Практическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html iconЛабораторная работа №6 Тема : Текстовый процессор Word
Цель работы : Изучить основные технологические операции и процессы в среде текстового редактора Word для создания разнообразных текстовых...
Практическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html iconПрактическая работа. Особенности налогообложения Государственной пошлины
РФ). Выдача документов (их копий, дубликатов) приравнивается к юридически значимым действиям (кроме предоставления сведений из государственных...
Практическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html iconПрактическая работа №14. Тема: Анализ финансов предприятия Задание 1

Практическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html icon3. Практическая работа с документом. Расскажите о структуре Конституции РФ
Практическая работа с документом. Как в России осуществляется принцип народовластия
Практическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html iconЛабораторная работа №4 Тема: круглый стол: «Архитектура и структура...
Цель занятия: изучить понятия архитектуры и структуры эвм, основные виды структур эвм, понятие принципа открытой архитектуры современных...
Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2015
контакты
userdocs.ru
Главная страница