We
Study
Together
cat

baner


Собираем шаблон

С текстом разобрались, вставляем его в нашу Web-страницу. Вот, что получилось у меня:

<html>
<head>
</head>
<body bgcolor="#000000" text="#ffffff">
<table width="100%" border="0">
<tr>
<td width="20%"><div align="center">логотип</div></td>
<td width="3%"> </td>
<th><font color="#ff0000"><h1>HOT TIME</h1></font></th>
</tr>
</table>
<table height="80%" width="100%" border="0">
<tr>
<td width="20%"></td>
<td width="3%"></td>
<td><div align="center"><font size=-1>Жизнь - это движение: одни шевелят извилинами, другие хлопают ушами</font></div></td>
</tr>
<tr>
<td>
<div align="center">меню
<br>ссылка 1
<br>ссылка 2
<br>ссылка 3 </div>
</td>
<td> </td>
<td><br>Папа поучает сына:
<br>- Запомни, сынок, умный человек всегда во всем сомневается. Только дурак может быть полностью уверен в чем-то.
<br>- Ты уверен в этом, папа?
<br>- Абсолютно.
</td>
</tr>
<tr>
<td colspan="3"><div align="right"><font size=-2>©   </font></div></td>
</tr>
</table>
</body>
<html>


Смотрим


Примечание: А теперь важный принцип табличной верстки: каждый горизонтальный блок, по возможности, надо заключать в отдельную таблицу.
В этом случае:
  • Браузер будет показывать таблицы по мере загрузки. Визуально будет казаться, что страница загружается быстрее. Если все поместить в одну таблицу, то браузер покажет страницу только после завершения загрузки всего кода.
  • Каждую таблицу можно настроить для конкретного блока. Например, первый блок можно сверстать таблицей из трех колонок, а второй - из пяти. Если же использовать одну таблицу, то придется и первый, и второй блок верстать с помощью пяти колонок.


  • на следующую страницу  
    Основы HTML
      
    Hosted by uCoz