Разделы презентаций


Основы HTML ,, , , , )

Содержание

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

Слайды и текст этой презентации

Слайд 1Основы HTML
Учитель информатики и ИКТ
МКОУ «Глядянская СОШ»
Притобольного района
Кузнецова Оксана Николаевна

Основы HTMLУчитель информатики и ИКТМКОУ «Глядянская СОШ»Притобольного районаКузнецова Оксана Николаевна

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

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

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

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

Шаблоны

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

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

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

и т.д.

Программы для просмотра Web - страницMicrosoft Internet ExplorerNetscape CommunicatorThe 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 – документа. Здесь можно разместить всё, что угодно.


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

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

*. html)

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

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

текста

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

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










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

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












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

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

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

«расшифровку» акронима, которая появляется на экране, когда курсор располагается на акрониме.
используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее из начальных букв словосочетания); используя тег -

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

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

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

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

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

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

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

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

будет выводится текст)
SIZE (задаёт размеры

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

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

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

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

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




или

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

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

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

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




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


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


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

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

по умолчанию

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

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

Шрифт

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


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


Шрифт

размера 4, цвет оливковый



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

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


цвета фона


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

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

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

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

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

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



Выравнивание по центру окна



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



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




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

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

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

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




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

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

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

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

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

Слайд 35Список использованной литературы
Информатика. 7 – 9 класс. Базовый курс. Практикум

по информационным технологиям /Под ред. Н.В.Макаровой. – СПб.: Питер, 2006.
А.А.

Медведев. Основы HTML: Учебное пособие для средних учебных заведений. – Курган: Изд-во Курганского ИПКРО, 2002.
Изображения http://www.xard.ru/post/18613/
Список использованной литературыИнформатика. 7 – 9 класс. Базовый курс. Практикум по информационным технологиям /Под ред. Н.В.Макаровой. –

Теги

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

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

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

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

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


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

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