Изучение основ HTML

Автор Damir-Tote. Опубликовано в HTML, Блог

            Если вы создали свой собственный блог или сайт по средствам различных CMS. Рано или поздно приходиться вам изучить основы HTML. Многого не нужно. Вам не обязательно знать всю верстку шаблона сайта. Достаточно знать, какой тег, что озночает. И как правильно их использовать.
 
Изучение основ HTML

            Особенно это важно знать для пользователей платформы Blogger. Если в новые сообщения Блогспот можно внедрить что угодно. Он сам все подправит, то шаблон блогов Блогспот ошибки не подправит и не сохранит. Надо все теги учитывать.

            Начинаем с основ HTML:
 
            Каждый открытый тег должен быть закрыт. К примеру:
 
< html >
<head>
<title> Изучение основ HTML </title>
<body>
К примеру тут текст статьи
</body>
</head>
</ html >
 
            Из этого примера наверно понятно, что тег <html> открывает документ, а закрывает. И они всегда должны быть парными.
 
Работа с текстом:
 
            <p> p> — Абзац (Enter) Это вам частенько будет нужно. Особенно в случаях с работой с шаблоном блога или HTML гаджетов, дабы придать отступ.
 
Стили написания текста:
Стиль
тег
HTML код
Жирный
<b>
или
<strong> 
<b>Жирный</b>
или
<strong>Жирный</strong>
Курсив
 <i>
<i>Курсив</i>
Подчеркнутый
 <u>
<u>Подчеркнутый</u>
Зачеркнутый
 <strike>
<strike>Зачеркнутый</strike>
 
Выравнивание текста
 
По левому краю
left
По центру
right
По правому краю
center
По обоим краям
justify
 
Пример:
<palignright«>Текст по правому краю<p>
 
Как создать гиперссылку с анкором:
<a href=»http://»>Анкор</a>
 
            Чтобы открывалась ссылка в новом окне, прописываем следующий тег:
<a href=»http://» traget=»_blank»>Анкор</a>
 
Как закрыть от индексации ссылку от Яндекса и Google:
 
<noindex><a href=»http://» rel=»nofollow»>Анкор</a></noindex>
 
Как создать картинку:
<img src=»http://путь к картинке» alt=»Название картинки» title=»Отображение названия картинки при наведении курсора мыши на картинку»>
 
Так же можно еще добавить размеры к картинке:
 
<img src=»http://путь к картинке» height=»50″ width=»50″ alt=»Название картинки» title=»Отображение названия картинки при наведении курсора мыши на картинку»>
 
Как создать таблицу HTML?
 
            Раскрою секрет, как я порой делаю. Я пишу в Worde или рисую таблицу. Копирую и вставляю в редактор новой страницы блога Блогспот. Он его преобразует в HTML. Переходим в HTMLредактор. Копируем текст и вставляем куда хотели.
 
Пример таблицы:
 
<table>
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
</table>
 
            Чем выгодна эта таблица? Чтобы возможно было его использовать в упорядочивании HTML кодовю Взгляните на мои социальные закладки в конце поста. Они сделаны именно этим примером. Вообщем полезная вещь. Рекомендую.
 
            Надеюсь, эта статья вам будет полезной, мне уж точно она станет полезной.

Трекбэк с Вашего сайта.

.