html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

HTML, ЖЖ Тэги | Как форматировать текст, вставить картинку или ссылку

* * * Реклама: сервис DropBox, для хранения и раздачи файлов, увеличивает бонус-квоту далее... * * *


HTMLДля тех, кто забывает или не знает как пользоваться тэгами форматирования текста в своих постах, я написал эту напоминалку.
Всё это — простейшие тэги, но, думаю, вы найдёте для себя что-то новое :D Пост частенько обновляется для вашего удобства.посетители


Обновление: 4 февраля. Пролайкайте пост в фейсбуке! :) →
Обновление: 16 апреля. Что нового?
На заметку: Как правильно оформлять посты и блоги. Советы.
чтобы не искать:

HTML Тэги. Форматирование шрифта.

<b>Полужирный текст</b>
<i>Выделение текста курсивом</i>
<u>Подчёркнутый текст</u>
<s>Зачёркнутый текст</s>
<small>Маленький шрифт</small>
<big>Большой шрифт</big>

Знак сноски<sup>сверху</sup> или индекс<sub>снизу</sub> от текста

<acronym title="Всплывающая подсказка">Текст со всплывающей подсказкой</acronym>

<font style="font-size:16pt;">Шрифт размером 16 пикселей</font>


Предопределённые размеры шрифта (могут быть от 1-го до 7-го):

<font size="3">Шрифт 3-го размера</font>

<font size="+1">Шрифт на 1 размер больше обычного</font>

<h2>

Заголовок 2-го размера

</h2>

<font style="font-family:Comic Sans Ms;">Шрифт Comic Sans Ms</font>
<font style="font-family:Monotype Corsiva;">Шрифт Monotype Corsiva</font>

<font style="font-family:Tahoma; font-size:15pt;">Tahoma, 15 пикселей</font>



Карманная Памятка и Навигация
HTML и ЖЖ Тэги — Как оформлять текст и посты?
Полезные линки — список разных сайтов посвящённх ЖЖ функциональности.

Мой ЖЖ-Дизайн — советы и исходные коды для Дизайна вашего ЖЖ стиля S1 Generator и не только!.

Сайты предоставляющие хостинг картинок — Куда выложить фотки?
  • Список шрифтов
<font color="#0000ff">Синий текст</font>

Цифра 0000ff означает синий цвет в RGB палитре.
Также можно пользоваться стандартными словесными обозначениями цветов вот так:

<font color="red">Красный текст</font>

У фона тоже можно менять цвет, вот так:

<div style="background-color:#eeeeff;">голубой фон</div>

<div style="background-color:lightgray; color:#0000ff;">синий текст, серый фон</div>

Обратите внимание на синтаксис. Аттрибут style использует синтаксис CSS.


Вот некоторые предопределённые цвета:
Black White Red Green Blue Purple Firebrick Maroon OrangeRed MidnightBlue CornflowerBlue Cyan Yellow Magenta DarkGreen DarkGoldenrod Gold Orchid BlueViolet Burlywood PeachPuff
В шестнадцатиричном коде указывающем интенсивность красного, зелёного и синего (RRGGBB):
#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #AFEEEE #006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF
Выбрать подходящие цвета:

HTML Тэги. Форматирование параграфов.

Оформить отступы абзацев, легко:
<blockquote>
Процитированый в отдельном блоке текст
у которого будет
небольшой отступ слева.
</blockquote>

<p style="text-indent: 40px">
<div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:400px;">
Я врезаный, обтекающий другим текстом, текст с правого краю с выравниванием слева, с серой рамкой и отступом от рамки снаружи в 8 пикселей
</div>
1. Этот блок вставлен в текст слева перед (!) словом «Привет!»
2. Если блок внутри lj-raw, то переносы строк нужно указывать тэгом <br>
Привет! В этом абзаце первое предложение будет с красной строки, т.е. с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком.
</p>

<div style="width:300px;">Опачки! Этот абзац будет написан с фиксированой шириной в 300 пикселей. Узенько так типа. А если добавить style="width:300px; float:right;" тогда он ещё и будет висеть справа. Смотрите пример чуть ниже.</div>

<pre>Преформатированый текст
    сохраняет отступы слева и   между  словами
             и устанавливает те что вы укажите пробелами.
             NB! тэг не делает переноса строки автоматом!
</pre>

<center>отцентрированый текст</center>

<div align=right>
текст с правого краю
в две строчки с выравниванием справа
</div>

<div style="float:right;">
текст с правого краю
в две строчки с выравниванием слева
</div><br clear=all>


<marquee>бегущая влево строка</marquee>
<marquee direction="right">бегущая вправо строка</marquee>
<marquee behavior="alternate">бегущая от края к краю строка</marquee>
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32"> скролящийся вверх
текст с полезной
информацией
или ещё какой-то ерундой </marquee>

<marquee direction="down" scrollamount="1" scrolldelay="0" height="32"> или ещё какой-то ерундой
информацией
текст с полезной
скролящийся вниз </marquee>


» Как вместо ката сделать вертикальную перемотку большого текста?

<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
Лорем ипсум долор сит амет, консектетур адиписицинг элит, сед до эиусмод темпор инцидидунт ут лаборе эт долоре магна аликуа. Ут эним ад миним вениам, кьюс ноструд эксерцитатьён ульламко лаборис ниси ут аликуип экс эа коммодо консекуат. Дьюс ауте ируре долор ин репрехендерит ин волуптате велит эссе киллум долоре эу фугиат нулла париатур. эксцептеур синт оккаекат купидатат alex_inside нон пройдент, сунт ин кульпа куй оффициа десерунт моллит аним ид эст лаборум.
</div >

Если надо HTML-код вставить, показать кому-то, то то же самое можно сделать

<textarea cols="80" rows="5">

</textarea>


  • Как сделать записи в 2 столбика? Ответ можно найти в комментариях тут.
  • Как делать оглавление в виде ссылок на текст страницы? (↓ Проскроллить на ответ ниже)


    Специальные тэги HTML теги

    Чтобы ширина окна браузера не влияла на переносы текста:
    <nobr>этот текст будет всегда в одну строку</nobr>

    <blink>мигающий текст</blink> — не используйте этот тэг :)

    Чтобы между двумя словами не&nbsp;было переноса, можно поставить между ними неразрывный&nbsp;пробел.

    <br> — перенос строки.

    <hr> — линия на всю ширину экрана, вот такая:

    HTML Тэги. Форматирование списков.

  • <li>Один из пунктов несортированого списка
  • <li>Другой такой пункт

    Добавляем тэг ol по краям и список становится сортированым автоматически:
      <ol>
    1. <li>Один из пунктов несортированого списка
    2. <li>Другой такой пункт
      </ol>

    HTML Спец. Символы.

    Код Символ Для набора на клавиатуре нажмите*
    &laquo; « ALT+0171
    &raquo; » ALT+0187
    &mdash; ALT+0151
    &copy; © ALT+0169
    &reg; ® ALT+0174
    &trade; ALT+0153
    &#0047; /
    &lt; <
    &gt; >
    &nbsp;   ALT+0160 — неразрывный пробел**
    HTML entities:
  • Таблица всех символов
Читать дальше
Twitter
Одноклассники
Мой Мир

материал с livejournal.com

3

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • Asamarus
          • домен alex-inside.livejournal.com
          • домен livejournal.com

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции