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

Вторник, 24 Июня 2014 г. 20:56 + в цитатник

Цитата сообщения last_Alive

Прочитать целиком В свой цитатник или сообщество!

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

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

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

В коде:	Визуально
`<p>Параграф 1</p> <p>Параграф 2</p>`	Параграф 1 Параграф 2

<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

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

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

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

Заголовок h1

Заголовок h2

Заголовок h3

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

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

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

В коде:	Визуально
`<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 Пункт 2

<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
Пункт 2

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

В коде:	Визуально
`<a href="http://www.niceseo.info">ссылка на сайт niceseo.info</a>`	ссылка на сайт niceseo.info

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

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

В коде:	Визуально
`<font color="#CC0000">выделение красным цветом</font>` `<font color="#006633">выделение красным цветом</font>`	выделение красным цветом выделение зелёным цветом

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

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

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

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

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

В коде:	Визуально
`<img src="../_images/4.jpg" alt="альтернативный текст" width="143" height="100">`

last_Alive
----------------------
Заказ продвижения сайта онлайн Прозрачная схема работы = низкая цена + результат. Прогрессирующие скидки! europecorporation.co.uk Москва

Рубрики:

для компа,программы, полезности