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

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

Читайте также:
  1. APQC структура классификации процессов SM
  2. III. Диалектика: ее суть структура и альтернативы.
  3. III. Перечень отчетной документации студента-практиканта
  4. III. Социальная структура и стратификация
  5. IV.Структура, порядок изложения и оформления работы
  6. VI. Взаимодействие Церкви с государственными структурами и обществом в деятельности по реабилитации
  7. Автобіографія, реквізити документа
  8. Административная структура ММЦ «Валко. Новая звезда»
  9. Адміністративно-правові відносини, їх структура, особливості та види.
  10. Акцентная структура слова в русском языке. Система акцентных противопоставлений. Функции словесного ударения.
  11. Акцентная структура слова в русском языке. Функции словесного ударения.
  12. Архитектурой компьютера называется ее логическая организация, структура и ресурсы, которые может использовать программист.

Все Web – документы создаются по некоторым общим правилам и поэтому имеют схожую структуру. Ниже приведен документ struct.htm.

<COMMENT>Комментарий к документу</comment>

<HTML>

<HEAD>

<TITLE>Структура Web-страницы</title>

<STYLE> H2 {font-family: Courier New;} CODE {font-family: Arial;} </style>

<META

NAME="Author"

CONTENT="Иван Иванов">

</META

NAME="Keywords"

CONTENT="WWW, HTML, document, element">

</ HEAD >

<BODY bgcolor=#FFFFFF>

<A NAME="top"></a>

Переход в <A HREF="#bottom">конец</a> документа<P>

Переход к <A HREF="#S001"><B>ссылке 1</b></a><P>

<P>

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

<HR>

<H1>Заголовок 1</h1>

<H2>Заголовок 2</h2>

<H3>Заголовок 3</h3>

<H4>Заголовок 4</h4>

<H5>Заголовок 5</h5>

<H6>Заголовок 6</h6>

<HR>

Здесь расположена <B>ссылка 1</b><A NAME="S001"></a>

<HR>

<P>Здесь должен располагаться оригинальный текст Web-страницы

<HR>

<A NAME="bottom"></a><P>

Переход в <A HREF="#top">начало</a> документа.

</body>

</html>

 

В документе использованы следующие элементы:

§ <COMMENT> </comment> – текст комментария. Текст, помещенный внутри тегов, игнорируется браузером. Текст комментария не должен содержать теги. Другой вариант комментариев:

<!—Строка комментария -->

<!—Комментарий – Не комментарий – Снова комментарий -->

Комментарий здесь может содержать тэги. Они не будут обрабатываться.

§ <HTML> </html> – признак HTML – документа. Включает в себя весь текст документа.

§ <HEAD> </head> – область заголовка. Может включать другие элементы (TITLE, META, LINK и др.)

§ <TITLE> </title> – элемент заголовка. Строка текста будет отображена в заголовке окна браузера.

§ <STYLE> </style> – описание стиля. Используется некоторыми элементами Web – страницы. В файле struct.htm переопределены шрифты для элементов H2 и CODE.

<META …. > – элемент для служебной информации. Каждый элемент META содержит два атрибута. Первый определяет тип данных, а второй – содержание. В примере использованы мета-данные

Имя автора Web – страницы:

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

Набор ключевых слов для поиска:

name=”Keywords” content=”Слово1, слово2, слово3 …”

§ <BODY> <body> – размещается собственно гипертекст Web – страницы. Именно она отображается браузером. Внутри этого элемента размещаются все теги для создания оформления страницы. Внутри стартового тега могут располагаться атрибуты для установки общего для всей страницы оформления. Некоторые из них:

Задание цвета фона страницы

bgcolor=”#RRGGBB”, где указывают по двухразрядному шестнадцатерично­му числу для каждого из трех основных цветов.

Задание цвета текста

text=”# RRGGBB”, где цвет задается аналогично фону.

Задание цвета гиперссылок

link=”# RRGGBB”, где цвет задается аналогично фону.

Задание цвета для уже использованных гиперссылок

vlink=”# RRGGBB”, где цвет задается аналогично фону.

§ <H1> </h1> – элемент заголовка. Существуют шесть уровней заголовка от Н1 (самый крупный) до Н6 (самый мелкий). Для заголовка можно использовать атрибут выравнивания:

aligh=”left”

aligh=”center”

aligh=”right”

§ <HR> – горизонтальная линия. Элемент не имеет конечного тега. С помощью атрибутов можно задать:

color=”цвет”

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

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

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

aligh=”left”

aligh=”center”

aligh=”right”

aligh=”justify”

§ <A> </a> – метка для гиперссылки. Шаблон для метки следующий:

<A name=”Метка”> </a>. Переход на такую метку внутри документа можно выполнить, используя следующую конструкцию:

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

В Приложении 1 даны некоторые из элементов языка HTML, которые

можно использовать для оформления Web – страницы.


1 | 2 | 3 |

Поиск по сайту:



Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.004 сек.)