ОСНОВЫ ЯЗЫКА HTML

HTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста).
HTML предназначен для создания Web-страниц во всемирной паутине. язык, предназначенный для создания форматированного текста, который насыщен изображениями, звуком, анимацией и ссылками на другие объекты, например, гипертекстовые документы, графические файлы и т.д.,

Тег (Tag) - это метка, которая используются для указания браузеру, как он должен показывать web-сайт.
Большая часть HTML тегов состоит из двух частей:
открывающий тег <...> 
закрывающий тег 
Теги не чувствительны к регистру

левой угловой скобки <
необязательного слэша /, который означает, что тег является конечным тегом, закрывающим некоторую структуру
имени тега
необязательных атрибутов
правой угловой скобки >

ОСНОВЫ ЯЗЫКА HTML

Абсолютно любой документ, построенный на базе HTML будет состоять, по меньшей мере, из следующих тегов:
- Это самый главный тег, так как указывает принадлежность документа к HTML языку, заключает в себе всё содержимое веб – страницы, ставится в самом начале и соответственно в конце закрывает документ. …
- Этот тег не менее важен, в нём размещается не видимая информация о вашем сайте предназначенная для поисковых машин. …

имя атрибута, например WIDTH;
знак равенства =;
значение атрибута, которое задается строкой символов, например, "80".

ОСНОВЫ ЯЗЫКА HTML

имеет открывающий тег
закрывающий тег с тем же именем 
В таких случаях два тега и часть документа, отделенная ими, образуют блок, называемый HTML элементом

ОСНОВЫ ЯЗЫКА HTML

- В этот тег помещается информация, которая должна отображаться в окне браузера. …

ОСНОВЫ ЯЗЫКА HTML

Чтобы расширить возможности отдельных тегов и более гибко управлять их содержимым применяются атрибуты тегов.
Атрибуты тега тела документа
- Цвет фона документа, используя значение цвета в виде RRGGBB.
- Цвет текста документа

.....

- Определяет величину заголовка по их степени важности. 

.....

- Самый большой заголовок. 

.....

- Самый маленький заголовок.
….. - Определяет текст жирным шрифтом. …..- Определяет текст наклонным (курсив) шрифтом. …..- Имитирует стиль печатной машинки. ….. - Задаёт цвет текста, шестнадцатеричном коде.…..- Задаёт величину шрифта в пределах от “1” до “7”. 
…..- Увеличивает размер текст на условную 1-цу от заданного. …..- Этот тег, браузер определяет как жирное начертание текста. 
…..- Этот тег, браузер определяет как наклонное (курсив) начертании текста. 

Атрибуты текст документа

…..

ОСНОВЫ ЯЗЫКА HTML

Нумерованный список

1. Первый
   
2. Второй
   
3. ...
   

• Первый
  
• Второй
  
• ...
  

ОСНОВЫ ЯЗЫКА HTML

Список определений

Первый термин

Первое определение

Второй термин

Второе определение

ОСНОВЫ ЯЗЫКА HTML

- Определяет нумерованный список. 
1. - Объекту, заключённому в этот тег присваивается номер. Также применяется атребут: start - Указывает стартовый номер. type - Определяет характер обозначение, буквенный “Ж”, ”ж”, “J”, ”j” или цифровой – “10”, “Х”.
   ...

          Вставляет изображение на страницу.
 Форматирует положение изображения в документе. Может иметь значения: left, right, center; bottom, top, middle.
Устанавливает толщину рамки вокруг изображения
Устанавливает поля сверху и снизу
Устанавливает поля слева и справа.

ОСНОВЫ ЯЗЫКА HTML

Это заглавие



Это тело страницы

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

Это заглавие





Это тело страницы

Предварительно
отформатированный
текст

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

Заголовок

Предварительно
отформатированный
текст

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

Влево

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

Пример работы с текстом



Пишущая машинка



Что-то ^{Верхний индекс}


Что-то _{Нижний индекс}

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

Жёлтый текст на синем фоне

ОСНОВЫ ЯЗЫКА HTML

Синиий Arial

ОСНОВЫ ЯЗЫКА HTML

“#RRGGBB”, где RR, GG, BB соответственно интенсивность красного, зеленого или синего цветов. Интенсивность задается в виде двузначного шестнадцатеричного числа (от 00 до FF).
атрибут COLOR=”НАЗВАНИЕ ЦВЕТА”

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

- Задаёт переход на другие ресурсы.
- Название страницы - Задаёт переход на другие страницы сайта.
<a href="Имя файла содержащего информацию" target="_blank"> - Название страницы - Задаёт переход на другую страницу сайта в новом окне.

Указывает в каком окне открывать гиперссылку. 

Цвет текста гиперссылок
Атрибут LINK служит для выделения гиперссылок, которые еще не посещались пользователем.
Атрибут VLINK - уже посещенные ссылки.
Атрибут ALINK - выделяет активную гиперссылку.

Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу в Интернете. При построении ссылки на чужие страницы всегда надо пользоваться абсолютным адресом страницы (http://www.site.com/page.html).
Если создается ссылка на страницу в пределах сайта, то предпочтительнее использовать относительный URL (page.html, catalog/page.html). Делая графическую гиперссылку, помните, что некоторым пользователям графика недоступна, поэтому обязательно включайте соответствующие текстовые элементы.

HTML-код:
Ссылка на главную страницу сайта
Отображение в браузере:
Ссылка на главную страницу сайта
HTML-код:
Ссылка на главную страницу сайтаОтображение в браузере:
Ссылка на главную страницу сайта

Гиперссылка в пределах html страницы
Иногда необходимо сделать гиперссылку в пределах одной страницы. Например, в начале страницы это гиперссылки, позволяющие перейти к просмотру конкретного вопроса, и в самом низу страницы - позволяющей перейти в начало страницы.
Чтобы построить ссылку на область внутри текущей страницы, надо дать этой области название при помощи атрибута NAME тэга . Имя должно содержать только буквы и цифры.
Таким образом можно делать гиперссылки, указывающие на области других страниц внутри сайта.
Пример:
HTML-код:
Наверх страницы
В то место, куда надо сделать переход надо вставить:

Отображение в браузере:
Наверх страницы

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

Атрибуты фрейма

ОСНОВЫ ЯЗЫКА HTML

ОСНОВЫ ЯЗЫКА HTML

Спасибо за внимание!

ОСНОВЫ ЯЗЫКА HTML