| Главная » Статьи » Заработок на сайте |
| Если Вы решили создать сайт, то Вам рано или поздно придется начать изучать язык html. Советую с этим не затягивать и поэтому предлагаю вашему вниманию прямо сейчас пройти Экспресс курс "Основы HTML за 5 минут”. Обучение предлагаю построить в режиме диалога вопрос-ответ. Итак, поехали:
<Имя Тэга> Теги подобно командам в программировании по-разному влияют на форматирование текста и/или иной информации на странице. Ряд тэгов имеют дополнительные параметры. Для указания дополнительных параметров используются атрибуты тэга, стоящие после имени: <ИмяТэга Атрибут="Значение атрибута"> Теги всегда парные (открывающий тэг <Имя Тэга> и закрывающий тэг</Имя Тэга>). 2. Какие тэги обязательно должны присутствовать на странице (структура html документа)? Обязательные теги, которые присутствуют на любой HTML-странице: <HTML> Все что находится между тэгами <BODY></BODY> мы видим на странице. Поэтому дальше речь пойдет о тэгах которые могут находится между <BODY></BODY>. 3. Как вывести какой либо текст? Для тог, чтобы вывести какой либо текст на экран рекомендуется заключить его в тэге <p></p> (Тэг обозначает абзац.) <p>ToPeople - сайт о заработке в сети</p> Получим: ToPeople - сайт о заработке в сети 4. Как вставить разрыв строки (начать писать с новой строки)? Для того, чтобы вставить разрыв строки используется непарный тэг <br/> <p>ToPeople - <br/> сайт о заработке в сети</p> Получим: ToPeople - 5. Как изменить стиль написания текста?
6. Как выравнять текст? Для выравнивания текста используется атрибут align принимающий значения:
Например: <p align="right">Этот текст выравнивается по правому краю<p> Получим: Этот текст выравнивается по правому краю 7. Как создать гиперссылку (ссылку)?
<a href=”адрес куда ведет ссылка”>Текстовая часть ссылки</a> <a href=”http://topeople.ucoz.ru/forum”>Форум сайта ToPeople </a> Получим: Тег <a> имеет атрибут target Который принимает следующие значения:
<a href="http://topeople.ucoz.ru/forum"traget="_blank"">Форум сайта ToPeople </a> 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>) <a href="Куда указывает ссылка"><img src="Адрес первой картинки" onMouseOver="this.src='Адрес второй картинки'" onMouseOut="this.src='Адрес первой картинки'"></a> <a href="http://070.ucoz.ru/"><img src="http://topeople.ucoz.ru/img/1_88x31.gif" onMouseOver="this.src='http://topeople.ucoz.ru/img/2_88x31.gif'" onMouseOut="this.src='http://topeople.ucoz.ru/img/1_88x31.gif'"></a> Получим:
| ||||||||||||||||||||||||||||||
| Просмотров: 1197 | | ||||||||||||||||||||||||||||||
| Всего комментариев: 0 | |