HTML-теги

[Spitzer Igel]

Добрый вечер, дорогие сообщники!
Мы знаем, что многие пользователи помимо HTML-тегов, предоставляемых стандартными кнопками, пользуются своими и либо привязывают их к настраиваемым кнопкам, либо прописывают вручную.
Так давайте же поделимся нашими открытиями в области HTML и полезными тегами!

Теги

1) Настройка цвета текста:
Тег:

<font color="***">Текст</font>

, где вместо звездочек - шестнадцатеричное значение цвета RGB.
Пример:
Добро пожаловать!

<font color="#ffa500 ">Добро пожаловать!</font>

2) Настройка текста:
Маленький текст
Тег:

<small>Текст</small>

Пример: Добро пожаловать!

<small>Добро пожаловать!</small>

Большой текст
Тег:

<big></big>

Пример: Добро пожаловать!

<big>Добро пожаловать!</big>

Верхний индекс
Тег:

<sup>Текст</sup>

Пример: х²

х<sup>2</sup>

Нижний индекс
Тег:

<sub>Текст</sub>

Пример: х₂

х<sub>2</sub>

3) Настраиваемый размер текста
Тег:

<span style="font-size:*">Текст</span>

, где вместо звездочки - число, дающее вам необходимое увеличение размера текста.
Пример:
Текст

<span style="font-size:20">Текст</span>

4) Настройка всплывающей подсказки (описание ссылки) при наведении на ссылку:
Тег title="Текст подсказки", вставляется в код ссылки.

<a href="Ссылка на сторонний ресурс" title="Текст подсказки" target=_blank>Текст ссылки</a>

Пример:
ЖЖ Эйлин О'Коннор

<a href="https://eilin-o-connor.livejournal.com" title="Интересно">ЖЖ Эйлин О'Коннор</a>

Делитесь своими наработками в комментариях

Comments

[Tenno Seremel]

> цвет

<span style="color: #800;">xxx</span>

же ж. А вообще, туда много чего из CSS пихать можно. Довольно удобно, если не лень читать описания свойств

Что касается самого HTML. Ну… заголовки h1-h6 (хотя h2 это уже заголовок поста, так что скорее h3-h6)? Т.е. в этом, конечно, ничего неизвестного нет, но можно им задать дефолтный стиль в дизайне дневника через CSS и навести красивостей. Лично мне h3 как разделитель метров текста удобен Пока что так:

.postInner h3 {
	padding: .3em 0 !important;
	background: #eee !important;
	color: #000 !important;
	font-weight: bold !important;
	text-align: center !important;
}

(не могу вставить предпросмотр, потому что @дневники выбрасывают стили из элемента заголовка в HTML…)

Была идея сделать покрасивше, но потом оказалось, что слева есть блок с аватарками и никнеймами. Пока так и живу %)

[Алекс Ешино]

О, какая полезность! Спасибо!

[Найотри]

Горизонтальная линия

<hr>

Пример

---

[emercy]

Делитесь своими наработками в комментариях

На наработку не тянет, просто любимое — выравнивание по левому краю.

<div align="left">ваш контент</div>

[Рок-н-ролл мёртв]

Спасибо большое! Последний пункт особенно полезен!