Вставка таблицы с помощью HTML тегов

Сегодня рассмотрим варианты вставки таблицы в сообщение с помощью HTML тегов.
Только предупреждаю сразу: не разделяйте код на строки, так как делаю я для удобства чтения кода. Пишите все сплошной строкой, иначе у вас будет много пустого места перед таблицей

1. Если вы хотите вставить таблицу из одной строки:


Колонка 1 Колонка 2 Колонка 3

 
<table>
<td> Колонка 1 </td>
<td> Колонка 2 </td>
<td> Колонка 3 </td>
</table>


2. Если вы хотите сделать такую же таблицу, но с рамкой, то воспользкйтесь следующими строками:


Колонка 1 Колонка 2 Колонка 3

 
<table border=1>
<td> Колонка 1 </td>
<td> Колонка 2 </td>
<td> Колонка 3 </td>
</table>


3. Если вы хотите создать таблицу из нескольких строк и нескольких колонок, то создайте следующий код:

Ячейка А Ячейка B Ячейка C
Ячейка D Ячейка E Ячейка F

<table >
<tr>
<td>Ячейка А</td>
<td>Ячейка B</td>
<td>Ячейка C</td>
</tr>
<tr>
<td>Ячейка D</td>
<td>Ячейка E</td>
<td>Ячейка F</td>
</tr>
</table>

Если хотите с рамкой, то первую строку записываем, как <table border=1>


Ячейка А Ячейка B Ячейка С
Ячейка D Ячейка E Ячейка F

 

 


4. Можно написать текст в две колонки:

«Никто не пялится на тебя» – уговаривала я себя. – «Никто не пялится. Никто не пялится. Никто не пялится».
Но я не умею врать, тем более самой себе. Лишний раз убедилась.
Пока я ждала, когда загорится зеленый свет, меня угораздило, посмотреть на право. В своей машине, миссис Вебер, всем телом развернулась в мою сторону. Я встретилась с ней взглядом и поспешно отвернулась. Почему она не отвела глаза и нисколько не смутилась? Так открыто, разглядывать людей – это ведь грубость или я ошибаюсь? Меня можно так, без всякого смущения, рассматривать? Только потом вспомнила, что стекла в моей машине тонированные, и миссис Вебер даже не знает, что внутри нахожусь именно я, и что я тоже смотрю на не.
Я попыталась успокоиться, ведь на самом деле она смотрела не на меня, а на машину.
Мою машину. Вздох.
Я посмотрела налево и застонала. Два пешехода замерли на тротуаре, так засмотрелись, что забыли перейти дорогу. Позади них, за стеклянной витриной своей маленькой сувенирной лавки, разинув рот стоял мистер Маршалл. Хорошо хоть носом не прижался к стеклу. Пока что.

Причем текст распределиться по ширине колонок автоматически в зависимости от количества знаков в каждой колонке. Создайте такой код:

<table width="100%" cellpadding="0" cellspacing="10" border="0">
<tr>
<td> Ваш текст в первой колонке</td>
<td width="1" bgcolor=" navy"></td>
<td> Ваш текст во второй колонке</td>
</tr>
</table>

Можно поменять цвет разделителя и его ширину, для этого отредактировать width="1" bgcolor="navy"

This entry was posted on Понедельник, Август 24th, 2009 at 5:31 пп and is filed under HTML теги. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

5 Responses to “Вставка таблицы с помощью HTML тегов”

  1. Ольга:

    Я на сайте использовала разделение текста на две колонки. Очень удобно, рекомендую!

  2. Марина Белоусова:

    Спасибо! Мне пригодилась информация как вставить таблицу! Очень удобно! Рекомендую.

  3. sevdom:

    Спасибо, немного разобралась с таблицами

  4. Света:

    Спасибо! на примерах проще всего учиться)

  5. Мирослава:

    Отличная инструкция! Спасибо, автор!

Прокомментировать запись: