DISPLAY_NONE
+7 (916) 602-1110
kirill@kocherov.ru

Главная / Материалы по созданию сайтов / Основы HTML для редактора сайта

Основы HTML для редактора сайта

<p>текст</p> — обозначает параграф, между двумя параграфами будет пустая строка

В коде: Визуально

<p>Параграф 1</p>
<p>Параграф 2</p>

Параграф 1

Параграф 2


<br>
— переход на другую строку (без пробела)

В коде: Визуально

Параграф 1<br>Параграф 2

Параграф 1
Параграф 2


<h1>, <h2>, <h3>
— заголовки

В коде: Визуально

<h1>Заголовок h1</h1>

<h2>Заголовок h2</h2>

<h3>Заголовок h3</h3>

Заголовок h1

Заголовок h2

Заголовок h3


<b>
текст</b> — выделение жирным

<i>текст</i> — курсив

В коде: Визуально

<b>выделение жирным</b>

<i>выделение курсивом</i>

выделение жирным

выделение курсивом



<ul>
— ненумерованный список

<ol> — нумерованный список

<li> — пункт списка

В коде: Визуально

<p>Список 1</p>
<ul>
<li>Пункт 1</li>
<li>Пункт 2</li>
</ul>

<p>Список 2</p>
<ol>
<li>Пункт 1</li>
<li>Пункт 2</li>
</ol>

Список 1

  • Пункт 1
  • Пункт 2

 

Список 2

  1. Пункт 1
  2. Пункт 2


<a href="адрес ссылки">текст ссылки</a>
— ссылка на другую страницу или сайт

В коде: Визуально

<a href="http://kocherov.ru"> ссылка на сайт kocherov.ru</a>

ссылка на сайт kocherov.ru


<font color="номер цвета">текст</font>
— выделение цветом

В коде: Визуально

<font color="#CC0000">выделение красным цветом</font>

<font color="#006633">выделение красным цветом</font>

выделение красным цветом

выделение зелёным цветом


<img src="адрес картинки" alt="альтернативный текст" width="ширина картинки" height="высота картинки">
— добавление картинки

В коде: Визуально

<img src="images/4.jpg" alt="альтернативный текст" width="143" height="100">

альтернативный текст


Дополнительная информация:


ГЛАВНОЕ МЕНЮ
МЕНЮ РАЗДЕЛА