Перенос слов в ячейках таблицы

По умолчанию браузер делает автоматический перенос слов текста внутри ячейки таблицы. Атрибут NOWRAP принудительно отключает функцию переноса слов внутри таблицы и отображает текст в одну строку. Поэтому этот атрибут рекомендуют применять по отношению к ячейкам таблицы, содержащим короткий текст, т.к. в противном случае он выйдет за пределы окна браузера. Следует сказать, что этот атрибут не оказывает воздействие на текст ячейки, отформатированный при помощи тэгов <P>, <BR>.

Вложенные таблицы

Вложение таблиц одну в другую - очень распространенный прием оформления внешнего вида Вэб-страницы. Прежде всего надо построить главную таблицу, а затем в ее ячейках разместить дочерние таблицы. Определяя таблицы, надо не забывать включать в их описание все закрывающие тэги, содержащие символ косой черты, т.к. пропуск всего одного такого дескриптора исказит таблицу кардинальным образом.

Не следует, также, злоупотреблять вложением, т.к. в этом случае существенно замедляется загрузка страницы браузером.

Форматирование вложенных таблиц осуществляется по общим правилам, что, собственно и делает страницу привлекательной.

Пример:

HTML-код: <table border="1">  <tr>   <td>111</td>   <td>111</td>   <td>    <table border="1" bgcolor="#00ff00">     <tr>      <td>01</td>      <td>01</td>     </tr>     <tr>      <td>01</td>      <td>01</td>     </tr>    </table>   </td>  </tr>  <tr>   <td>111</td>   <td>111</td>   <td>111</td>  </tr> </table>

Отображение в браузере: 111 111 01 01 01 01 111 111 111

Обтекание таблицы текстом

Атрибут ALIGN, используемый для задания признака обтекания таблиц текстом, может принимать два значения - left, right. Первое - заставляет браузер поместить таблицу слева от текста, второе - справа.

Если необходимо, чтобы форматированию подвергся определенный фрагмент текста, надо применить тэг <BR> с атрибутом CLEAR, указывающими позицию в тексте, начиная с которой обтекание отменяется. Значения left, right, all атрибута CLEAR позволяет определить, с какой стороны текст далее будет свободен от таблицы.

Пример:

HTML-код: <table border="1" align="left">  <tr>   <td>11</td>   <td>11</td>  </tr>  <tr>   <td>11</td>   <td>11</td>  </tr> </table> <p>Текст обтекает таблицу</p> <br clear="left"> <p>Текст не обтекает таблицу</p>

Отображение в браузере: Т 11 11 11 11 екст обтекает таблицу Текст не обтекает таблицу

Гиперссылки

Гиперссылка на другую страницу

Гиперссылка в пределах страницы

Почтовая гиперссылка

Открытие страниц в новом окне

Цвет текста гиперссылок

Порядок перехода по гиперссылкам