Читайте также:
|
|
</BODY>
</HTML>
- запись Название документа заменить на: «Моя страница»;
- запись Параметры фона заменить на текст:
BACKGROUND="Images\Backgr.jpg" >
или просто цвет:
BGCOLOR="# FFD700">
-можно отдельной строкой добавить цвет текста:
<BODY TEXT="#000000">
- запись Заголовок заменить на:
<H1><DIV ALIGN="center">Личная страница ИФ</DIV></H1>
имя (И) и фамилию (Ф) указать собственные;
- запись Разделитель заменить на:
<HR>
- запись Картинка1 заменить на:
<IMG SRC="Images/Mypict.jpg" ALIGN="left" WIDTH="200" ALT="Это изображение">
ALIGN="left" - текст обтекает рисунок справа;
ALIGN="right" - текст обтекает рисунок слева;
ALIGN="top" - рисунок располагается внутри текстовой строки, и его верхняя граница совпадает с верхней границей букв текста;
ALIGN="middle" - рисунок располагается внутри текстовой строки, которая вертикально выравнивается по центру рисунка;
ALIGN="bottom" - рисунок располагается внутри текстовой строки, и нижняя граница совпадает с нижней границей букв текста.
Запись ALT даёт информацию при наведении указателя на рисунок.
- сохранить файл в папке Folder с расширением .Htm с именем Index.htm, проверить, открыв папку и исполнив файл;
- открыть файл с текстом, выделить весь текст, скопировать в буферную память, открыть вновь файл Index.htm, ивыполнить вставку из буфера:
- запись Видео фрагмент заменить на:
<IMG DYNSRC="Images\Film.avi" START="MOUSEover" LOOP=1 ALIGN="right">
(видео включается при наведении указателя мыши, выполняется один раз, располагается справа от текста);
- сохранитe вновь файл в папке Folder с именем Index.htm, проверьте его работу;
- Проверьте работу тегов <del> и <ins>.
Создание HTML-таблиц
Описание таблиц должно располагаться внутри раздела документа <BODY>.
Каждая таблица должна начинаться тэгом <TABLE> и завершаться тэгом </TABLE>. Внутри этой пары тегов располагается описание содержимого таблицы. Любая таблица состоит из одной или нескольких строк, в каждой из которых задаются данные для отдельных ячеек.
Каждая строка начинается тэгом <TR> (Table Row) и завершается тэгом </TR>.
Отдельная ячейка в строке обрамляется парой тегов <TD> и </TD> (Table Data) или <TH> и </TH> (Table Header).
Тег <TH> используется обычно для ячеек-заголовков таблицы, а <TD> — для ячеек-данных. Различие в использовании заключается лишь в типе шрифта, используемого по умолчанию для отображения содержимого ячеек, а также расположению данных внутри ячейки. Содержимое ячеек типа <TH> отображается полужирным (Bold) шрифтом и располагается по центру (ALIGN=CENTER, VALIGN=MIDDLE). Ячейки, определенные тэгом <TD> по умолчанию отображают данные, выровненные влево (ALIGN=LEFT) и посередине (VALIGN=MIDDLE) в вертикальном направлении.
Тэги <TD> и <TH> не могут появляться вне описания строки таблицы <TR>. Завершающие коды </TR>, </TD> и </TH> могут быть опущены. В этом случае концом описания строки или ячейки является начало следующей строки или ячейки, или конец таблицы. Завершающий тег таблицы </TABLE> не может быть опущен.
Таблица может иметь заголовок, который заключается в пару тегов <CAPTION> и </CAPTION>. Описание заголовка таблицы должно располагаться внутри тегов <TABLE> и </TABLE> в любом месте, однако вне области описания любого из тегов <TD>, <TH> или <TR>. Согласно спецификации языка HTML расположение описания заголовка регламентировано более строго: оно должно располагаться сразу же после тега <TABLE> и до первого <TR>. Мы рекомендуем придерживаться этого правила.
По умолчанию текст заголовка таблицы располагается над ней (ALIGN=TOP) и центрируется в горизонтальном направлении.
Приведем пример простейшей таблицы, состоящей из двух строк и двух столбцов:
<HTML>
<HEAD>
<TITLE>Пример простейшей таблицы</TITLE>
</HEAD>
<BODY>
<TABLE BORDER>
<TR>
<TD>Ячейка 1 строки 1</TD>
<TD>Ячейка 2 строки 1</TD>
</TR>
<TR>
<TD>Ячейка 1 строки 2</TD>
<TD>Ячейка 2 строки 2</TD>
</TR>
</TABLE>
</BODY>
</HTML>
- Создайте таблицу из трех строк и трех столбцов с произвольными данными.
Дата добавления: 2015-07-26; просмотров: 58 | Нарушение авторских прав
<== предыдущая страница | | | следующая страница ==> |
Разделитель | | | Ввод, редактирование и форматирование текста |