Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

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

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

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

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

Презентация на тему Введение в HTML

Содержание

Понятие HTMLHTML (HyperText Markup Language) означает «язык разметки гипертекстов», использующийся для создания веб – ресурсов.
Введение в HTML Учитель информатики: Водичев А.С.МБОУ «Северная СОШ» Понятие HTMLHTML (HyperText Markup Language) означает «язык разметки гипертекстов», использующийся для создания веб – ресурсов. Понятие HTMLHTML – документ представляет собой обычный текстовый файл.Для его создания потребуется: Сохранение документаДокумент набранный в блокноте сохраняется с расширением *. html или *. ТегиТеги - специальные команды разметки, заключенные между угловыми скобками (), и задающие Теги Контейнер тегов – комбинация из открывающего и закрывающего тега.Ввод тегов большими Структура html-документа «Голова»«Тело» Структура html-документа -тег используется Абзац Одним из основных элементов документов является абзац. В языке HTML имеется Базовые стили форматирования текста ЗаголовкиЗаголовки обозначают начало раздела документа, и обозначаются тегами -,, … . - Пример Это самый большой заголовок получиться следующие: Размер и цвет шрифтаДля форматирования текста используется парный тег он сам Цвет фона Цвет фона устанавливается в тэге : Если цвет в не Некоторые цвета и их кодыBlack (черный)White (белый)Aqua (цвет морской волны)Blue (синий)Fuchsia (фуксии)Green (лимонный)Gray (серый)Red (красный)Yellow (желтый)#000000#ffffff#00ffff#0000ff#ff00ff#008000#808080#ff0000#ffff00
Слайды презентации

Слайд 2 Понятие HTML
HTML (HyperText Markup Language) означает «язык разметки

Понятие HTMLHTML (HyperText Markup Language) означает «язык разметки гипертекстов», использующийся для создания веб – ресурсов.

гипертекстов», использующийся для создания веб – ресурсов.

Слайд 3 Понятие HTML
HTML – документ представляет собой обычный текстовый

Понятие HTMLHTML – документ представляет собой обычный текстовый файл.Для его создания

файл.
Для его создания потребуется:
текстовый редактор ( Блокнот)
браузер

Internet Explorer , то есть программа для просмотра HTML – файла.

Слайд 4 Сохранение документа
Документ набранный в блокноте сохраняется с расширением

Сохранение документаДокумент набранный в блокноте сохраняется с расширением *. html или

*. html или *. htm. Первый (стартовый) файл сохраняется

под именем index.html, последующие на ваше усмотрение.
Графические объекты в веб – страницах это чаще всего файлы с расширением .gif или .jpg.

Слайд 5 Теги
Теги - специальные команды разметки, заключенные между угловыми

ТегиТеги - специальные команды разметки, заключенные между угловыми скобками (), и

скобками (), и задающие правила, по которым бразер отображает

документ на экран (размещение текста в окне, представление графических объектов и т.д.)

Слайд 6 Теги
Контейнер тегов – комбинация из открывающего и

Теги Контейнер тегов – комбинация из открывающего и закрывающего тега.Ввод тегов

закрывающего тега.

Ввод тегов большими и маленькими буквами воспринимаются браузером

одинаково ( , и ).

Многие теги, помимо имени, могут содержать атрибуты элементы, дающие дополнительную информацию о том, как браузер должен обработать текущий тег.

Слайд 7 Структура html-документа




Структура html-документа «Голова»«Тело»



«Голова»

«Тело»


Слайд 8 Структура html-документа







Структура html-документа -тег используется для открытия HTML-документа.



-тег используется для открытия HTML-документа. Закрывается тегом

.
-данный тег определяет заголовок HTML-документа и имеет обязательный закрывающийся тег .
-обязательный атрибут тега <HEAD>. Между тегами <TITLE> и заключено название HTML-документа.
-заключает в себе непосредственно документ. -закрывает данный тег.

Слайд 9 Абзац
Одним из основных элементов документов является абзац.

Абзац Одним из основных элементов документов является абзац. В языке HTML

В языке HTML имеется специальный тег для обозначения нового

абзаца - <р>.
Для выравнивания текста в документе используется атрибут align.
Текст можно выровнять по центру, набрав

текст


Или по левому или по правому краю

текст


текст




Слайд 10 Базовые стили форматирования текста

Базовые стили форматирования текста

Слайд 11 Заголовки
Заголовки обозначают начало раздела документа, и обозначаются тегами

ЗаголовкиЗаголовки обозначают начало раздела документа, и обозначаются тегами -,, … .

-,, … .
- самый большой размер заголовка, полужирное

начертание.
- соответствует простому тексту, полужирное начертание.

…<Н6> - парные тег.

Слайд 12 Пример




Это

Пример Это самый большой заголовок А этот

самый большой заголовок
А этот поменьше

А этот самый маленький



Если данный текст набрать в блокноте и сохранить, как html-файл, а потом открыть этот файл с помощью например Internet Explorer то…

Слайд 13 получиться следующие:

получиться следующие:

Слайд 14 Размер и цвет шрифта
Для форматирования текста используется парный

Размер и цвет шрифтаДля форматирования текста используется парный тег он

тег он сам по себе ничего не

делает, всегда употребляется с одним из атрибутов, приведенных ниже:
текст - задает цвет текст.
текст - задает размер шрифта текста.
+1...+7 –увеличивает размер шрифта относительно базового
-1...-7 –уменьшает размер шрифта, относительно базового
Базовый размер шрифта = 3

Слайд 15 Цвет фона
Цвет фона устанавливается в тэге :

Цвет фона Цвет фона устанавливается в тэге : Если цвет в


Если цвет в

не указывать, то по умолчанию фон будет белым, а текст чёрным.

text=... – смена цвета текста
- фоновый рисунок.
  • Имя файла: vvedenie-v-html.pptx
  • Количество просмотров: 142
  • Количество скачиваний: 0
- Предыдущая Приемы диагностирования интересов, творческих возможностей, развития мыслительных процессов, как основы перевода учебного процесса в учебно-исследовательский
Следующая - Локальные компьютерные сети

Похожие презентации

Архитектура и составные части систем искусственного интеллекта Архитектура и составные части систем искусственного интеллекта 178
Бейсик Бейсик 152
Викторина. Путешествие в страну компьютера Викторина. Путешествие в страну компьютера 121
Презентация по информатике на тему Понятие об информации (5 класс) Презентация по информатике на тему Понятие об информации (5 класс) 151
Презентация к плану-конспекту урока информатики (8 класс) по теме Поиск информации в Интернете. Электронная коммерция в Интернете Презентация к плану-конспекту урока информатики (8 класс) по теме Поиск информации в Интернете. Электронная коммерция в Интернете 139
Безопасность в Интернете Безопасность в Интернете 159
Програмування мовами низького рівня та системне програмування Програмування мовами низького рівня та системне програмування 111
Основные понятия и определения информатики Основные понятия и определения информатики 125
Электронная таблица MS EXCEL Электронная таблица MS EXCEL 135
Кроссворды по информатике Кроссворды по информатике 157
Элементный состав объекта Элементный состав объекта 105
Microsoft Office Excel 2007 Microsoft Office Excel 2007 221
Презентация по иформатике на тему Компьютерлік вирустар Презентация по иформатике на тему Компьютерлік вирустар 162
Викторина по Информатике Викторина по Информатике 137
Презентация по информатике на тему Анимация әсерлерін баптау. Презентацияларды көрсету Презентация по информатике на тему Анимация әсерлерін баптау. Презентацияларды көрсету 182
Презентация к уроку Ссылки в электронных Презентация к уроку Ссылки в электронных 153
Презентация по информатике структура ID Презентация по информатике структура ID 153
Системная среда Windows Системная среда Windows 107
Презентация по информатике Решение квадратных уравнений в среде программирования Visual Basic Презентация по информатике Решение квадратных уравнений в среде программирования Visual Basic 152
Шрифтовый дизайн Шрифтовый дизайн 171
Программное обеспечение Программное обеспечение 127
Презентация к уроку по теме Измерение количества информации. Вероятностный подход. Презентация к уроку по теме Измерение количества информации. Вероятностный подход. 170
Сравнение методологий разработки программ по степени формальности и отношению к каскадной или итеративной разработке Сравнение методологий разработки программ по степени формальности и отношению к каскадной или итеративной разработке 155
Разработка модели и алгоритмов оценки эффективности резервирования ресурса передачи информации Разработка модели и алгоритмов оценки эффективности резервирования ресурса передачи информации 124
Проецирование трехмерных объектов Проецирование трехмерных объектов 118
Презентация к уроку Кодирование информации (2 класс) Презентация к уроку Кодирование информации (2 класс) 165
Первое знакомство с компьютером Первое знакомство с компьютером 109
Метод проектов. Изучение курса информатики с учетом возрастных особенностей Метод проектов. Изучение курса информатики с учетом возрастных особенностей 133
Алгоритм (5 класс) Алгоритм (5 класс) 153
Информатика. Компьютер в жизни общества Информатика. Компьютер в жизни общества 131