1. Управляющие конструкции языка HTMLназывают тегами и вставляются непосредственно в текст документа. Все теги заключаются в угловые скобки <…>. Сразу после открывающей скобки помещается ключевое слово, определяющее тег, например <DIV>. Теги HTML бывают парными и непарными.
<B><I> На этот текст воздействуют два тега </I></B>
2. Эффект применения тега может видоизменяться путем добавления атрибутов. В парных тегах атрибуты добавляются только к открывающему тегу. Атрибуты представляют собой дополнительные ключевые слова, определяемые от ключевого слова, определяющего тег, и от других атрибутов пробелами и размещаемыми до завершающего тег символа «>». Способ применения некоторых атрибутов требует указания значения атрибута. Значение атрибута определяется от ключевого слова атрибута символом «=» (знак равенства) и заключается в кавычки.
<H1 ALIGN=”LEFT”>
3. Структура документа HTML
. Документ HTML всегда должен начинаться с тега <HTML> и заканчиваться соответствующим закрывающим тегом (</HTML>). Внутри документа выделяются два основных раздела: раздел заголовков и тело документа, - идущие именно в таком порядке. Раздел заголовков содержит информацию, описывающую документ в целом, ограничивается тегами <HEAD> и </HEAD>. В частности, раздел заголовков должен содержать общий заголовок документа, ограниченный парным тегом <TITLE>.
Основное содержание размещается в теле документа определяется парным тегом <BODY>. Поэтому стандарт языка HTML требует только наличия тега <TITLE> (и, соответственно, </TITLE>). Простейший правильный документ
<HTML>
<HEAD><TITLE> Заголовок документа</TITLE></HEAD>
</BODY>
Текст документа
</BODY>
</HTML>
4. элемент языка HTML. Так, можно говорить об «элементе BODY», включающем тег <BODY>,
5. элементы делят на блочные и текстовые. Блочные элементы относятся к частям текста уровня абзаца. Текстовые элементы описывают свойства отдельных фр аз и еще более мелких частей текста.
6. поддерживает шесть уровней заголовков. Они задаются при помощи парных тегов от <H1> до <H6>. При отображении Web-документа на экране компьютера эти элементы показываются при помощи шрифтов разного размера.
Обычные абзацы задаются с помощью парного тега <P>. Язык HTML не содержит средств для создания абзацного отступа («красной строки»), поэтому при отображении на экране компьютера абзацы разделяются пустой строкой. Закрывающий тег </P> рассматривается как необязательный,
<H1> Заголовок</H1>
<P>Первый абзац<P>Второй абзац
<H2> Заголовок второго уровня</H2>
7. осуществляет перехода на новую строку текстовый элемент, задаваемый непарным тегом <BR>).
8. горизонтальная линейка задается непарным тегом <HR>, ее длина и толщина задаются атрибутами тега <HR>.
<HR ALIGN=”RIGHT” SIZE =”10”WIDTH=”50%”>
Этот тип создает горизонтальную линейку шириной в 10 пикселей, занимающую половину ширины окна и расположенную справа.
9. Гипертекстовая ссылка определяемым при помощи парного тега <A>. Этот элемент содержит обязательный атрибут, который не может быть опущен. В данном случае обязательным является атрибут HREF= (знак равенства показывает, что необходимо задать значение этого атрибута).
Например, <A HREF=http://www.site.com/index.htm>.
10. Для вставки рисунка используются текстовой элемент, задаваемый непарным тегом <IMG>. Тег <IMG> должен содержать обязательный атрибут SRC=, задающий адрес URL файла с изображением в относительной или абсолютной форме.
< IMG SRC= “picture1.gif “>
<IMG SRC=“picture2.jpg”WIDTH=”100”HEIGHT=”40”>
Для изображения, которое действительно включено в строку, можно задать режим взаимодействия с текстом с помощью атрибута ALIGN=.
<IMG SRC=”picture3.gif”ALIGN=”BOTTOM”>)
Этот атрибут может принимать три значения:
· Если заданно ALIGN=”BOTTOM”, то нижняя граница изображения совмещается с основанием текстовой строки;
· Если заданно ALIGN=”MIDDLE”, то нижняя граница изображения совмещается с основанием текстовой строки;
· Если заданно ALIGN=”TOP”, то верхняя граница изображения выравнивается по верхнему образу текстовой строки.
· Если заданно ALIGN=”LEFT”, то изображение размещается у левого края страницы, а последующий текст размещается слева от него;
· Если заданно ALIGN=”RIGHT”, то изображение размещается у правого края страницы, а последующий текст размещается слева от него.
В этом случае рекомендуется помещать тег <IMG> в самое начало соответствующего абзаца.
Однако нормальный режим требует, чтобы между текстом и изображением оставался некоторый промежуток Задать величину этого промежутка можно при помощи атрибутов HSPACE=(по горизонтали) и VSPACE=(по вертикали). Размеры задаются в пикселях.
Фоновый рисунок задается с помощью атрибута BACKGROUND= в теге <BODY>. Значением этого атрибута должен быть абсолютный или относительный адрес URL для файла с изображением.
<BODY BACKGROUND=”waves.gif” TEXT=”YELLOW”>
11. Управляет параметрами шрифта парный тег <FONT>. Он должен обязательно содержать хотя бы один из трех атрибутов:
цвет-COLOR=, (например, COLOR =”GREEN” или COLOR =”#00FF00”, размер- SIZE=, <FONT SIZE=”6”> Атрибут SIZE= определяет размер шрифта в относительных единицах (от 1 до 7)..
FACE= задает гарнитуру шрифта. Значении этого атрибута сравнивается с именами шрифтов, которые установлены на компьютере..
Параметры шрифта, используемые в документе по умолчанию, задают с помощью непарного тега <BASEFONT>, который помещают один раз внутри элемента BODY. Он может использовать те же атрибуты, что и тег <FONT>.
Начертание символов задается при помощи парных тегов <B> (полужирный шрифт), <I> (курсив),<U> (подчеркнутый текст) <S> (вычеркнутый текст). Их использование не рекомендуется. Вместо них следует применять элементы фразы, описывающие функциональные особенности текста, например вместо
<B> Обратите внимание! </B>
лучше написать
<STRONG> Обратите внимание! </STRONG>
Так, первый тег <CITE> предназначен для отображение цитат (выводятся курсивом). Парные теги <EM> (выделение) и <STRONG> (сильное выделение) являются функциональными аналогами курсивного и полужирного начертаний.
12. Язык HTML поддерживает:
Упорядоченные (нумерованные) и неупорядоченные (маркированные) списки, Они создаются при помощи парных тегов: <OL> для упорядоченного списка и <UL> для неупорядоченного. Эти списки могут содержать только элементы списка, определяемые парным тегом <LI>. Закрывающий тег </LI> можно опускать, так как его местонахождение легко восстановить. Открывающие теги могут содержать атрибуты, определяющие вид маркера (для неупорядоченного списка), способ и последовательность нумерации (для упорядоченного). Разрешается вложение списков друг в друга.
Список определений задается парным тегом <DL>. Он содержит элементы двух типов: определяемые термины (парный тег<DT>) и определения (парный тег <DD>). Закрывающие теги</DT> и </DD>можно опускать. Обычно определяемые термины и определения чередуют, хотя это нигде не оговорено. Определения отображаются на экране с отступом от левого края. Такой список может быть сформирован следующим образом:
<DL>
<DT> Поршень
<DD>Сплошной цилиндр или диск, который плотно входит внутрь полного цилиндра
</DL>
13. Таблицы
Таблица в языке HTML задается при помощи парного тега <TABLE>. Она может содержать заголовок таблицы, определяемый парным тегом <CAPTION>, и строки таблицы, создаваемые при помощи парных тегов <TR>. Закрывающие теги </TR> можно опускать.
Каждая строка таблицы содержит ячейки таблицы, к которые могут относится к двум разным типам:
Ячейки в заголовках столбовых строк задают парным тегом<TH>, а обычные ячейки – парным тегом<TD>. Закрывающие теги</TH> и </TD> можно опускать. Например, «пустая» таблица с двумя строками и двумя столбцами может быть задана следующим образом:
<TABLE>
<CAPTION> Пустая таблица </CAPTION>
<TR><TD><TD>
<TR><TD><TD>
</TABLE>
Каждая ячейка может содержать произвольный текст, а так же любые теги HTML, допустимые в «теле» документа. В частности, ячейка таблицы может содержать вложенную таблицу или изображение.
14. Отображение нескольких документов.
ЯзыкHTML позволяет в рамках одной Web-страницы отобразить несколько документов. Для этого страница должна быть разбита на несколько областей — фреймов. Разбиение страницы описывается документом HTML особого рода, структура которого отличается от обычной. Тело документа заменяется описанием фреймов, задаваемым парным тегом <FRAMESET>. Элемент BODY в таком документе должен отсутствовать, а при наличии – игнорируется браузером.
Открывающий тег <FRAMESET> должен содержать обязательный атрибут COLS= или ROWS=, определяющий способ разбиения окна. В первом случае окно разбивается вертикальными линиями, во втором – горизонтальными. Если заданы оба атрибута, создается сетка фреймов. Значение любого из этих атрибутов – это перечисленные через запятую размеры отдельных фреймов.
<FRAMESET COLS=” 60%, 40 %”>
Значения могут быть заданы в пикселях или в процентах от ширины окна. Последняя область может быть определена с помощью символа <<*>>, что означает, что ей выделяется все оставшееся пространство.
<FRAMESET ROWS=”40%, 40%,*”>
Между тегами <FRAMESET> и </FRAMESET>должно располагаться ровно столько элементов, сколько областей создано с помощью атрибутов COLS= и ROWS=. При этом могут использоваться дополнительные элементы FRAMESET, описывающие дальнейшее разбиение на подобласти еще меньшего размера, или непарные теги <FRAME>, определяющие способ использования области.
Тег <FRAME> должен содержать обязательный атрибут SRC=, с помощью которого указывается, какой документ первоначально загружается в соответствующую область. Значение этого атрибута – абсолютный или относительный адрес URL нужного документа.
Среди прочих атрибутов выделяется атрибут NAME=, позволяющий задать «имя» созданной области в виде последовательности латинских букв и цифр, использованной как значение этого атрибута.
< FRAME SRC=”text.htm” NAME=”left”>
Это имя можно использовать, чтобы загружать новые документы в ранее созданную область. Для этого в тег <А>, определяющий гиперссылку, необходимо добавить атрибут TARGET=, значение которого совпадает с ранее определенным именем области. При переходе по данной гиперссылке новый документ загрузится в указанный фрейм.
Например, предположим, что начальная стадия Web-узла состоит из двух фреймов: слева располагается навигационная панель, а справа – текущая страница. Если правой области присвоенное имя, используемое во всех ссылках, имеющихся в левой области, то щелчок на любой ссылке навигационной панели приведет к обновлению информации в соседней области, оставляя навигационную панель без изменений.
Дата добавления: 2015-09-29; просмотров: 44 | Нарушение авторских прав
| <== предыдущая лекция | | | следующая лекция ==> |
| OCR & spell-check Marina 19 страница | | |