Изучаем основы HTML

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

Сегодня мы рассмотрим те теги,при помощи которых редактируется текст.

И так,что такое HTML теги?

Я конечно не эксперт в этом деле,тем более что сам я начал изучать HTML недавно(около месяца назад),но говоря профессиональным языком,тег-это код,который используется при написании  текстов страниц какого-то сайта;тег указывает браузеру,как визуально отображать на странице значение данного кода.

Обычно теги бывают парные.Есть тег,который сигнализирует об открытии определенного значения текста,а есть тег,который завершает,закрывает его действие.Такие теги обычно бывают так(<>),то есть две угловые скобки.Закрывающая скобка обычно используется с (/) этим знаком,который называется слеш,не путайте с бэкслешом(\).Слеш и завершает данный тег.А выглядет это вот так:<></>

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

Основные теги форматировании текста:

• <b>Выделяет текст жирным</b>
• <strong>Так же жирный, сейчас этот тег используется наиболее часто</strong>
• <u>подчеркивание</u>
• <i>курсив</i>
• <em>еще одно выделение курсивом</em>
• <strike>зачеркивание</strike>
• <center>Этот тег центрует Ваш текст на странице</center>
• <p>Этот тег указывает абзац.</p>
• <blockquotes>«цитата»</blockquotes> (Этот тег обычно выглядит, как параграф с цитатой. Его вид зависит от заданных параметров шаблона Вашего блога.)

Теги ссылок

• Основная ссылка <a href=”url”>заголовок ссылки</a> (где‘url’ – это страница, на которую Вы ссылаетесь, а ‘заголовок ссылки’ – это описание страницы, на которую Вы ссылаетесь).
• Ссылка эл.почты <a href=”mailto:Ваш e-mail”></a> (где ‘Ваш e-mail’ это ссылка на адрес Вашей электронной почты).

Теги заголовков

• <h1>Самый крупный и важный заголовок</h1>
• <h2>Чуть менее важный заголовок</h2>
• <h3>Еще менее важный заголовок</h3>
• <h6>Самый маленький заголовок</h6>

Теги параметров текста

• Размер текста – <font size=”x”>редактируемый текст</font> – измените значение ‘x’ на нужный размер шрифта, где 1 – самый маленький, а 7 – самый большой.
• Цвета – <font color=”#FF0000”>К примеру, красный!</font> (Где #FF0000 – это код для красного цвета. Коды цветов можно посмотреть здесь).
• Вид текста – <font face=”Arial”>Привет!</font> (где Arial – это один из видов текста).

Теги картинок

Тег самой картинки – <img src=”url”> (где url – это ссылка на само изображение)
Тег картинки с указанием ее размеров <img src=”url” width=”200″ height=”150″> (где width – ширина, height – высота).
Расположение картинки- <img src=”url” align=left> (где ‘left’ – расположение слева. Так же можно указать расположение справа – ‘right’ и по центру – ‘center’)
Тег-описание (alt) - <img src=”url” alt=”краткое описание картинки”> (этот тег предоставляет описание картинки. Это описание помогает пользователям, которые отключили загрузку картинок на страничке, примерно понять, что на ней изображено).
Тег изображения в виде ссылки – <a href=”link url”><img src=”url”></a> (где ‘link url’ это ссылка на страничку, на которую ссылается Ваша картинка, а ‘url’ это ссылка на саму картинку).
Тег картинки с рамкой – <img border=”1″ src=”url”> (чем больше число в значении border “” , тем толще будет рамочка)
Тег свободного пронстранства вокруг картинки <img src=”url” hspace=10 vspace=10> (hspace – это пространство вокруг картинки по горизонтали, vspace  – по вертикали. Указываемое число соответствует размеру пикселей.)

Ненумерованный список

<ul>

• <li>первый пункт</li>
• <li>второй пункт</li>
• <li>третий пункт</li>

</ul>

Нумерованный список

<ol>

1. <li>первый пункт</li>
2. <li>второй пункт</li>
3. <li>третий пункт</li>

</ol>

Вот и все.Это и есть все основные теги,которые пригодятся для редактирования текста.