Hyper Text Markup Language

Сохранение файла
Для создания файла используется программа «Блокнот»
Первый файл сайта всегда должен называться index
Расширение всех сохраняемых файлов *.html
Пример:
Имя файла index.html

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

Структура HTML-документа
Наша первая страница
Здесь помещается вся информация о странице, например:
этот текст будет отображаться жирным шрифтом

The World — The Internet.
Мир — Интернет...
Система.
Что есть система?
Система
— это некоторое множество
элементов
находящихся в отношениях и связях друг с другом, (но!)
при этом
образующих
определенную
целостность,
единство.
Наш мир...
Мир,
в котором мы живем, — представляет ли он собой
систему?
И каждый из нас, читающих эти строки, думает о своем. Для кого-то такой
мир
— это его семья. Каждый член этой семьи — это элемент множества, и все вместе они образуют собой целостность, потому что
умеют понимать, договариваться друг с другом.
Как было бы прекрасно, если бы люди разных стран, регионов,
национальностей,
умели понимать и договариваться друг с другом!
Наш мир — наша
планета Земля
— представлял бы собой тогда
систему!..
пример

Параметры тега
пишутся внутри скобок отделяющих тег, после тега через пробел;
один тег может иметь несколько параметров, написанных последовательно через пробел;
пример:

Шрифтовое оформление
Тег
Параметры: FACE - название
SIZE - размер
COLOR – цвет
Пример:
SIZE=6
COLOR= #8080C0> здесь располагается оформляемый текст
пример

Начертание символов
жирный шрифт
курсив
подчеркнутый
жирный курсив
просто жирный
пример3

Построчное деление
жирный шрифт
курсив
подчеркнутый
жирный курсив
просто жирный
пример4

Форматирование абзацев
(Выравнивание)
- по центру
- по левому краю ALIGN=RIGHT> - по правому краю
- по ширине окна

Примеры выравнивания
- этот текст выровнен по центру
- этот текст выровнен по левому краю
- этот текст выровнен по правому краю
пример5

Центрирование
для размещения любого объекта (текста, слова, символа, графического изображения, таблицы и пр.) по центру строки существует тег
объект

Заголовки
Заголовок 1
Заголовок 2
Заголовок 3
Заголовок 4
Заголовок 5
Заголовок 6
пример7

Графика в HTML документах

Атрибуты задания цветовой схемы (цвета фона, текста и гиперссылок)
Цвет на Web-странице задают либо его названием, либо числовым шести разрядным шестнадцатеричным кодом #RRGGBB (первые два разряда задают интенсивность красного цвета, вторые – зеленого и третьи – синего).
Значение яркости цвета может меняться от минимальной 00 до максимальной FF.

Оформление фона страницы
Рисунок для фона страницы определяется атрибутом BACKGROUND в теге BACKGROUND=ИмяФайла.расширение>
Пример:
пример8

Размещение изображений
Для размещения на странице изображений используют тег
c атрибутом SRC, который указывает местоположение и полное имя графического файла
Пример:

Атрибуты тега
SRC= источник изображения
WIDTH= ширина изображения в пикселях
HEIGHT= высота изображения
BORDER= ширина рамки вокруг рисунка
Пример:
примерпример10

Выравнивание изображения
ALIGN= выравнивание по горизонтали и вертикали:
Top - изображение выравнивается по верхней части строки
Middle – по средней линии строки
Bottom – по нижней части строки
Right – по правому краю
Left – по левому краю

Выравнивание по центру тегом
Пример:
Top -
изображение выравнивается по верхней части строки
Middle – по средней линии строки

Bottom – по нижней части
строки
Right – по правому краю окна
Left – по левому краю окна

по центральной оси окна
или
по центральной оси окна

ALT – позволяет выводить описание изображения
HSPACE – позволяет добавить свободное пространство слева и справа от изображения (в пикселях)
VSPACE - позволяет добавить свободное пространство сверху и снизу от изображения

src=J0149018.jpg>
примерпример1пример14

Cсылка-якорь в html коде состоит из двух частей. Первая часть кода выглядит так:
текст ссылки-якоря
Первую часть кода вы вставляете в то место на странице, где вам нужно.
А в начало того куска текста, на который эта ссылка ведет, вставляется вторая часть кода:

Оглавление
Перейти к разделу 1
Перейти к разделу 2
Перейти к разделу 3
Много, много текста.
Раздел 1
Много, много текста.
Раздел 2
Много, много текста.
Раздел 3
Много, много текста.
пример пример13

Бегущая строка в HTML
Бегущая строка
Бегущая строка в HTML
direction="left">Бегущая строка
примерпример1пример14 direction="left">Бегущая строка