Военный музей (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

  • Быстрая навигация по музеям

    С момента создания "Военного музея" прошло почти 2 года, и уже накопилось достаточно много материала. По опыту "старших братьев",…

  • Музей техники в Зинсхайме (ФРГ)

    Что можно сказать про этот музей в первую очередь? Наверное, что он просто гениален. Как и его "собрат" в Шпайере. Хотелось бы иметь…

  • Возвращение к истокам - опыт №3

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

  • А что в ЖЖ случилось с перепостами?

    Я тут в последнее время немного "выпал" из ЖЖ и, похоже, пропустил эту тему с перепостами. А что случилось? Кто-нибудь может мне коротко намекнуть,…

  • Военно-технический музей в г. Лешаны, Чехия - часть 2

    Завершаю свой рассказ о посещении Военно-технического музея в г. Лешаны. В этот раз речь пойдёт об экспонатах, расположенных в залах (вернее,…

  • С наступающими праздниками!

    Поздравляю всех друзей, читателей и просто забредателей с наступающими праздниками - Новым годом и Рождеством! Желаю всем хорошо их отметить и не…

  • 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