Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

Структура HTML-документа. Гипертекстовый документ, предназначенный для публикации в сети Интернет

Читайте также:
  1. II. Структура
  2. Quot;ПАБЛИК РИЛЕЙШНЗ": ПОНЯТИЕ, ИСТОРИЯ, СТРУКТУРА
  3. V. 17.3. Структура характера и симптомокомплексы его свойств
  4. V. 18.4. Талант, его происхождение и структура
  5. Активным детям требуется подготовка и структура
  6. Анатомическая структура нерва
  7. Б. Структура отрасли

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

HTML-тэги представляют собой последовательности символов, заключённых в угловые скобки <…>. Они бывают одиночные и контейнерные. Большинство HTML-тэгов – контейнерные, они состоят из пары открывающего и закрывающего тэгов. Действие контейнерного тэга распространяется на данные (текст и вложенные тэги), расположенные между ними. Перед именем закрывающего тэга ставится косая черта «/». Например, </h1> – закрывающий тэг для <h1>. Одиночные тэги состоят только из открывающего тэга и не требуют закрывающего.

Упражнение. Создайте пример простейшей веб-страницы. Используйте любой текстовый редактор для набора следующего текста, например стандартный редактор «Блокнот» (Notepad) для Windows:

<html>

<head>

<title>Моя первая веб-страница</title>

</head>

<body>

<h1>Добро пожаловать!</h1>

<p>Это моя первая веб-страница. </p>

</body>

</html>

Не забудьте при сохранении файла присвоить ему расширение.htm или.html вместо предлагаемого по умолчанию.txt. Откройте полученный файл в браузере. Вы увидите в рабочей области окна браузера два абзаца текста: «Добро пожаловать» и «Это моя первая веб-страница». При этом первый из них, заключённый внутри тэга <h1>, выводится жирным и более крупным шрифтом, чем второй, заключённый внутри тэга <p>. Это происходит потому, что тэг <h1> задаёт заголовок первого уровня. Текст «Моя первая веб-страница», заключённый внутри тэга <title>, выводится в заголовке окна браузера. Обратите внимание на очерёдность закрытия вложенных контейнерных тэгов. Тэг, открытый первым, закрывается последним.

Исправьте в редакторе тэг <h1> следующим образом: <h1 align = "center">. Этим Вы добавляете к тэгу атрибут – некоторую уточняющую информацию о том, как в браузере отображается содержимое тэга. Сохраните файл и обновите его отображение в браузере. Заголовок будет выровнен по центру.

Тэги могут иметь и несколько атрибутов, перечисляемых внутри открывающего тэга через пробел. Если тэг контейнерный, то в закрывающем тэге повторять атрибуты не нужно. Атрибут состоит из имени, знака равенства и значения. В общем виде синтаксис тэга с несколькими атрибутами можно представить так:

<имя_тэга имя_атрибута_1 = "значение_атрибута_1" имя_атрибута_2 =

"значение_атрибута_2"... имя_атрибута_N = "значение_атрибута_N">

Стандарт языка HTML требует заключения всех значений атрибутов в кавычки. На практике, если значение атрибута не содержит пробелов, кавычки можно опустить – корректное отображение документа в браузере при этом сохранится.

Сводная таблица основных HTML-тэгов помещена в приложении 1, а подробное описание каждого из них приводится в следующем параграфе.


Дата добавления: 2015-07-26; просмотров: 83 | Нарушение авторских прав


Читайте в этой же книге: Введение | Цели и задачи создания веб-страниц | Вставка изображений на веб-страницу | Изменение шрифта | Вставка специальных символов в HTML-документ | Таблицы в HTML | Синтаксис таблиц стилей | Приоритет применения таблиц стилей | Свободно позиционируемые элементы | Простейшие сценарии JavaScript |
<== предыдущая страница | следующая страница ==>
Основные элементы веб-страницы и файловая структура веб-сайта| Абзацы и переводы строки

mybiblioteka.su - 2015-2024 год. (0.006 сек.)