Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ЛабРаб_HTML.doc
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
471.04 Кб
Скачать

Vlink - цвет уже посещенной ссылки.

Пример:

<body text="#336699" bgcolor="#000000" link="#339999" alink="#0OOOFF" vlink="И 339999" >

Ссылка на ваш почтовый ящик:

<a href="mailto:pochta@mail.ru"> pochta@mail.ru </a>

Ссылка на картинку. Принцип ссылки тот же, что и в случае с текстом, только в тэг <a></a> вставляется не текст, а картинка:

<a href="prf.html"><img src="primtocodephoto.gif"></a>

Ссылка может быть не только на документ с расширением *.html, но и на многие другие (*.doc, *.mp3, *.jpg, *.gif, *.txt, *.zip, *.exe и т.д:):

<a href="http://www.melody.ru/music.mp3"> скачать песню </a>

При нажатии на такую ссылку у пользователя появится окошко, предлагающее сохранить ему музыкальный файл на его компьютере. Т.е. если файл не является текстовым документом (*.doc, *.txt) или, например, *.html документом, то браузер вашего пользователя обязательно предложит ему скачать такой файл.

Открытие нового окна при переходе по ссылке осуществляется с использованием атрибута target: тэга <a></a>:

<a href="big.jpg" target="_blank"> <img src="small.jpg"> </a> - target="_blank" - указывает на то, что документ (картинка), на который ведет ссылка, откроется в новом окне браузера.

Таблицы

Таблица задается тэгом:

<table></table>

Таблица состоит из строк и столбцов (ячеек), поэтому надо еще указать и их.

<tr></tr> - строчка таблицы <td></td> - столбец (ячейка) таблицы

<table> <tr> <td>1x1</td> <td>1x2</td> <td>1x3</td> </tr> <tr> <td>2x1</td> <td>2x2</td> <td>2x3</td> </tr> </table>

Фон задается атрибутом bgcolor="цвет_фона". Фон можно задать для таблицы в целом, для ряда, для ячейки (в пределе одного ряда). В нашем случае мы задаем фон для каждой ячейки.

<table> <tr> <td bgcolor="#FFCC33">1x1</td> <td bgcolor="#336699">1x2</td> <td bgcolor="#FFCC33">1x3</td> </tr> <tr> <td bgcolor="#336699">2x1</td> <td bgcolor="#FFCC33">2x2</td> <td bgcolor="#336699">2x3</td> </tr> </table>

Если необходимо задать фон для ряда – атрибут bgcolor прописываем для тэга <tr>:

<tr bgcolor="#FFCC33">

Если необходимо задать фон для всей таблицы – атрибут bgcolor прописываем для тэга <table>: <table bgcolor="#FFCC33">

Атрибуты height и width можно задать как для всей таблицы, так и для одного ряда, для ячейки (столбца). Высота и ширина могут задаваться как в пикселях, так и процентах.

<table> <tr> <td height="35" width="50" bgcolor="#FFCC33"> 1x1 </td> <td width="50" bgcolor="#336699"> 1x2 </td> <td width="50" bgcolor="#FFCC33"> 1x3 </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> 2x1 </td> <td width="50" bgcolor="#FFCC33"> 2x2 </td> <td width="50" bgcolor="#336699"> 2x3 </td> </tr> </table>

Если задать ячейке ширину в 30 процентов, то на остальные ячейки остается еще 70 процентов, т.е. сумма их ширин не должна превышать 70 процентов.

Содержимое ячейки может располагаться не только посередине (как по умолчанию). Вертикальное выравнивание задается атрибутом - valign="middle" (top, bottom) - содержимое конкретной ячейки будет находится в середине (наверху или внизу):

Атрибуты colspan и rowspan. Colspan - определяют количество столбцов, на которые простирается данная ячейка, а rowspan - количество рядов (эти параметры могут принимать значение от 2 и больше, т.е. наша ячейка может растягиваться на два и более столбца (ряда)).

< table> <tr> <td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td> <td width="50" bgcolor="#336699"> <center>1x2</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td> <td width="50" bgcolor="#336699"> <center>2x3</center> </td> </tr> </table>

=======================================================================

< table> <tr> <td height="35" bgcolor="#FFCC33"> <center>1x1</center> </td> <td width="50" bgcolor="#336699"> <center>1x2</center> </td> <td width="50" bgcolor="#336699" rowspan="2"> <center>1x3</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td> </tr> </table>

=======================================================================

< table> <tr> <td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td> <td width="50" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td> </tr> </table>

Чтобы избавиться или увеличить пространство между ячейками таблицы используется атрибут cellspacing

<table cellspacing="0"> <tr> <td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td> <td width="50" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td> </tr> </table>

Рамка вводится параметром border.

<table border="3">

Рамке можно задать так же и цвет.

<table border="3" bordercolor="#000000">