Статьи, рассказы, SEO, HTML, Wordpress шаблоны, темы, уроки

Теги b и strong устанавливают жирное начертание текста. Синтаксис тега b выглядит так:
<b>текст</b>
Тега strong так:
<strong>текст</strong>

В CSS аналог пишется, как font-weight: bold.

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

Теги em и i нужны для того, чтобы сделать текст курсивом, то есть наклонным. Синтаксис для тега em:
<em>текст</em>
Синтаксис для i:
<i>текст</i>

Для CSS аналог записывается в виде font-weight: italic.

Так же, как strong и b, теги em и i отличаются своими свойствами. Тег em чаще всего используется для акцентирования текста для поисковых систем, а i служит для оформления текста.

Тег img, как один из самых основных в HTML, нужен для вставки изображения на страницу. Он имеет такой синтаксис:
<img src="путь_к_картинке">

Тег может иметь пути, как внутренний (например, к картинке в папке img/head.jpg), так и внешний (допустим, http://lospirata.ru/wp-content/uploads/2010/04/blog.jpg)

Для тега img рекомендуется с точки зрения SEO прописывать описание (всплывающую подсказку) вида:
<img src="blog.jpg" alt="Блог" title="Блог">
Такое указание описаний позволит дать поисковым системам больше информации об изображении, и, соответственно, ваша картинка будет иметь позиции гораздо выше при поиске картинок. Атрибут alt для браузеров IE, title для FF, Opera.

Есть способ для придания изображению нужно вам размера, которым пользуются в основном новички в области верстки страниц. Он весьма неэффективный, потому что с начала прогружается все изображение, а потом уменьшается/увеличивается по заданному размеру. Делается так:
<img src="blog.jpg" width="40" height="80">
# Значения в пикселах, width - длинна, height - высота.

Вот еще прием. Для того, чтобы заставить текст обтекать вставленное изображение, нужно ввести следующее:
<img src="путь" style="float: left">
или <img src="путь" align="left">

Такими атрибутами как vspace и hspace можно задать отступы картинки от контента. В первом случае по вертикальный отступ, во втором горизонтальный.

Тег A в языке разметки HTML служит для создания ссылки с элемента (изображения/текста). Синтаксис тега выглядит таким образом:
<a href="адрес">текст/картинка</a>

С точки зрения SEO рекомендуется ставить title (описание) на ссылку таким видом:
<a href="адрес" title="Описание">ссылка</a>

Еще немаловажные атрибуты:
rel - устанавливает то, что будет ли ссылка индексировать поисковыми роботами. Имеет такие основные значения, как nofollow (не будет) и dofollow (будет, стоит по умолчанию).
target - где ссылка будет открываться. Основные значения _blank (ссылка загружается в новом окне/табе), _self  (ссылка загружается в том же окне, стоит по умолчанию).

Если адрес не является внутренним, то записывается начиная с http://, иначе, например, ссылаться на shop.html. Если нужно сделать ссылку на внутреннюю страницу, находящуюся в предыдущей папке, то в адресе записывается ../папка/file.html, с файлом аналогично, но без указания папки. Две точки переходят в предыдущий каталог.

Изначально при создании ссылки без указания стилей создается синий подчеркнутый текст, в случае с картиной будет вокруг нее синяя граница.
Для текста можно в теге A указать стиль (например, для изменения цвета style="color: #ffffff", либо любой другой, также поддерживается стандартные цвета вида red, yellow, blue, green и др.) или прописать его в css файле.
Для картинки в css прописывается img { border: 0px }, либо в самом теге img: <img src="адрес" border="0">.

Пример:
<a href="http://lospirata.ru" title="HTML теги" style="color: #fff000">HTML теги</a>
Что получилось:
HTML теги