PPt4Web Хостинг презентаций

Главная / Информатика / Основы HTML
X Код для использования на сайте:

Скопируйте этот код и вставьте его на свой сайт

X

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

После чего скачивание начнётся автоматически!

Кнопки:

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


Скачать эту презентацию

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


Скачать эту презентацию



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

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

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

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

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

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

№ слайда 4 Программы для просмотра Web - страницMicrosoft Internet ExplorerNetscape Communi
Описание слайда:

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

№ слайда 5 Программы для создания HTML – файлов:Блокнот (для создания страницы) Internet Ex
Описание слайда:

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

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

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

№ слайда 7 Пример тега  Типы теговПарные (влияет на текст с того места, где употреблён тег,
Описание слайда:

Пример тега <HTML> </HTML>Типы теговПарные (влияет на текст с того места, где употреблён тег, до того места, где указан признак окончания его действия)Непарные

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

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

№ слайда 9 Структура HTML - документа
Описание слайда:

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

№ слайда 10 начинает описание HTML - файлаHTML - документ состоит из двух частей:Раздел заго
Описание слайда:

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

№ слайда 11 Начинается тегом Заканчивается тегом Mежду данными тегами располагается тег   (э
Описание слайда:

Начинается тегом <HEAD>Заканчивается тегом </HEAD>Mежду данными тегами располагается тег <TITLE> </TITLE> (этот тег используется для задания названия документа)

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

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

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

Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html) <HTML><HEAD><TITLE>Заголовок HTML – документа </TITLE></HEAD><BODY> Это тело HTML – документа. Здесь можно разместить всё, что угодно.</BODY></HTML>

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

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

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

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

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

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

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

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

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

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

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

Пример использования тега <ACRONYM>:<ACRONYM TITLE=«Муниципальное казённое общеобразовательное учреждение»> МКОУ </ACRONYM> «Глядянская средняя общеобразовательная школа»

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

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

№ слайда 21 позволяет изменить шрифт
Описание слайда:

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

№ слайда 22 FACE (задаёт название шрифта, которым будет выводится текст)SIZE (задаёт размеры
Описание слайда:

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

№ слайда 23 Шестнадцатеричные значения (цветовая система базируется на трёх основных цветах
Описание слайда:

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

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

Пример использования параметра Color:<FONT COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR>или<FONT COLOR=#008000> Шрифт размера 6, цвет зелёный </FONT> <BR>

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

Примеры использования параметров тега <FONT> :<FONT FACE=“ARIAL”> Название шрифта </FONT> <BR><FONT SIZE=5> Шрифт размера 5 </FONT> <BR><FONT FACE=“ARIAL” SIZE=+3 COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR>

№ слайда 26 используется для указания размера, типа и цвета шрифта по умолчанию
Описание слайда:

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

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

Примеры использования тега <BASEFONT> :<BASEFONT FACE=“Courier” COLOR=#008080> Шрифт по умолчанию размера 3<BR><BASEFONT SIZE=2>Шрифт размера 2<BR><BASEFONT SIZE=4 COLOR=Olive> Шрифт размера 4, цвет оливковый <BR>

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

Пример использования параметра Color c тегом <BODY>:

№ слайда 29 тег «параграф», отделяет абзац друг от друга
Описание слайда:

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

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

Примеры использования тега <P> :<P ALIGN=LEFT> Выравнивание по левой границе окна<BR><P ALIGN=CENTER> Выравнивание по центру окна<BR><P ALIGN=RIGHT> Выравнивание по правой границе окна<BR><P ALIGN=JUSTIFY> Выравнивание по ширине окна<BR>

№ слайда 31 отображение горизонтальной линии
Описание слайда:

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

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

Пример использования тега <HR> :<HR ALIGN=LEFT WIDHT=20 SIZE=30 COLOR=#00FF00>

№ слайда 33 для разметки заголовков (,,, , , )
Описание слайда:

для разметки заголовков (<H1>,<H2>,<H3>, <H4>, <H5>, <H6>)

№ слайда 34 Вставка пробелов и специальных символов
Описание слайда:

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

№ слайда 35 Информатика. 7 – 9 класс. Базовый курс. Практикум по информационным технологиям
Описание слайда:

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

Скачать эту презентацию


Презентации по предмету
Презентации из категории
Лучшее на fresher.ru