Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Презентации / Основы НТМЛ. Структура HTML - документа.
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Информатика

Основы НТМЛ. Структура HTML - документа.

библиотека
материалов
Основы HTML
HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы
Программы для создания HTML – файлов: Редакторы (HTML Wirtel, HTML Assistant,...
Программы для просмотра Web - страниц Microsoft Internet Explorer Netscape Co...
Блокнот (для создания страницы) Internet Explorer (для интерпретации файлов)...
Гипертекст – это текст, содержащий специальные разметочные теги. Теги (tag –...
Пример тега   Типы тегов Парные (влияет на текст с того места, где употреблён...
Структурные теги Теги символов Теги форматирования абзацев Теги оформления сп...
Структура HTML - документа
начинает описание HTML - файла HTML - документ состоит из двух частей: Разд...
Раздел заголовка Начинается тегом  Заканчивается тегом  Mежду данными тегами...
Раздел содержательной части Начинается тегом  Заканчивается тегом  (между кот...
Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)...
Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)
Теги символов Теги логического форматирования текста Теги физического формати...
Теги логического форматирования текста
Теги физического форматирования текста
используется для отметки аббревиатур, акронимов (акроним – произносимое слов...
Пример использования тега :  МКОУ  «Глядянская средняя общеобразовательная шк...
Пример использования тега :
Тег  позволяет изменить шрифт
Параметры тега  FACE (задаёт название шрифта, которым будет выводится текст)...
Задание цвета на языке HTML Шестнадцатеричные значения (цветовая система бази...
Пример использования параметра Color:  Шрифт размера 6, цвет зелёный   или  Ш...
Примеры использования параметров тега  :  Название шрифта    Шрифт размера 5...
 Тег  используется для указания размера, типа и цвета шрифта по умолчанию
Примеры использования тега  :  Шрифт по умолчанию размера 3 Шрифт размера 2...
Пример использования параметра Color c тегом :  Задание цвета фона
тег «параграф», отделяет абзац друг от друга Тег
Примеры использования тега  :  Выравнивание по левой границе окна  Выравниван...
 Тег  отображение горизонтальной линии
Пример использования тега  :
 Тег  для разметки заголовков (,, , , , )
Вставка пробелов и специальных символов &nbsp &#34 &#177 &#178
СПАСИБО ЗА ВНИМАНИЕ!
35 1

Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Описание презентации по отдельным слайдам:

№ слайда 1 Основы HTML
Описание слайда:

Основы HTML

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

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

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

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

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

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

№ слайда 5 Блокнот (для создания страницы) Internet Explorer (для интерпретации файлов)
Описание слайда:

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

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

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

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

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

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

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

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

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

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

<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 Теги логического форматирования текста
Описание слайда:

Теги логического форматирования текста <CITE> </CITE> <CODE> </CODE> <DEL> </DEL> <DFN> </DFN> <INS> </INS> <EM> </EM> <KBD> </KBD> <SAMP> </SAMP> <STRONG> </STRONG> <VAR> </VAR>

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

Теги физического форматирования текста <B> </B> <I> </I> <U> </U> <TT> </TT> <STRIKE> </STRIKE> <S> </S> <BIG> </BIG> <SMALL> </SMALL> <SUB> </SUB> <SUP> </SUP> <FONT> </FONT> <BASEFONT>

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

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

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

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

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

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

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

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

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

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

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

Задание цвета на языке HTML Шестнадцатеричные значения (цветовая система базируется на трёх основных цветах – красном, зеленом и синем – обозначается 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  Тег  используется для указания размера, типа и цвета шрифта по умолчанию
Описание слайда:

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

№ слайда 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>: <BODY BGCOLOR=#008080> Задание цвета фона <BR>

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

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

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

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

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

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

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

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

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

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

№ слайда 34 Вставка пробелов и специальных символов &amp;nbsp &amp;#34 &amp;#177 &amp;#178
Описание слайда:

Вставка пробелов и специальных символов &nbsp &#34 &#177 &#178

№ слайда 35 СПАСИБО ЗА ВНИМАНИЕ!
Описание слайда:

СПАСИБО ЗА ВНИМАНИЕ!


Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Автор
Дата добавления 28.10.2015
Раздел Информатика
Подраздел Презентации
Просмотров835
Номер материала ДВ-103836
Получить свидетельство о публикации
Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх