Изучение основ HTML за 5 минут - Заработок на сайте - Статьи о заработке в Интернет - To People

Изучение основ HTML за 5 минут

Если Вы решили создать сайт, то Вам рано или поздно придется начать изучать язык html. Советую с этим не затягивать и поэтому предлагаю вашему вниманию прямо сейчас пройти Экспресс курс "Основы HTML за 5 минут”. Обучение предлагаю построить в режиме диалога вопрос-ответ. Итак, поехали:

1. Что такое тэг?

Тэг - это ключевое слово (своеобразный аналог команды), окруженное знаками "Меньше" и "Больше". Пример:

<Имя Тэга>

Теги подобно командам в программировании по-разному влияют на форматирование текста и/или иной информации на странице. Ряд тэгов имеют дополнительные параметры. Для указания дополнительных параметров используются атрибуты тэга, стоящие после имени:

<ИмяТэга Атрибут="Значение атрибута">

Теги всегда парные (открывающий тэг <Имя Тэга> и закрывающий тэг</Имя Тэга>).

2. Какие тэги обязательно должны присутствовать на странице (структура html документа)?

Обязательные теги, которые присутствуют на любой HTML-странице:

Все что находится между тэгами <BODY></BODY> мы видим на странице. Поэтому дальше речь пойдет о тэгах которые могут находится между <BODY></BODY>.

3. Как вывести какой либо текст?

Для тог, чтобы вывести какой либо текст на экран рекомендуется заключить его в тэге  (Тэг обозначает абзац.)

ToPeople - сайт о заработке в сети

Получим:

ToPeople - сайт о заработке в сети

4. Как вставить разрыв строки (начать писать с новой строки)?

Для того, чтобы вставить разрыв строки используется непарный тэг  

ToPeople - сайт о заработке в сети

Получим:

ToPeople -
сайт о заработке в сети

5. Как изменить стиль написания текста?

Стиль	Тэг	HTML-код
Жирный	<b> или <strong>	<b>Жирный</b> или <strong>Жирный</strong>
Курсив	<i>	<i>Курсив</i>
Подчеркнутый	<u>	<u>Подчеркнутый</u>
~~Зачеркнутый~~	<strike>	<strike>Зачеркнутый</strike>

6. Как выравнять текст?

Для выравнивания текста используется атрибут align принимающий значения:

По левому краю	left
По центру	center
По правому краю	right
По обоим краям	justify

Например:

Этот текст выравнивается по правому краю<p>

Получим:

Этот текст выравнивается по правому краю

7. Как создать гиперссылку (ссылку)?

Для создания гиперссылок(ссылок) используется тэг <a >
Общий вид:

<a href=”адрес куда ведет ссылка”>Текстовая часть ссылки</a>

<a href=”http://topeople.ucoz.ru/forum”>Форум сайта ToPeople </a>

Получим:

Форум сайта ToPeople

Тег <a> имеет атрибут target Который принимает следующие значения:

_self	Открывает ссылку(страницу) в этом же окне(по умолчанию)
_blank	открывает страницу в новом окне
_parent	загружает ссылку в родительском окне

<a href="http://topeople.ucoz.ru/forum"traget="_blank"">Форум сайта ToPeople </a>

Форум сайта ToPeople

8.Как создать (вывести) картинку?

Для вывода картинки используется тэг <img>. Текст, написанный в атрибуте alt будет отображаться вместо картинки в случае если у пользователя в браузере отключены изображения. Общий вид:

<img src="Путь к файлу с картинкой" alt="Имя картинки">

<img src="http://topeople.ucoz.ru/img/ToPeople.gif" alt="ToPeople">

Получим:

9. Как сделать картинку гиперссылкой?

Что сделать картинку гиперссылкой нужно тэг <img> заключить в тэг <a >

<a href="Куда указывает ссылка"><img src="Путь к файлу с картинкой" alt="Имя картинки"><a>

<a href="http://topeople.ucoz.ru/"><img src="http://topeople.ucoz.ru/img/ToPeople.gif"></a>

Получим:

10. Как сделать чтобы при наведении курсора картинка менялась на другую?

Для этого используются атрибуты тега <img> onMouseOver (мышь на картинке) и onMouseOut (мышь не на картинке). Разберем сразу усложненный пример, здесь картинка является еще и гипперссылкой (заключена в тэг <a>)

Получим:

Перейти к следующей странице

Категория: Заработок на сайте | Добавил: djdiplomat (26.12.2009)

Просмотров: 6258 | Комментарии: 1 | Теги: Азы HTML | Рейтинг: 4.3/6

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

ToPeople.ucoz.ru