15 октября 2015

Как вставить таблицу и рамку для кода в сообщение

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

Когда мы организуем какой-нибудь проект, то часто просим поставить баннер проекта на боковую панель. Для удобства наших читателей можно предложить им готовый код баннера. Но как его опубликовать в сообщении? С помощью окошка-рамочки:





Когда у вас есть готовый код баннера

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href=" ссылка на страницу " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"target="_blank"><img border="0"  src=" ссылка на изображение" width="180" /></a></div>
<br /></div>

Его нужно вставить вот в эту форму:

 <textarea name="textarea" cols="40" rows="4" wrap="VIRTUAL">
код_баннера
</textarea>

А после разместить все это в своем сообщении в режиме HTML.

Теперь как разместить таблицу.
С помощью таблицы можно оформлять не только текст, но и фотографии.

Код таблицы:

<table>
<tbody>
<tr>
<td>столбец 1</td>
<td>столбец 2</td>
</tr>
</tbody>
</table>

При этом  <tr> и </tr> - это начало и конец строки, а
<td> и </td> - начало и конец столбца.
То есть код выше опубликует два столбца в одну строчку.

Если нужно больше столбцов, то добавляем <td> и </td> , а если строк, то  <tr> и </tr>.

<table>
<tbody>
<tr>
<td>столбец 1</td>
<td>столбец 2</td>
<td>столбец 3</td>
</tr>
<tr>
<td>столбец 1</td>
<td>столбец 2</td>
<td>столбец 3</td>
</tr>
</tbody>
</table>

Не забывайте, что любой открытый код должен быть закрыт - если есть <td>, то должен быть и </td>.


Эти два  кода я использую чаще всего. Надеюсь, что и вам они пригодятся.


Понравилась статья? Сохраните ссылку на нее к себе в социальную сеть:

10 коммент.:

  1. Наташа, спасибо! Как всегда - очень полезная "техническая" информация!

    ОтветитьУдалить
  2. Спасибо, Наталья, очень нужная и полезная информация.

    ОтветитьУдалить
  3. Наталья, не часто коллеги делятся секретами. Уверена, Вашими советами воспользуются многие.

    ОтветитьУдалить
    Ответы
    1. Спасибо! Я ведь это тоже от блогоколлег узнала!

      Удалить
  4. Наташа,как все замудренно. Я с такими буковками не справлюсь. Делаю все проще: копирую ссылку и вставляю в строку

    ОтветитьУдалить
    Ответы
    1. Это какую ссылку Вы копируете? Вы про рамку?
      Я когда начала вести блог, узнала что такое коды, html, из чего страницы интернетовские состоят. Так что мне интересно в этими буковками разбираться))) Я и шаблон своего блога кардинально переписала.

      Удалить
    2. Все очень просто. Навожу курсор на наименование публикации, левой мышкой-шелках и копирую адрес ссылки... А вот шаблон блога я не знаю как изменить, только в мечтах...

      Удалить

Это интересно: