Военный музей (military_museum) wrote,
Военный музей
military_museum

Форматирование текста в LJ, HTML-тэги и т.п.: памятка для автора

Попрошу никого не пугаться, это сугубо технический псто. Для удобства работы с ЖЖ (в том числе, при написании развёрнутых комментариев - с картинками и т.п.) полезно иметь под рукой небольшую HTML-шпаргалку. Более подробные материалы по форматированию всегда можно найти на просторах энторнетов (например, тут или тут), здесь же я отобрал ДЛЯ СЕБЯ лишь самые распространённые тэги, включая упрощённую работу с картинками и таблицами.

Форматирование текста:

<b>Полужирный текст</b>
<i>Выделение текста курсивом</i>
<big>Большой шрифт</big>
<u>Подчёркнутый текст</u>
<s>Зачёркнутый текст</s>
<small>Маленький шрифт</small>
Сноска<sup>сверху</sup> или индекс<sub>снизу</sub>
<font style="font-size:15pt;">Шрифт размером 15 пикселей</font>
<font color="blue">Синий текст</font>
<font color="red">Красный текст</font>
<font color="green">Зелёный текст</font>

Ссылки:

Ссылка на общество thecommunity <lj comm=thecommunity>
Ссылка на ЖЖ-юзера military_museum
<lj user=military_museum>

Простая ссылка (откроется в новом окне):
<
a href="http://military-museum.livejournal.com" target="_blank">Военный музей</a>

Картинки:

Картинка-ссылка:
<
a href="http://military-museum.livejournal.com" title="Военный музей"><img src="http://...(адрес_картинки)"></a>

Вставить картинку:
<
img src="http://ic.pics.livejournal.com/military_museum/68486218/43176/43176_800.jpg">

Вставить картинку с ограничением по ширине:
<
img src="http://ic.pics.livejournal.com/military_museum/68486218/43176/43176_800.jpg" width="600px">

Простая таблица:



Страна, город

Фото

Музей
Россия, СПб фото Д-2
Россия, СПб фото С-189
Германия, Бремерхафен фото U-2540

Код таблицы:

<table cellspacing="5" cellpadding="5">
          <tr bgcolor="#aaaaff">
          <th>Страна, город</th><th>Фото</th><th>Музей</th>
          </tr>

          <tr bgcolor="#dddddd">
          <td>Россия, СПб</td><td>фото</td><td>Д-2</td>
          </tr>

          <tr bgcolor="#dddddd">
          <td>Россия, СПб</td><td>фото</td><td>С-189</td>
          </tr>

          <tr bgcolor="#dddddd">
          <td>Германия, Бремерхафен</td><td>фото</td><td>U-2540</td>
          </tr>
</table>

Галерея картинок с ограничением по ширине,  с ссылками, открываются при нажатии в новом окне:



Код галереи:

<table cellspacing="4">
          <tr>
          <td><a href="http://...(сылка)" target="_blank"><img src="http://...(картинка)" title="Ваш текст" width="100px"/></a></td>
          <td><a href="http://...(сылка)" target="_blank"><img src="http://...(картинка)" title="Ваш текст" width="100px"/></a></td>
          <td><a href="http://...(сылка)" target="_blank"><img src="http://...(картинка)" title="Ваш текст" width="100px"/></a></td>
          </tr>

          <tr>
          <td><a href="http://...(сылка)" target="_blank"><img src="http://...(картинка)" title="Ваш текст" width="100px"/></a></td>
          <td><a href="http://...(сылка)" target="_blank"><img src="http://...(картинка)" title="Ваш текст" width="100px"/></a></td>
          <td><a href="http://...(сылка)" target="_blank"><img src="http://...(картинка)" title="Ваш текст" width="100px"/></a></td>
          </tr>
</table>

Такая же галерея, но уже без ссылок:

<table cellspacing="3">
          <tr>
          <td><img src="http://...(адрес_картинки)" title="Ваш текст" width="100px"/></td>
          <td><img src="http://...(адрес_картинки)" title="Ваш текст" width="100px"/></td>
          <td><img src="http://...(адрес_картинки)" title="Ваш текст" width="100px"/></td>
          </tr>

          <tr>
          <td><img src="http://...(адрес_картинки)" title="Ваш текст" width="100px"/></a></td>
          <td><img src="http://...(адрес_картинки)" title="Ваш текст" width="100px"/></a></td>
          <td><img src="http://...(адрес_картинки)" title="Ваш текст" width="100px"/></a></td>
          </tr>
</table>
Tags: html, off topic, памятка автору
Subscribe

Recent Posts from This Journal

  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 0 comments