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

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

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

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

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

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

Презентация на тему Основы HTML

Содержание

HTML (Hyper Text Markup Language)язык разметки гипертекста Web-страницы
Основы HTMLУчитель информатики и ИКТМКОУ «Глядянская СОШ»Притобольного районаКузнецова Оксана Николаевна HTML (Hyper Text Markup Language)язык разметки гипертекста Web-страницы Программы для создания HTML – файлов:Редакторы (HTML Wirtel, HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.)ШаблоныПрограммы-преобразователи Программы для просмотра Web - страницMicrosoft Internet ExplorerNetscape CommunicatorThe Bat!Opera и т.д. Блокнот (для создания страницы) Гипертекст – это текст, содержащий специальные разметочные теги.Теги (tag – ярлык, признак) Пример тега Типы теговПарные (влияет на текст Структурные тегиТеги символовТеги форматирования абзацевТеги оформления списков данныхТеги логического форматирования текстаТеги физического форматирования текстаКатегории тегов Структура HTML - документа начинает описание HTML - файлаHTML - документ состоит из двух частей:Раздел заголовкаСодержательная часть Раздел заголовкаНачинается тегом Заканчивается тегом Mежду данными тегами располагается тег Раздел содержательной частиНачинается тегом Заканчивается тегом (между которыми располагается содержимоеHTML - документа) Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html) Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html) Теги символовТеги логического форматирования текстаТеги физического форматирования текста Теги логического форматирования текста Теги физического форматирования текста используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее из начальных Пример использования тега : МКОУ «Глядянская средняя общеобразовательная школа» Пример использования тега : Тег позволяет изменить шрифт Параметры тега FACE (задаёт название шрифта, которым Задание цвета на языке HTMLШестнадцатеричные значения (цветовая система базируется на Пример использования параметра Color: Шрифт размера 6, цвет зелёный или Шрифт Примеры использования параметров тега : Название шрифта Шрифт размера Тег используется для указания размера, типа и цвета шрифта по умолчанию Примеры использования тега : Шрифт по умолчанию размера 3Шрифт Пример использования параметра Color c тегом : Задание тег «параграф», отделяет абзац друг от друга Тег Примеры использования тега : Выравнивание по левой границе окна Тег отображение горизонтальной линии Пример использования тега : Тег для разметки заголовков (,,, , , ) Вставка пробелов и специальных символов "±² Список использованной литературыИнформатика. 7 – 9 класс. Базовый курс. Практикум по информационным
Слайды презентации

Слайд 2 HTML (Hyper Text Markup Language)
язык разметки гипертекста

HTML (Hyper Text Markup Language)язык разметки гипертекста Web-страницы

Web-страницы

Слайд 3 Программы для создания HTML – файлов:
Редакторы (HTML Wirtel,

Программы для создания HTML – файлов:Редакторы (HTML Wirtel, HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.)ШаблоныПрограммы-преобразователи

HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.)

Шаблоны

Программы-преобразователи

Слайд 4 Программы для просмотра Web - страниц
Microsoft Internet Explorer
Netscape

Программы для просмотра Web - страницMicrosoft Internet ExplorerNetscape CommunicatorThe Bat!Opera и т.д.

Communicator
The Bat!
Opera и т.д.

Слайд 5 Блокнот
(для

Блокнот (для создания страницы)

создания страницы)

Internet Explorer
(для интерпретации файлов)

Программы для создания HTML – файлов:

Слайд 6 Гипертекст – это текст, содержащий специальные разметочные теги.


Теги

Гипертекст – это текст, содержащий специальные разметочные теги.Теги (tag – ярлык,

(tag – ярлык, признак) – инструкции браузера, указывающие способ

отображения текста.

Слайд 7 Пример тега
Типы

Пример тега Типы теговПарные (влияет на текст с

тегов

Парные (влияет на текст с того места, где употреблён

тег, до того места, где указан признак окончания его действия)

Непарные

Слайд 8 Структурные теги
Теги символов
Теги форматирования абзацев
Теги оформления списков данных
Теги

Структурные тегиТеги символовТеги форматирования абзацевТеги оформления списков данныхТеги логического форматирования текстаТеги физического форматирования текстаКатегории тегов

логического форматирования текста
Теги физического форматирования текста
Категории тегов

Слайд 9 Структура HTML - документа

Структура HTML - документа

Слайд 10
начинает описание HTML - файла
HTML

начинает описание HTML - файлаHTML - документ состоит из двух частей:Раздел заголовкаСодержательная часть

- документ состоит из двух частей:
Раздел заголовка
Содержательная часть

Слайд 11 Раздел заголовка
Начинается тегом
Заканчивается тегом
Mежду данными тегами

Раздел заголовкаНачинается тегом Заканчивается тегом Mежду данными тегами располагается тег

располагается тег (этот тег используется для

задания названия документа)

Слайд 12 Раздел содержательной части
Начинается тегом
Заканчивается тегом
(между которыми

Раздел содержательной частиНачинается тегом Заканчивается тегом (между которыми располагается содержимоеHTML - документа)

располагается содержимое
HTML - документа)

Слайд 13 Создать файл в Блокноте (сохраните в файле Пример,

Создать файл в Блокноте (сохраните в файле Пример, указав расширение *.

указав расширение *. html)


Заголовок HTML – документа


Это тело HTML – документа. Здесь можно разместить всё, что угодно.


Слайд 14 Создать файл в Блокноте (сохраните в файле Пример,

Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)

указав расширение *. html)

Слайд 15 Теги символов
Теги логического форматирования
текста
Теги физического

Теги символовТеги логического форматирования текстаТеги физического форматирования текста

форматирования
текста

Слайд 16 Теги логического форматирования текста

Теги логического форматирования текста










Слайд 17 Теги физического форматирования текста

Теги физического форматирования текста












Слайд 18
используется для отметки аббревиатур, акронимов (акроним – произносимое

используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее из

слово, состоящее из начальных букв словосочетания); используя тег

- можно указать «расшифровку» акронима, которая появляется на экране, когда курсор располагается на акрониме.

Слайд 19 Пример использования тега :

Пример использования тега : МКОУ «Глядянская средняя общеобразовательная школа»

МКОУ «Глядянская средняя общеобразовательная школа»

Слайд 20 Пример использования тега :

Пример использования тега :

Слайд 21 Тег
позволяет изменить шрифт

Тег позволяет изменить шрифт

Слайд 22 Параметры тега
FACE (задаёт название шрифта, которым

Параметры тега FACE (задаёт название шрифта, которым

будет выводится

текст)
SIZE (задаёт размеры шрифта в условных
единицах от 1 до 7)
COLOR (устанавливает цвет шрифта,
который может задаваться с
помощью стандартных имён или
набором шестнадцатеричных цифр)

Слайд 23 Задание цвета на языке HTML
Шестнадцатеричные значения
(цветовая

Задание цвета на языке HTMLШестнадцатеричные значения (цветовая система базируется на трёх

система базируется на трёх основных цветах – красном, зеленом

и синем – обозначается RGB)
Например: #000000, #0000FF, #FF0000,
#FFFFFF
Мнемонические обозначения
(название цвета)
Например: Red, White, Blue, Green

Слайд 24 Пример использования параметра Color:
Шрифт размера 6,

Пример использования параметра Color: Шрифт размера 6, цвет зелёный или Шрифт размера 6, цвет зелёный

цвет зелёный


или

Шрифт размера 6, цвет

зелёный

Слайд 25 Примеры использования параметров тега :

Примеры использования параметров тега : Название шрифта Шрифт размера 5

Название шрифта


Шрифт размера 5




Шрифт размера 6, цвет зелёный


Слайд 26 Тег
используется для указания размера,
типа и

Тег используется для указания размера, типа и цвета шрифта по умолчанию

цвета шрифта по умолчанию

Слайд 27 Примеры использования тега :

Примеры использования тега : Шрифт по умолчанию размера 3Шрифт размера

Шрифт по умолчанию размера 3


Шрифт размера 2


SIZE=4 COLOR=Olive> Шрифт размера 4, цвет оливковый



Слайд 28 Пример использования параметра Color c тегом :

Пример использования параметра Color c тегом : Задание цвета фона

Задание

цвета фона


Слайд 29 тег «параграф», отделяет абзац
друг от друга
Тег

тег «параграф», отделяет абзац друг от друга Тег


Слайд 30 Примеры использования тега :

Примеры использования тега : Выравнивание по левой границе окна Выравнивание

Выравнивание по левой границе окна



Выравнивание по

центру окна



Выравнивание по правой границе окна



Выравнивание по ширине окна




Слайд 31 Тег
отображение горизонтальной линии

Тег отображение горизонтальной линии

Слайд 32 Пример использования тега :

Пример использования тега :

SIZE=30 COLOR=#00FF00>



Слайд 33 Тег
для разметки заголовков (,,
, , ,

Тег для разметки заголовков (,,, , , )

)

Слайд 34 Вставка пробелов и специальных символов
 
"
±
²

Вставка пробелов и специальных символов "±²
  • Имя файла: osnovy-html.pptx
  • Количество просмотров: 149
  • Количество скачиваний: 0
- Предыдущая Одноклiтиннi органiзми
Следующая - понятие медиации

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

Презентацияпо Теме Создание web-страницы.Структурирование таблиц. Оформление страницы при помощи табличной формы Презентацияпо Теме Создание web-страницы.Структурирование таблиц. Оформление страницы при помощи табличной формы 149
Логические величины, операции, выражения Логические величины, операции, выражения 144
Введение в графику в языке программирования Turbo Pascal Введение в графику в языке программирования Turbo Pascal 140
Урок 17. Анализ контрольной работы Урок 17. Анализ контрольной работы 49
Количественные параметры информационных объектов ОГЭ 2021 Задание №1 Количественные параметры информационных объектов ОГЭ 2021 Задание №1 262
Язык Паскаль. Лекция 6. Символы и строки. Процедуры и функции работы со строками. Запис Язык Паскаль. Лекция 6. Символы и строки. Процедуры и функции работы со строками. Запис 144
Интегрированный урок информатика и английский язык Интегрированный урок информатика и английский язык 151
Интеллектуальные фильтры Интеллектуальные фильтры 158
Встроенные функции Excel Встроенные функции Excel 123
Табличная форма представления информации Информатика 5 класс Табличная форма представления информации Информатика 5 класс 139
Презентация по информатике на тему Понятие об информации. Представление информации (8 класс) Презентация по информатике на тему Понятие об информации. Представление информации (8 класс) 153
Фразеологизмы Фразеологизмы 109
Презентация по информатике для 8 класса по теме Обобщение знаний за весь курс 8 классасоздана в виде игры лото,прототипом которой стала телепередача Русское лото Презентация по информатике для 8 класса по теме Обобщение знаний за весь курс 8 классасоздана в виде игры лото,прототипом которой стала телепередача Русское лото 139
Математические модели (7 класс) Математические модели (7 класс) 198
Виды принтеров 1 Виды принтеров 1 238
Системы распознавания образов (идентификации) Системы распознавания образов (идентификации) 156
Алгоритм ветвления (условный) в системе программирования КуМир Алгоритм ветвления (условный) в системе программирования КуМир 255
Назначение и устройство компьютера Назначение и устройство компьютера 131
Атака вирусов Атака вирусов 150
Представление информации Представление информации 100
Применение информационно- Коммуникационных технологий (ИКТ) в воспитательно-образовательном процессе ДОУ презентация к уроку по информатике (подготовительная группа) Применение информационно- Коммуникационных технологий (ИКТ) в воспитательно-образовательном процессе ДОУ презентация к уроку по информатике (подготовительная группа) 57
Құжатты пішімдеу Құжатты пішімдеу 204
УСТРОЙСТВА ПАМЯТИ УСТРОЙСТВА ПАМЯТИ 115
Размещение сайта в сети Интернет Размещение сайта в сети Интернет 159
Создание простейшей веб-страницы Создание простейшей веб-страницы 131
видеоредакторы видеоредакторы 171
Алгоритм. Свойства алгоритма Алгоритм. Свойства алгоритма 126
Регистрация программы ЭВМ Регистрация программы ЭВМ 113
Презентация к уроку В мире кодов 5 класс Презентация к уроку В мире кодов 5 класс 127
Макросы Макросы 137