Презентация, доклад по информатике на тему Основы HTML

Содержание

ОСНОВЫ ЯЗЫКА HTMLHTML (HyperText Manipulation Language)язык, предназначенный для создания форматированного текста, который насыщен изображениями, звуком, анимацией и ссылками на другие объекты, например, гипертекстовые документы, графические файлы и т.д.,

Слайд 1 ОСНОВЫ ЯЗЫКА HTML

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

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

который насыщен изображениями, звуком, анимацией и ссылками на другие объекты, например, гипертекстовые документы, графические файлы и т.д.,
ОСНОВЫ ЯЗЫКА HTMLHTML  (HyperText Manipulation Language)язык, предназначенный для создания форматированного текста, который насыщен изображениями, звуком, анимацией

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

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

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

/, который означает, что тег является конечным тегом, закрывающим некоторую структуру
имени тега
необязательных атрибутов
правой угловой скобки >
ОСНОВЫ ЯЗЫКА HTMLТег состоит из следующих элементов:левой угловой скобки

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


В таких случаях два тега и часть документа, отделенная ими, образуют блок, называемый HTML элементом
ОСНОВЫ ЯЗЫКА HTMLПарный тегимеет открывающий тег закрывающий тег с тем же именем  В таких случаях два

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

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

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

задается строкой символов, например, "80".
ОСНОВЫ ЯЗЫКА HTMLСпецификация атрибутаимя атрибута, например WIDTH;знак равенства =;значение атрибута, которое задается строкой символов, например,

Слайд 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 соответственно интенсивность

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

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









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

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









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

Слайд 25ОСНОВЫ ЯЗЫКА HTML
СОЗДАНИЕ СПИСКОВ

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

Слайд 26ОСНОВЫ ЯЗЫКА HTML


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

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



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

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

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

Слайд 27ОСНОВЫ ЯЗЫКА HTML

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

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

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

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

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

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


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

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

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

Слайд 31ОСНОВЫ ЯЗЫКА HTML
РАБОТА С ТАБЛИЦАМИ

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

Слайд 32ОСНОВЫ ЯЗЫКА HTML
СОЗДАНИЕ ССЫЛОК

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

Слайд 33ОСНОВЫ ЯЗЫКА 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Атрибуты фрейма (окончание)

Слайд 42ОСНОВЫ ЯЗЫКА HTML
Спасибо за внимание!

ОСНОВЫ ЯЗЫКА HTMLСпасибо за внимание!

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть