Специальные тэги HTML теги
Чтобы ширина окна браузера не влияла на переносы текста:<nobr>этот текст будет всегда в одну строку</nobr>
<blink>мигающий текст</blink> — не используйте этот тэг :)
Чтобы между двумя словами не было переноса, можно поставить между ними неразрывный пробел.
<br> — перенос строки.
<hr> — линия на всю ширину экрана, вот такая:
HTML Тэги. Форматирование списков.
Добавляем тэг ol по краям и список становится сортированым автоматически:
- <ol>
- <li>Один из пунктов несортированого списка
- <li>Другой такой пункт
</ol>
HTML Спец. Символы.
Код | Символ | Для набора на клавиатуре нажмите* |
« | « | ALT+0171 |
» | » | ALT+0187 |
— | — | ALT+0151 |
© | © | ALT+0169 |
® | ® | ALT+0174 |
™ | ™ | ALT+0153 |
/ | / | |
< | < | |
> | > | |
| ALT+0160 — неразрывный пробел** |
HTML entities: |
** - Вставьте вподряд несколько таких пробелов чтобы они не сливались в один:
— теперь слева отступ в семь пробелов!
Кстати, чтобы HTML код был как обычный текст, перед тем как писать, откройте Windows Notepad,
вставьте ваш HTML-код, выберите автозамену
А чтобы ссылка на какую-то страницу не была активной, например http://alex-inside.ru , нужно писать http://alex-inside.ru
HTML Тэги LiveJournal.com ЖЖ теги ЖЖ тэги.
Общество alex_insight <lj comm=alex_insight>ЖЖ-Юзер alex_inside <lj user=alex_inside>
ЖЖ-Юзер Алекс Инсайд <lj user=alex_inside title="Алекс Инсайд">
В ЖЖ возможна короткая запись: <a href=lj://user/alex_inside>ФДуЧ штЫшву</a>
» ЖЖ кат! Этот текст увидят в френдленте. <lj-cut>А этот текст будет под катом</lj-cut>
Этот текст увидят в френдленте. <lj-cut text="Загляни под кат, чувак!">Этот текст будет под катом</lj-cut>
<lj-raw>Этот текст не будет автоматически форматироваться<br>А это уже новая строка.</lj-raw>
Вот так нужно вставлять видео, flash, разные онлайн плееры и так далее:
<lj-embed> тут код на object и/или embed </lj-embed>
» Новое: Двойной ЖЖ кат! С помощью такого ката можно показывать одно снаружи и другое внутри:
<lj-raw><span style='display:none'><lj-cut><span style='display:none'></lj-cut></span> снаружи <span style='display:none'><lj-cut></span></span> внутри <span style='display:none'></lj-cut></span></lj-raw>
Обратите внимание: переносы строки не будут работать, нужно использовать тэг <br> или убрать все <lj-raw> тэги. Чтобы добавить традиционный кат, нужно добавить тэг <lj-cut> после слова «снаружи».
Кстати, если вы просто не хотите чтобы внутри поста была видна мини-превью вашей фотографии, есть скрипт «Zoom Cut: Улучшенное превью для фоток под ЖЖ-катом» (тут описание).
HTML Тэги. Ссылки. Линки.
<a href="http://www.fotki.com">Линк на сайт куда можно залить фотки!</a>Открыть ссылку в новом окне:
<a href="http://www.fotki.com" target="_blank">Линк на сайт куда можно залить фотки!</a>
Всплывающая подсказка при наведении курсора на ссылку:
<a href="http://www.fotki.com" title="Сайт куда можно залить фотки!">Залить фотки</a>
Картинка-ссылка (баннер):
<a href="http://www.fotki.com" title="Сайт куда можно залить фотки!"><img src=http://images.fotki.com/pixel.gif></a>
Кнопка-ссылка (форма):
<form action="http://alex-inside.ru/" target="_blank"><input type=submit value="Зайти на alex-inside.ru"></form>
(Аттрибут target="_blank" — открывает ссылку в новом окне. Если это не нужно, удалите этот атрибут.)
Новое!
» ← ссылка на этот параграф. Как сделать ссылку на текст на странице, типа оглавления?
<a name="oglavlenie"></a> Демо-Оглавление (Нажмите на название, чтобы проскроллить вниз к главе:)
↓ <a href="#vstuplenie">Вступление</a> — (тут мы ставим ссылку # на якорь «vstuplenie»)
↓ <a href="#interes">Интересная глава</a>
↓ <a href="#ssylki">Заключение и ссылки</a>
<a name="vstuplenie"></a> Наше клёвое вступление. — (тут якорь «vstuplenie» перед нужным текстом)
<a name="interes"></a> Текст интересной главы.
↑ <a name="ssylki" href="#oglavlenie">Перейти в оглавление</a> — (тут ссылка является одновременно и якорем)
Если нужно дать ссылку на другой сайт, то # идёт в конце строки линка URL.
HTML Тэги. Картинки.
<img src="http://img241.echo.cx/img241/5329/n<img src="http://img241.echo.cx/img241/5329/n
<img src="http://img241.echo.cx/img241/5329/n
» Изображение со всплывающим текстом при наведении на него курсора:
<img src="http://img241.echo.cx/img241/5329/n
» Изображаение придвинутое влево, текст обтекает картинку справа и имеет горизонтальный отступ от неё в 6 пикселей:
<img src="http://img241.echo.cx/img241/5329/n
<div style="background: url(http://images18.fotki.com/v331/photos/4/442291/3055927/copyright-vi.gif ) no-repeat top left;">
Пишем текст поверх картинки.
Старайтесь это никогда не использовать,
потому что данный способ часто затрудняет
читаемость текста, в зависимости от картинки.
</div>
Пишем текст поверх картинки.
Старайтесь это никогда не использовать,
потому что данный способ часто затрудняет
читаемость текста, в зависимости от картинки.
</div>
» Картинка с прокруткой (скроллящаяся):
<div style="overflow: scroll; width:400px;"><img src="http://images28.fotki.com/v976/phot
(Отображаемую ширину указываем внешнему div-контейнеру в атрибуте width в пикселях. Для вертикальной прокрутки, указываем высоту height. Ширина и высота должна быть меньше чем у картинки.)