Здесь приведены примеры применения тегов и их коды, которые удобно использовать при работе с html-страницами. Копируете фрагмент кода, вставляете на свою страницу и заменяете текст на свой. Удобно использовать как справочник.

Перечёркнутый текст: ТЕКСТ

<s> ваш текст </s>

---

Подчёркнутый текст: ТЕКСТ

<u> ваш текст </u>

---

Полужирный текст: ТЕКСТ

<b> ваш текст </b>

---

Полужирный крупный: ТЕКСТ

<big> ваш текст </big>

---

Курсивный текст: ТЕКСТ

<i> ваш текст </i>

---

Маленький текст: текст

<small> ваш текст </small>

---

Неразрывный пробел:

&nbsp;

---

Центрирование: текст (картинка) по центру

<center>ваш текст (картинка) </center>

---

Выравнивание текста по правому краю поста:

<div align=right> ваш текст </div>

---

Равномерное выравнивание текста по всей ширине поста:

<div align=justify> ваш текст </div>

---

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):

<blockquote> текст </blockquote>

---

Бегущая строка Бегущая строка

бегущая строка

<marquee> ваша бегущая строка</marquee>

---

Бегущая картинка:



<marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

---

Индекс вверху: ТЕКСТ^индекс

^{ваш индекс}

---

Индекс внизу: ТЕКСТ_индекс

_{ваш индекс}

---

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

---

<hr>

---

Форматирование отсупов. Как напишите так и будет.

Текст
 ступенька
 вторая ступенька

<pre>ваш текст</pre>

---

РАЗМЕР ШРИФТА

Уменьшить текст: текст - 2

<font size="-2"> уменьшенный текст </font>

---

Увеличить текст на 1 пункт: текст

<font size="+1"> увеличить текст на 1 пункт </font>

---

Увеличить текст на 2 пункта: текст

<font size="+2"> увеличить текст на 2 пункта </font>

---

Увеличить текст на 3 пункта: текст

<font size="+3"> увеличить текст на 3 пункта </font>

---

Увеличить текст на 4 пункта: текст

<font size="+4"> увеличить текст на 4 пункта </font>

---

ЦВЕТ ШРИФТА

красный текст

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

---

желтый текст

<font color="yellow"> желтый текст </font>

---

фиолетовый текст

<font color="purple"> фиолетовый текст </font>

---

зеленый текст

<font color="lime"> зеленый текст </font>

---

синий текст

<font color="navy"> синий текст </font>

---

фуксия текст

<font color="fuchsia"> фуксия текст </font>

---

Таблица “основных” цветов

aqua	#00FFFF	green	#008000	navy	#000080	silver	#C0C0C0
black	#000000	gray	#808080	olive	#808000	teal	#008080
blue	#0000FF	lime	#00FF00	purple	#800080	white	#FFFFFF
fuchsia	#FF00FF	maroon	#800000	red	#FF0000	yellow	#FFFF00

---

ТИП ШРИФТА

Шрифт этого текста “Monotype Corsiva”


<font face="Monotype Corsiva"> текст </font>

---

Шрифт этого текста “Monotype Corsiva”

<font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font>

---

Cсылка на веб-страницу:

<a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a>

---

Картинка - ссылка на веб-страницу:

<a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a>

---

Cсылка на веб-страницу, открывающуюся в новом окне:

<a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a>

---

Все в одну строку в контейнере

<nobr>Текст (картинки)</nobr>

---

Горизонтальное расстояние между картинками или символами, буквами...

Используйте “неразрывный пробел”:  &nbsp; Три неразрывных пробела равны 8 пробелам

&nbsp; &nbsp; &nbsp; &nbsp;

---

Цветная рамка картинки

style="border:5px solid red;"

---

Вставка картинки на страницу

<img src="">

---

Ширина и высота изображения width (ширина) и height (высота).

Например, width=300 и картинка будет шириной 300 пикселов, высота установится пропорционально.

---

Блок для вставки кода

ВАШ КОД

rows и cols определяют размер окна

<textarea rows="2" cols="60"> ВАШ КОД </textarea>

---

Окно для кода с фоном

<textarea>ВАШ КОД</textarea>

<textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 100%;">КОДЫ </textarea>

---

Кнопка-ссылка

<form action="http://primat.org" target="_blank" method="get"><input type="submit" value="htmlka"></form>

---

Некоторые спецсимволы:

Спецсимвол	Вид в браузере
&lt;	<
&gt;	>
&amp;	&
&quot;	"
&reg;	®
&trade;	™
&copy;	©
&hearts;	♥
&times;	×
&asymp;	≈
&bull;	•
&deg;	° (градус)

---

---