Oсновы HTML

Download Report

Transcript Oсновы HTML

Oсновы HTML - 2
Hyper Text Markup Language
Структура таблицы
<TABLE>
<TR> <TD> … </TD>
<TD> …
</TD>
<TR> <TD> …
</TD>
<TD> …
</TD>
</TR>
<TR> <TD> …
</TD>
<TD> …
</TD>
</TR>
</TABLE>
</TR>
Таблица 2*2
• <table>
•
<tr>
•
<td>Товары</td>
•
<td>Услуги</td>
•
</tr>
•
<tr>
•
<td>Фирма</td>
•
<td>Отчет</td>
• </tr>
• </table>
(тег строки)
(теги ячейки)
Атрибуты тегов <table> <tr> <td>
• <table width=50%> (ширина таблицы
как % от ширины страницы)
• <td width=20% > (ширина ячейки
как % от ширины таблицы !!!)
• <td height=100> (высота ячейки в пикселях)
• align= right ( выравнивание left, center)
• valign=top (выравнивание по вертикали
middle, bottom)
• Bgcolor=green (цвет фона таблицы, строки
или ячейки)
Гиперссылки
• <a name="d1"> начало </a> (якорь-закладка)
• <p>Переход к <a href="#d1"> началу</a> </p>
(локальный переход на той же странице)
• <p> Новые версии на сайте
<a href="http://www.microsoft.com">Microsoft</a>
</p>
(удаленный переход)
• <p> Можно перейти <a href="example.doc">
к моему файлу </a> </p> (файлы в 1-ой папке)
• <a href="Way1/Part.htm #part_2" > Глава 2 </a>
(папка Way1 на уровне файла страницы)
• title="Рисунки ...“ Всплывающая подсказка
Бегущая строка
• <marquee>...</marquee>
• перемещаются — изображения, текст,
таблицы, элементы форм и т.д.
• direction=“ left | right | up | down "
• bgcolor="white" width="600"
height="150"
• Перемещение можно задать не только по горизонтали,
но и вертикали, в этом случае указываются размеры
области, в которой будет происходить движение
Фрейм (рамка)
<HTML>
<HEAD> <TITLE> dog </TITLE> </HEAD>
(BODY нет!!!)
<FRAMESET COLS="25%,*">
<FRAME SRC=Doc1.htm >
<FRAME SRC=Документ3.htm>
</frameset >
</html>
• <HTML>
• <HEAD> <TITLE> dog </TITLE> </HEAD>
• <FRAMESET ROWS="45%,*">
•
<FRAME SRC=Doc1.htm >
•
<FRAMESET COLS="25%,*">
•
<FRAME SRC=Документ2.htm>
•
<FRAME SRC=Документ3.htm>
•
</frameset >
• </frameset >
• </html>