| |
Практическая работа
Выполните практическую работу, следуя каждому шагу, и у Вас получится простенький шаблон для будущего сайта.
В дальнейшем вы сможете его использовать.
|
 |
1. Создайте новый html-документ. Задайте заголовок "Практическая работа №1" между тэгами <title>
</title> .Сохраните его под именем prakt1.html.
2. При помощи тэга <body> сделайте цвет страницы #c0c0c0.
3. Создайте таблицу и сделайте в ней две строки(<tr> </tr>). В первой строке создайте один столбец
(<td> </td>) с атрибутом colspan="2". Во второй строке создайте два столбца.
4. Задайте атрибуты таблицы: align="center" cellpadding="6" width="98%" bgcolor="#ffffff" bordercolor="#808080" border="1".
5. Для первой ячейки таблицы задайте атрибуты: height="80" valign="middle". Создайте в этой ячейке заголовок
"Страничка с вертикальным меню" при помощи тэга <h1> </h1>
6. Для второй ячейки задайте ширину 15% от страницы и атрибут valign="top".
7. Во второй ячейке создайте тэг <center> </center> для центрования данных в ячейке.
Создайте жирным текстом (<b> </b>) слово "Меню" и поставьте два тэга <br>, для
перевода на следующие строки.
8. В этой же ячейке создайте четыре гиперссылки на несуществующие страницы index1.html, index2.html,
index3.html и index4.html, как показано в примере. Эта ячейка станет главным меню странички.
9. В третьей ячейке задайте атрибут valign="top" и создайте в ней параграф(<p> </p>).
Между тэгами параграфа напечатайте любой текст. Поставьте два тэга <br> не "выходя" из параграфа.
10. Теперь создайте четыре тэга-списка с любыми значениями при помощи тэга <li> </li>.
11. Каждую строку списка сделайте полужирным шрифтом(при помощи <b> </b>).
12. Простейший шаблон готов! Если вы не уверены, что правильно все сделали, то прейдите по
этой ссылке
и посмотрите какая должна получиться страничка и ее код.
|
|
