Что такое 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
  • Количество просмотров: 108
  • Количество скачиваний: 0
- Предыдущая Қазақстанүшінофшорлықаймақтардыңтізімі
Следующая - Возникновение и развитие жизни на земле

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

Динамические структуры данных и их организация с помощью указателей Динамические структуры данных и их организация с помощью указателей 166
Компьютерные коммуникации и интернет Компьютерные коммуникации и интернет 142
Компьютерные коммуникации Компьютерные коммуникации 144
Презентация по Информатике и ИКТ на тему ОДНОМЕРНЫЕ МАССИВЫ. РАБОТА С ЭЛЕМЕНТАМИ. Презентация по Информатике и ИКТ на тему ОДНОМЕРНЫЕ МАССИВЫ. РАБОТА С ЭЛЕМЕНТАМИ. 142
Классификация моделей Классификация моделей 129
Эвристические комбинаторные алгоритмы Эвристические комбинаторные алгоритмы 115
Гипертекст Гипертекст 127
Презентация Лига безопасного интернета (в рамках международной акции всемирный час кода) Презентация Лига безопасного интернета (в рамках международной акции всемирный час кода) 166
Технология обработки графической информации в среде Microsoft Power Point. Мультимедийные презентации Технология обработки графической информации в среде Microsoft Power Point. Мультимедийные презентации 161
Презентация Создание формул в MS WORD Презентация Создание формул в MS WORD 180
Торговля через интернет-магазин Торговля через интернет-магазин 126
Графический редактор Adobe Photoshop Графический редактор Adobe Photoshop 149
Безопасный интернет Безопасный интернет 194
Методы сортировки массива Методы сортировки массива 148
Потоки в сетях. Задача о максимальном потоке Потоки в сетях. Задача о максимальном потоке 140
Презентация к уроку информатики по теме Хранение информации Презентация к уроку информатики по теме Хранение информации 137
Безопасная работа в социальных сетях Безопасная работа в социальных сетях 108
Презентация по информатике 11 класс Перспективы развития информационных и коммуникационных технологий Презентация по информатике 11 класс Перспективы развития информационных и коммуникационных технологий 178
Советы по презентации Советы по презентации 135
Технология BodyTrack Технология BodyTrack 131
Разнообразные методы кодирования Разнообразные методы кодирования 135
Станки с чпу. Числовое программное управление Станки с чпу. Числовое программное управление 145
Файлы Файлы 129
Зарядка для глаз презентация по теме Зарядка для глаз презентация по теме 156
Информационное общество и образование Информационное общество и образование 149
Логотип Логотип 138
Персональный компьютер Персональный компьютер 110
Вирус Вирус 276
Папка с файлами Папка с файлами 146
Своя игра Своя игра 127