Архив рубрики «3.1 Изучение основ HTML»
Изучение основ HTML
.
.
.
.
Если Вы решили создать сайт, то Вам рано или поздно придется начать изучать язык html. Советую с этим не затягивать и поэтому предлагаю вашему вниманию прямо сейчас пройти Экспресс курс «Основы HTML за 5 минут”. Обучение предлагаю построить в режиме диалога вопрос-ответ.
Или скачать бесплатно Видео уроки по html
Итак, поехали:
1. Что такое тэг?
Тэг – это ключевое слово (своеобразный аналог команды), окруженное знаками «Меньше» и «Больше». Пример:
<Имя Тэга>
Теги подобно командам в программировании по-разному влияют на форматирование текста и/или иной информации на странице. Ряд тэгов имеют дополнительные параметры. Для указания дополнительных параметров используются атрибуты тэга, стоящие после имени:
<ИмяТэга Атрибут=»Значение атрибута»>
Теги всегда парные (открывающий тэг <Имя Тэга> и закрывающий тэг</Имя Тэга>).
2. Какие тэги обязательно должны присутствовать на странице (структура html документа)?
Обязательные теги, которые присутствуют на любой HTML-странице:
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
Все что находится между тэгами <BODY></BODY> мы видим на странице. Поэтому дальше речь пойдет о тэгах которые могут находится между <BODY></BODY>.
3. Как вывести какой либо текст?
Для тог, чтобы вывести какой либо текст на экран рекомендуется заключить его в тэге <p></p> (Тэг обозначает абзац.)
<p>wmdoxod – сайт о заработке в сети</p>
Получим:
wmdoxod – сайт о заработке в сети
4. Как вставить разрыв строки (начать писать с новой строки)?
Для того, чтобы вставить разрыв строки используется непарный тэг <br/>
<p>wmdoxod- <br/> сайт о заработке в сети</p>
Получим:
wmdoxod – сайт о заработке в сети
5. Как изменить стиль написания текста?
| Стиль | Тэг | HTML-код |
| Жирный | <b>
или <strong> |
<b>Жирный</b>или
<strong>Жирный</strong> |
| Курсив | <i> | <i>Курсив</i> |
| Подчеркнутый | <u> | <u>Подчеркнутый</u> |
| Зачеркнутый | <strike> | <strike>Зачеркнутый</strike> |
6. Как выравнять текст?
Для выравнивания текста используется атрибут align принимающий значения:
| По левому краю | left |
| По центру | right |
| По правому краю | center |
| По обоим краям | justify |
Например:
<p align=»right»>Этот текст выравнивается по правому краю<p>
Получим:
Этот текст выравнивается по правому краю
7. Как создать гиперссылку (ссылку)?
Для создания гиперссылок(ссылок) используется тэг <a >
Общий вид:
<a href=”адрес куда ведет ссылка”>Текстовая часть ссылки</a>
<a href=”http://www.wmdoxod.com/?cat=7”>Заработок на файлах </a>
Получим:
Тег <a> имеет атрибут target Который принимает следующие значения:
| _self | Открывает ссылку(страницу) в этом же окне(по умолчанию) |
| _blank | открывает страницу в новом окне |
| _parent | загружает ссылку в родительском окне |
<a href=» http://www.wmdoxod.com/?cat=7 «traget=»_blank»">Заработок на файлах</a>
8.Как создать (вывести) картинку?
Для вывода картинки используется тэг <img>. Текст, написанный в атрибуте alt будет отображаться вместо картинки в случае если у пользователя в браузере отключены изображения. Общий вид:
<img src=»Путь к файлу с картинкой» alt=»Имя картинки»>
9. Как сделать картинку гиперссылкой?
Что сделать картинку гиперссылкой нужно тэг <img> заключить в тэг <a >
<a href=»Куда указывает ссылка»><img src=»Путь к файлу с картинкой» alt=»Имя картинки»><a>
.
.
.
.
Рубрика: 
