Сделать стартовой	Гостевая книга	Форум	Чат	Информация	E-mail:territoriaant@yandex.ru	На главную

Здесь вы научитесь основам web-строительства

Хочу сказать, что главное это запомнить: в HTML основное теги. Они бывают открытые и закрытые. Пример открытых тегов: <html>, <body>, <head>. А это их закрытый аналог: </html>, </body>, </head>. Т.е. тег закрывается знаком / . Ещё одно правило, пожалуй самое главное: первый тег всегда закрывается последним. Пример:
<html>
<title>Моя первая страница </title>
</html>

Основные теги html и их свойства:

<title> - Даёт название странице.
Пример: <title>Моя первая страница</title>
<body> - В теге body прописываются все теги кроме title, html, head.

Оформление текста:

<h1> - Служит для выделения заголовков в тексте.
Пример:
<h1>Музыка</h1> - даёт:

Музыка

<p> - Служит для выделения абзацев.
Пример:
<p>Это первый абзац</p> <p>А это второй абзац</p>
Даёт:

Это первый абзац

А это второй абзац

<br> - Служит для перехода на другую строку.
Пример:
Любой текст<br>Любой текст
Даёт:
Любой текст
Любой текст

<b>...</b> - Жирный шрифт.
Пример:
<b>Любой текст</b>
Даёт:
Любой текст

<i>...</i> - Курсив.
Пример:
<i>Любой текст</i>
Даёт:
Любой текст

<u>...</u> - Подчёркнутый текст.
Пример:
<u>Любой текст</u>
Даёт:
Любой текст

Далее речь пойдёт о теге <font>...</font>. В нём прописывается основной формат текста, его цвет и размер.
<size="число от 1 до 6"> - Служит для изменения размера текста.
Пример:
<font size="2">Любой текст</font>
Даёт:
Любой текст
<font size="5">Любой текст</font>
Даёт:
Любой текст

Цвет текста:
<color="..."> - Служит для изменения цвета текста. Он прописывается в теле тега <font>...</font>
Пример:
<font size="4" color="green">Любой текст.</font>
Даёт:
Любой текст.

<face="любой шрифт"> - Изменяет шрифт текста.
Пример:
<font face="Comic Sans MS">Любой текст</font>
Даёт:
Любой текст

Выравнивание текста:
<align=center> - Выравнивание текста по середине.
Пример:
<h4 align=center>Любой текст.</h4>
Даёт:

Любой текст

<align=left> - Выравнивание текста по левой стороне окна.
Пример:
<h4 align=left>Любой текст.</h4>
Даёт:

Любой текст

<align=right> - Выравнивание текста по правой стороне окна.
Пример:
<h4 align=right>Любой текст.</h4>
Даёт:

Любой текст

Как вы уже наверно заметили, тег <align=...> прописывается в теле тегов-контейнеров, таких как <h...>, <p...>, <table...>, <img...> и т.д и т.п..
<h...> - задаёт размер текста.
<h...> - присваивается значение от 1 до 6.

Гипперссылки:

Гипперссылка позволяет делать ссылку на нужный вам файл или документ.
Ниже приведены возможные примеры на применение гипперссылок:

Гипперссылка на документ или файл находящийся на вашем компьютере.
Пример написания такой гипперссылки:
<a href="название файла.его формат">Текст</a>
Пример:
<a href="file.mp3">Скачать</a>
Примечание:Такая форма записи допустима лишь тогда, когда требуемый документ находится в одной папке с сайтом.
Если документ находится в другой папке, то нужно указать полный адрес его местоположения.

Гипперссылка на документ или файл в интернете.
Пример написания такой гипперссылки:
<a href="полный URL адрес">Скачать</a>
Пример:
<a href="http://yandex/music/file.mp3">Скачать</a>

Гипперссылка на другую страницу сайта.
Пример написания такой гипперссылки:
Пример:
<A HREF="название страницы.htm">Главная страница</a>
<A HREF="index.htm">Главная страница</a>
Примечание:Такая форма записи допустима лишь тогда, когда страница находится в одной папке с сайтом.
Если страница находится в другой папке, то нужно указать полный адрес её местоположения.

Гипперссылка на закладку в том же документе.
Пример:
<A HREF="#метка(например - !)">Название закладки</a>

Гипперссылка на закладку в другом документе.
Пример:
<A HREF="URL#метка(например - !)">Название закладки</a>

Определитель метки:
<a name="!">Сюда заключить ту фразу или часть текста, на которую делается ссылка</a>
Пример:
Допустим, что нам нужно сделать ссылку на фразу "Основные теги html и их свойства:", находящуюся вверху этой страницы.
Делаем метку на эту фразу. Для этого нам нужно заключить её в тег <a name="любой символ">. В качестве атрибута тега <a name=" "> можно взять любой символ, букву или цифру. Мы возьмём восклицательный знак !
Делаем это, получаем: <a name="!">."Основные теги html и их свойства:"</a>. Теперь создаём гиперссылку:
<A HREF="#!">Основные теги html и их свойства</a>
Вот что у нас получилось:
Нажмите на ссылку!!!
Основные теги html и их свойства