Основы языка HTML

Содержание

Слайд 2

ОСНОВЫ ЯЗЫКА HTML HTML (HyperText Manipulation Language) язык, предназначенный для создания

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

HTML (HyperText Manipulation Language)

язык, предназначенный для создания форматированного текста,

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

ОСНОВЫ ЯЗЫКА HTML Тег (Tag) команда HTML

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

Тег (Tag)

команда HTML

Слайд 4

ОСНОВЫ ЯЗЫКА HTML Тег состоит из следующих элементов: левой угловой скобки

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

Тег состоит из следующих элементов:

левой угловой скобки <
необязательного слэша

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

ОСНОВЫ ЯЗЫКА HTML Парный тег имеет открывающий тег закрывающий тег с

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

Парный тег

имеет открывающий тег
закрывающий тег с тем же именем


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

ОСНОВЫ ЯЗЫКА HTML Атрибут тега относящиеся к тегу уточнения

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

Атрибут тега

относящиеся к тегу уточнения

Слайд 7

ОСНОВЫ ЯЗЫКА HTML Спецификация атрибута имя атрибута, например WIDTH; знак равенства

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

Спецификация атрибута

имя атрибута, например WIDTH;
знак равенства =;
значение атрибута, которое

задается строкой символов, например, "80".
Слайд 8

ОСНОВЫ ЯЗЫКА HTML ОБЩИЙ ВИД ДОКУМЕНТА HTML

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

ОБЩИЙ ВИД ДОКУМЕНТА HTML

Слайд 9

ОСНОВЫ ЯЗЫКА HTML Это заглавие Здесь титул Это тело страницы

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


Это заглавие
Здесь титул


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


Слайд 10

ОСНОВЫ ЯЗЫКА HTML РАЗБИЕНИЕ ТЕКСТА НА СТРОКИ И АБЗАЦЫ

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

РАЗБИЕНИЕ ТЕКСТА НА СТРОКИ И АБЗАЦЫ

Слайд 11

ОСНОВЫ ЯЗЫКА HTML Это заглавие Здесь титул Это тело страницы Предварительно отформатированный текст

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


Это заглавие
Здесь титул




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




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



Слайд 12

ОСНОВЫ ЯЗЫКА HTML ЗАГОЛОВКИ

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

ЗАГОЛОВКИ

Слайд 13

ОСНОВЫ ЯЗЫКА HTML Заголовок Это тело страницы Предварительно отформатированный текст

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




Заголовок


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



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


Слайд 14

ОСНОВЫ ЯЗЫКА HTML ВЫРАВНИВАНИЕ ТЕКСТА

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

ВЫРАВНИВАНИЕ ТЕКСТА

Слайд 15

ОСНОВЫ ЯЗЫКА HTML Влево По центру

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





Влево




По центру


Слайд 16

ОСНОВЫ ЯЗЫКА HTML ФОРМАТИРОВАНИЕ ШРИФТОВ

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

ФОРМАТИРОВАНИЕ ШРИФТОВ

Слайд 17

ОСНОВЫ ЯЗЫКА HTML Пример работы с текстом Пишущая машинка Что-то Верхний индекс Что-то Нижний индекс

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




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



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



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


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

Слайд 18

ОСНОВЫ ЯЗЫКА HTML РАЗМЕР ШРИФТА

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

РАЗМЕР ШРИФТА

Слайд 19

ОСНОВЫ ЯЗЫКА HTML ГАРНИТУРА И ЦВЕТ ШРИФТА

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

ГАРНИТУРА И ЦВЕТ ШРИФТА

Слайд 20

ОСНОВЫ ЯЗЫКА HTML Жёлтый текст на синем фоне

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




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

Слайд 21

ОСНОВЫ ЯЗЫКА HTML Синиий Arial

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





Синиий Arial

Слайд 22

ОСНОВЫ ЯЗЫКА HTML Работа с цветом “#RRGGBB”, где RR, GG, BB

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

Работа с цветом

“#RRGGBB”, где RR, GG, BB соответственно интенсивность

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

ОСНОВЫ ЯЗЫКА HTML Стандартные цвета

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

Стандартные цвета

Слайд 24

ОСНОВЫ ЯЗЫКА HTML Стандартные цвета

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

Стандартные цвета

Слайд 25

ОСНОВЫ ЯЗЫКА HTML СОЗДАНИЕ СПИСКОВ

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

СОЗДАНИЕ СПИСКОВ

Слайд 26

ОСНОВЫ ЯЗЫКА HTML Нумерованный список Первый Второй ... Маркированный список Первый Второй ...

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



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


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



Маркированный список

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

Слайд 27

ОСНОВЫ ЯЗЫКА HTML Список определений Первый термин Первое определение Второй термин Второе определение

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


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


Первый термин
Первое определение
Второй термин
Второе определение

Слайд 28

ОСНОВЫ ЯЗЫКА HTML РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ

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

РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ

Слайд 29

ОСНОВЫ ЯЗЫКА HTML РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (пояснение)

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

РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (пояснение)



Слайд 30

ОСНОВЫ ЯЗЫКА HTML РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (продолжение)

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

РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (продолжение)

Слайд 31

ОСНОВЫ ЯЗЫКА HTML РАБОТА С ТАБЛИЦАМИ

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

РАБОТА С ТАБЛИЦАМИ

Слайд 32

ОСНОВЫ ЯЗЫКА HTML СОЗДАНИЕ ССЫЛОК

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

СОЗДАНИЕ ССЫЛОК

Слайд 34

ОСНОВЫ ЯЗЫКА HTML СОЗДАНИЕ ССЫЛОК (продолжение)

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

СОЗДАНИЕ ССЫЛОК (продолжение)

Слайд 35

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

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




Слайд 36

ОСНОВЫ ЯЗЫКА HTML БЕГУЩАЯ СТРОКА

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

БЕГУЩАЯ СТРОКА

Слайд 37

ОСНОВЫ ЯЗЫКА HTML БЕГУЩАЯ СТРОКА (продолжение)

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

БЕГУЩАЯ СТРОКА (продолжение)

Слайд 38

ОСНОВЫ ЯЗЫКА HTML БЕГУЩАЯ СТРОКА (окончание)

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

БЕГУЩАЯ СТРОКА (окончание)

Слайд 39

ОСНОВЫ ЯЗЫКА HTML СОЗДАНИЕ ФРЕЙМОВ

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

СОЗДАНИЕ ФРЕЙМОВ

Слайд 40

ОСНОВЫ ЯЗЫКА HTML Атрибуты фрейма

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

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

Слайд 41

ОСНОВЫ ЯЗЫКА HTML Атрибуты фрейма (окончание)

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

Атрибуты фрейма (окончание)