Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Многоколоночн верстка_Табличная.doc
Скачиваний:
2
Добавлен:
20.11.2019
Размер:
446.46 Кб
Скачать

Пример:

HTML-код:

<table border="1" rules="rows">

 <tr>

  <td>111</td>

  <td>111</td>

  <td>111</td>

 </tr>

 <tr>

  <td>111</td>

  <td>111</td>

  <td>111</td>

 </tr>

</table>

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

111

111

111

111

111

111

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

По умолчанию браузер делает автоматический перенос слов текста внутри ячейки таблицы. Атрибут 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 позволяет определить, с какой стороны текст далее будет свободен от таблицы.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]