- •Урок 1: Основные понятия и определения
- •Урок 2: Создаем свою первую страничку
- •Урок 3: Работаем с текстом
- •Урок 4: Продолжаем работать с текстом
- •Урок 5: Заканчиваем с текстом
- •Value – изменяет порядок нумерации элементов списка. Используется только если элемент li находится внутри элемента ol. В качестве значения указывается порядковый номер элемента.
- •Урок 6: Покоряем html ссылки
- •Vlink(Visited Link) - цвет уже посещенных ссылок
- •Урок 7: Работаем с изображениями
- •Урок 8: Цвет фона и текста
- •Урок 9: Разберемся с таблицами в html
- •Valign – должен определять способ вертикального выравнивания таблицы или содержимого ячеек таблицы. Возможные значения: top, bottom, middle.(прижать к верху, прижать к низу,и установить посередине).
- •Урок 10: Что такое html формы и зачем они нужны.
- •Урок 11: Заканчиваем разбираться с формами
- •Урок 12: Смотрим форму в действии
- •Урок 13: Пару слов про голову документа
Справочник по HTML
Содержание
-
Урок 1: Основные понятия и определения 3
-
Урок 2: Создаем свою первую страничку 3
-
Урок 3: Работаем с текстом 4
-
Урок 4: Продолжаем работать с текстом 5
-
Урок 5: Заканчиваем с текстом 6
-
Урок 6: Покоряем html ссылки 7
-
Урок 7: Работаем с изображениями 8
-
Урок 8: Цвет фона и текста 9
-
Урок 9: Разберемся с таблицами в html 10
-
Урок 10: Что такое html формы и зачем они нужны 12
-
Урок 11: Заканчиваем разбираться с формами 14
-
Урок 12: Смотрим форму в действии 15
-
Урок 13: Пару слов про голову документа 16
Урок 1: Основные понятия и определения
Тег – оформленная единица HTML-кода. Например, <html >, <body>,<h1>,<h2> и так далее. Все тэги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком ">".Обычно имеются два тэга – открывающий и закрывающий. Различие в том, что в закрывающем имеется слэш "/". Желательно вводить все теги в нижнем регистре(маленькими буквами), хотя не обязательно.
Приведу пример :
<h1> Крупный заголовок </h1>
<h2> Заголовок чуть поменьше </h2>
Как вы наверное догадались тег <h1> означает заголовок первого уровня, а тег <h2> - второго уровня.
Атрибут –это своего рода дополнительная информация. Атрибуты всегда записываются внутри открывающего тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки.
<h1> Крупный заголовок </h1>
<h2 align="center"> Заголовок чуть поменьше </h2>
Элемент – более общее понятие, обозначающее пару тегов (открывающего и закрывающего) и участок документа между тегами, на который распространяется их влияние.
Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <!DOCTYPE…>, которая обычно выглядит примерно так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Далее обозначается начало и конец документа тегами <html> и </html> соответственно. Внутри этих тегов должны находиться теги головы (<head></head>) и тела документа(<body></body>) .
Обычно основой головы документа является элемент TITLE - заголовок документа. Также там содержится вся техническая информация, различные таблицы стилей и.т.п. А основное содержимое – находится в теле документа.
Вставка комментария: <!-- -->
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Сайт о собаках </title>
</head>
<!-- начнем работать с телом документа -->
<body>
<!--вставляем таблицу с перечнем основных пород собак-->
. . .
</body>
<!--закончили с телом документа-->
</html>
Примечание: тег <!-- --> внутри элемента TITLE не действует.
Урок 2: Создаем свою первую страничку
ШАГ 1: Создайте на своем компьютере папку с названием вашего будущего сайта. Внутри папки создайте еще одну папку с названием www, а внутри нее еще одну для изображений с названием img (позже вставим туда картинки).
ШАГ 2: Зайдите в созданную на предыдущем шаге папку www и создайте внутри нее текстовый документ (блокнот).
ШАГ 3: Теперь, следуя предыдущему уроку напишите в Блокноте текст простейшей странички:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Это моя первая страничка! </title>
</head>
<body>
<!--сейчас я напишу свою первую строчку текста!-->
Ура!!!! Я создал свою первую страницу на html!!!
</body>
</html>
ШАГ 4: Теперь сохраните ваш документ как "index.htm" (или .html)
ШАГ 5: Для того, чтобы внести изменения в страничку, Вам нужно открыть данный файл через обычный блокнот. Либо же, можно менять прямо в браузере, но только в браузере Opera.