Редактирование текста в HTML

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

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

А вот браузер и поисковые системы видят текст иначе. Они видит специальные теги, которые задают тексту стиль, делают его жирным, курсивом или зеленым.

Кстати, в SEO стиль текста является важным фактором. Например, поисковые системы придают особое значение ключевым словам в заголовках. А ключевое слово, выполненное полужирным или курсивом будет ценнее чем просто текст. Поэтому, когда будете продвигать статью по какой либо ключевой фразе, не забудьте выделить ключевую фразу жирным.

Давайте рассмотрим самые популярные теги, с помощью которых можно редактировать текст HTML :-).

<b>< /b> или <strong>< /strong> — делаем текст полужирным. (в SEO принято, что <strong> считается для поисков ценнее чем < b>)

<i></i> — делает текст курсивом

<u></u> — дает возможность подчеркнуть текст

<strike></strike> — делает текст перечеркнутым

<sub><sub> — этот тег буде будет нужен для подстрочного текста. Это будет полезно, если вам нужно записать химическую формулу.

Пример: H<sub>2</sub>O

превращается в

H2O

<sup><sup> - такой тег потребуется для выделения надстрочного текста

Пример: (a+b)<sup>2</sup>

превращается в

(a+b)2

Абзацы в HTML

<p></p> — с помощью этого тега в тексте создаются абзацы.

Например, если мы напишем (в HTML):

<p>первый абзац</p><p>второй абзац</p>

то получим:

первый абзац

второй абзац

<br> — такой тег пропускает строку в том месте, где он находится.

Если напишем:

первый абзац

<br>

второй абзац

Получим:

первый абзац

второй абзац

Выравнивание текста в HTML

Чтобы выравнять текст по центру, левому или правому краю нужно использовать атрибут align и задавать такие значения как center, left, right и justify.

<p align=»center»> — выравниваем по центру

<p align= «left»> — выравниваем по левому краю

<p align= «right»> — выравниваем по правому краю

<p align= «justify»> — выравниваем текст по ширине

Напишем в HTML:

<p align= «right»>Выравниваем текст</p>

Получим:

Выравниваем текст

Заголовки в HTML

<h1></h1> — заголовок 1 уровня;

<h2></h2> — заголовок 2 уровня;

<h3></h3> — заголовок 3 уровня;

<h4></h4> — заголовок 4 уровня;

<h5></h5> — заголовок 5 уровня;

<h6></h6> — заголовок 6 уровня.

Самый крупный заголовок это <h1>

Мы пишем (в HTML):

<h1>заголовок 1 уровня</h1>

Получаем:

Заголовок 1 уровня

Работа со шрифтами в HTML

Для форматирования шрифтов в HTML есть тег <font></font>

У тега имеются следующие атрибуты:

color — цвет шрифта

face — гарнитура шрифта

size — размер шрифта (может быть задан от 1 до 6)

Например, если введем в HTML:

<font face=»Impact»>Шрифт<<font>

То получим:

Шрифт

Создание списков в HTML

Списки в HTML создаются с помощью тегов <ol><ol> и <ul><ul>

В первом случае создается нумерованный список, во втором маркированный список.

Каждый элемент списка необходимо выделять тегом <li></li>

Вид маркера определяется атрибутом type.

В нумерованном списке с помощью type можно выбрать такие маркеры:

1 — нумерация арабскими цифрами (по умолчанию)

A — большие латинские буквы (чередуются по алфавиту)

а — маленькие латинские буквы

Делаем нумерованный списка в HTML:

Вводим:

<ol type= «1″>

<li>Один</li>

<li>Два</li>

<li>Три</li>

</ol>

Получаем:

  1. Один
  2. Два
  3. Три

Делаем маркированный списка в HTML:

В маркированном списка с помощью type можно выбрать такие маркеры:

disc — закрашенный кружок (стоит по умолчанию);

circle — незакрашенный кружок;

square — закрашенный квадратик.

Вводим:

<ul type= «disc»>

<li>Один</li>

<li>Два</li>

<li>Три</li>

</ul>

Получаем:

  • Один
  • Два
  • Три

Создаем полосу в HTML

<hr> — при помощи такого тега создаем полосу.

size — толщина полосы;

width — ширина;

align — выравнивание;

color — цвет;

noshade - атрибут не имеющий значения, если указать получиться одна сплошная, черная полоса.

Например напишем:

<hr align= «center» size= «10″ width= «50%» color= «#2249ff» >

Получим:


 

Ну что ж, замечательно! Теперь мы кое что знаем о том, как редактировать текст в HTML.

Posted under: SEO, Uncategorized, Дизайн

Добавить комментарий