Что такое 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 и т.д. Программы для создания HTML – файлов: Блокнот Гипертекст – это текст, содержащий специальные разметочные теги.Теги (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 Программы для создания HTML – файлов:

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

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

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

Слайд 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
  • Количество просмотров: 95
  • Количество скачиваний: 0
- Предыдущая Раннее Средневековье. Восток и Азия. Византия - государство ромеев
Следующая - Изучение антидепрессивной активности в ряду производных арилпиперазинов с 3,4,5-триметоксибензоильным терминальным фрагментом

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

Результаты мониторинга образовательного процесса Во 2-й младшей группе №1 презентация к занятию (младшая группа) Результаты мониторинга образовательного процесса Во 2-й младшей группе №1 презентация к занятию (младшая группа) 67
Развитие художественно-изобразительных способностей детей через создание объемных фигур и декорирование поверхности гофротрубочками презентация к уроку по конструированию, ручному труду по теме Развитие художественно-изобразительных способностей детей через создание объемных фигур и декорирование поверхности гофротрубочками презентация к уроку по конструированию, ручному труду по теме 87
Родительское собрание. 4 класс. Мальчики и девочки-два разных мира методическая разработка (4 класс) по теме Родительское собрание. 4 класс. Мальчики и девочки-два разных мира методическая разработка (4 класс) по теме 84
Консультация для педагогов Дошкольное воспитание в годы ВОВ презентация Консультация для педагогов Дошкольное воспитание в годы ВОВ презентация 140
70
Презентация Овощи,фрукты,ягоды презентация к уроку (младшая группа) Презентация Овощи,фрукты,ягоды презентация к уроку (младшая группа) 81
Республика Хакасия Республика Хакасия 108
Футбол. Презентация на казахском Футбол. Презентация на казахском 157
Электронное портфолио презентация Электронное портфолио презентация 67
Презентация Развитие связной речи детей старшего дошкольного возраста методом мнемотехники презентация к уроку (старшая группа) Презентация Развитие связной речи детей старшего дошкольного возраста методом мнемотехники презентация к уроку (старшая группа) 103
Средние века. Цвет в искусстве витража. Средние века. Цвет в искусстве витража. 77
Создание кроссовок для компании Создание кроссовок для компании 100
Проект Как у нашего кота... методическая разработка Проект Как у нашего кота... методическая разработка 124
Проект Здоровым быть модно презентация к уроку (4 класс) по теме Проект Здоровым быть модно презентация к уроку (4 класс) по теме 113
Как составить синквейн презентация к уроку (1, 2, 3, 4 класс) Как составить синквейн презентация к уроку (1, 2, 3, 4 класс) 110
Лэпбуки - это интересно! презентация Лэпбуки - это интересно! презентация 90
Перспективная начальная школа презентация к уроку Перспективная начальная школа презентация к уроку 93
master - klass gofrorozochki 5 master - klass gofrorozochki 5 68
fragment matematika fragment matematika 74
презентация для РМО Опытно-экспериментальная деятельность презентация для РМО Опытно-экспериментальная деятельность 83
Родителям о детях презентация Родителям о детях презентация 207
Презинтация презентация к уроку (старшая группа) Презинтация презентация к уроку (старшая группа) 23
3 3 84
Основан в 1778 году Основан в 1778 году 73
12 апреля – День космонавтики. Угадай-ка! (2) 12 апреля – День космонавтики. Угадай-ка! (2) 21
Нормативно-правовая база инклюзивного образования в России учебно-методический материал Нормативно-правовая база инклюзивного образования в России учебно-методический материал 27
Взаимодействие участников образовательных отношений презентация к уроку (подготовительная группа) Федеральный закон Российской Федерации от 29 декабря 2012 г. N 273-ФЗ Об образовании в Российской ФедерацииПедагогический работник – физическое лицо, которое Взаимодействие участников образовательных отношений презентация к уроку (подготовительная группа) Федеральный закон Российской Федерации от 29 декабря 2012 г. N 273-ФЗ Об образовании в Российской ФедерацииПедагогический работник – физическое лицо, которое 82
kurs mir deyatelnosti - klyuchevoe zveno 2 kurs mir deyatelnosti - klyuchevoe zveno 2 121
ДЭНС ДЭНС 187
Аллергия-причины и классификация Аллергия-причины и классификация 64