Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Основы НТМЛ. Структура HTML - документа.

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

Международный конкурс по математике «Поверь в себя»

для учеников 1-11 классов и дошкольников с ЛЮБЫМ уровнем знаний

Задания конкурса по математике «Поверь в себя» разработаны таким образом, чтобы каждый ученик вне зависимости от уровня подготовки смог проявить себя.

К ОПЛАТЕ ЗА ОДНОГО УЧЕНИКА: ВСЕГО 28 РУБ.

Конкурс проходит полностью дистанционно. Это значит, что ребенок сам решает задания, сидя за своим домашним компьютером (по желанию учителя дети могут решать задания и организованно в компьютерном классе).

Подробнее о конкурсе - https://urokimatematiki.ru/


Идёт приём заявок на самые массовые международные олимпиады проекта "Инфоурок"

Для учителей мы подготовили самые привлекательные условия в русскоязычном интернете:

1. Бесплатные наградные документы с указанием данных образовательной Лицензии и Свидeтельства СМИ;
2. Призовой фонд 1.500.000 рублей для самых активных учителей;
3. До 100 рублей за одного ученика остаётся у учителя (при орг.взносе 150 рублей);
4. Бесплатные путёвки в Турцию (на двоих, всё включено) - розыгрыш среди активных учителей;
5. Бесплатная подписка на месяц на видеоуроки от "Инфоурок" - активным учителям;
6. Благодарность учителю будет выслана на адрес руководителя школы.

Подайте заявку на олимпиаду сейчас - https://infourok.ru/konkurs

  • Информатика
Основы 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
СПАСИБО ЗА ВНИМАНИЕ!
1 из 35

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

№ слайда 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% скидкой при обучении по программам профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок".

Начало обучения ближайших групп: 18 января и 25 января. Оплата возможна в беспроцентную рассрочку (20% в начале обучения и 80% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru/kursy



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

УЖЕ ЧЕРЕЗ 10 МИНУТ ВЫ МОЖЕТЕ ПОЛУЧИТЬ ДИПЛОМ

от проекта "Инфоурок" с указанием данных образовательной лицензии, что важно при прохождении аттестации.

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

Список всех тестов можно посмотреть тут - https://infourok.ru/tests

Похожие материалы

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