Студопедия
Главная страница | Контакты | Случайная страница

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

Основные теги

Читайте также:
  1. I Кислотно-основные свойства.
  2. I Кислотные и основные свойства
  3. I. Определить основные критерии качества атмосферного воздуха.
  4. I. Основные богословские положения
  5. I. Основные задачи и направления работы библиотеки
  6. I. Основные парадигмы классической социологической теории.
  7. I. Основные положения
  8. I. ОСНОВНЫЕ ПОЛОЖЕНИЯ УЧЕБНОЙ ПРАКТИКИ
  9. I. ОСНОВНЫЕ ПОЛОЖЕНИЯ. РУКОВОДСТВО ПОДГОТОВКОЙ И НАПИСАНИЕМ КУРСОВОЙ РАБОТЫ
  10. I. Основные свойства живого. Биология клетки (цитология).

 

Чтобы понять структуру Web-страницы, необходимо рассмотреть все элементы, входящие в приведенный выше код. При рассмотрении элементов языка в нем приводятся оба тега: начальный и конечный. Этим подчеркивается, что в большинстве случаев именно оба и должны использоваться. Число случаев, когда допустим только начальный тег (а часть элементов не имеют конечного тега вообще), невелико, и они специально оговариваются. Для имен тегов можно использовать как прописные, так и строчные буквы. Некоторые разработчики для того, чтобы в тексте наглядно выделить начальные и конечные теги, пишут первые только прописными, а последние – только строчными буквами.

<HTML> </html>

Этот тег открывает и закрывает любой документ HTML. В соответствии с принципом многоуровневости, внутри данного тега допустимо расположение таких тегов как HEAD, BODY, FRAMESET и других, определяющих общую структуру Web-страницы.

<HEAD> </head>

Область заголовка Web-страницы. Иными словами, ее первая часть. Также, как и предыдущий элемент, HEAD служит только для формирования общей структуры документа. Этот элемент должен включать элемент TITLE и допускает вложение элементов BASE, META и др.

<TITLE> </title>

элемент для размещения заголовка Web-страницы. Строка текста, расположенная внутри этого элемента, отображается не в документе, а в заголовке окна браузера. Эта строка часто используется при организации поиска в WWW. Поэтому авторы, создающие Web-страницы для размещения в Сети, должны позаботиться о том, чтобы эта строка, не будучи слишком длинной, достаточно точно отражала назначение документа.

<STYLE> </style>

Описание стиля некоторых элементов Web-страницы. В приведенном выше примере назначены шрифты для элементов H2 и CODE. Видно, как отличается внешний вид заголовка второго уровня (элемент H2) в браузере от остальных заголовков.

<META>

Этот элемент содержит служебную информацию, которая не отражается при просмотре Web-страницы. Внутри него нет текста в обычном понимании, поэтому нет и конечного тега. Каждый элемент META содержит два основных атрибута, первый из которых определяет тип данных, а второй – содержание, или их значение. Вот несколько примеров meta-данных:

Name=”Expires” content=”дата”.

Name=”Reply-to” content=”Имя@адрес”

Name=”Author” content=”Имя автора”

Name=”Keyword” content=”Слово1, Слово2, Слово3, …”

Name=”Description” content=”Содержание страницы”

Name=”Generator” content=”Название HTML-редактора”

Текст, написанный по-русски, пользователь заполняет по своему усмотрению. Часто атрибут name заменяют атрибутом http-equiv. он используется сервером для создания дополнительных полей при выполнении запроса.

Кроме этого, элемент META может содержать URL. Шаблон соответствующего атрибута таков:

URL=http://адрес

<BODY> </body>

Этот элемент заключает в себе гипертекст, который определяет собственно Web-страницу. Это та произвольная часть документа, которую разрабатывает автор страницы и которая отображается браузером. Соответственно, конечный тег этого элемента нужно искать в конце HTML-файла. Внутри элемента BODY можно использовать все элементы, предназначенные для дизайна Web-страницы. Внутри начального тега <BODY> можно расположить ряд атрибутов, обеспечивающих установки для всей страницы целиком. Рассмотрим некоторые атрибуты.

Атрибут, определяющий фон страницы:

background=”путь к файлу фона”

Можно задать непосредственно цвет фона, воспользовавшись 16-тиричной формой записи цветов в модели RGB:

bgcolor=”#RRGGBB”, например bgcolor=”#0CFFA2”

При этом оба атрибута можно использовать одновременно, в этом случае если браузер не найдет файл фона, то будет воспроизведен простой цвет.

Для задания цвета текста, соответствующего выбранному фону, используется атрибут

text=”RRGGBB”

Если вы хотите определить цвет текста гиперссылок, то можно использовать атрибут

link=”#RRGGBB”

Цвет просмотренных гиперссылок определяется атрибутом

vlink=”#RRGGBB”

Цвет последней выбранной гиперссылки задается атрибутом

alink=”#RRGGBB”

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

<!--Комментарий-->

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

<H1> </h1>

Элемент заголовка. Существует шесть уровней заголовков, которые обозначаются H1…H6. Заголовок уровня 1 самый крупный. А уровень 6 обеспечивает самый маленький заголовок. Рис. 1 дает представление об относительных размерах букв в заголовках. Для заголовком можно использовать атрибут align, задающий выравнивание влево, по центру или вправо:

align=”left”, align=”right”, align=”center”

<HR>

Горизонтальная линия (horizontal rule) – очень часто используемый элемент. Во-первых, с его помощью очень удобно делить страницу на части. Во-вторых, выбор подобных элементов оформления страницы очень небольшой.

Элемент не имеет конечного тега, но допускает использование ряда атрибутов:

для выравнивания

align=”left”, align=”right”, align=”center”, align=”justify”

для задания толщины линии

size=толщина в пикселях

для управления длиной линии

width=длина в пикселях

width=длина в процентах%

для выбора цвета

color=”цвет”

<A> </a>

HTML-документ может быть очень большим, и в этом случае пользователю должна быть предоставлена возможность быстрого перемещения к нужному разделу документа. Для этого можно использовать механизм гиперссылок. Необходимо также в нужных местах текста расставить соответствующие метки. Рассмотрим пока только шаблон для создания меток:

<A name=”метка”> Произвольный текст </a>

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

Для перехода внутри документа можно использовать следующую конструкцию:

Переход к <A href=”#метка”> метке </a>

 




Дата добавления: 2014-12-23; просмотров: 90 | Поможем написать вашу работу | Нарушение авторских прав




lektsii.net - Лекции.Нет - 2014-2025 год. (0.203 сек.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав