Что такое 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 и т.д. Блокнот (для создания страницы) Гипертекст – это текст, содержащий специальные разметочные теги.Теги (tag – ярлык, признак) Пример тега Типы теговПарные (влияет на текст Структурные тегиТеги символовТеги форматирования абзацевТеги оформления списков данныхТеги логического форматирования текстаТеги физического форматирования текстаКатегории тегов Структура HTML - документа начинает описание HTML - файлаHTML - документ состоит из двух частей:Раздел заголовкаСодержательная часть Раздел заголовкаНачинается тегом Заканчивается тегом Mежду данными тегами располагается тег Раздел содержательной частиНачинается тегом Заканчивается тегом (между которыми располагается содержимоеHTML - документа) Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html) Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html) Теги символовТеги логического форматирования текстаТеги физического форматирования текста Теги логического форматирования текста Теги физического форматирования текста используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее из начальных Пример использования тега : МКОУ «Глядянская средняя общеобразовательная школа» Пример использования тега : Тег позволяет изменить шрифт Параметры тега FACE (задаёт название шрифта, которым Задание цвета на языке HTMLШестнадцатеричные значения (цветовая система базируется на Пример использования параметра Color: Шрифт размера 6, цвет зелёный или Шрифт Примеры использования параметров тега : Название шрифта Шрифт размера Тег используется для указания размера, типа и цвета шрифта по умолчанию Примеры использования тега : Шрифт по умолчанию размера 3Шрифт Пример использования параметра Color c тегом : Задание тег «параграф», отделяет абзац друг от друга Тег Примеры использования тега : Выравнивание по левой границе окна Тег отображение горизонтальной линии Пример использования тега : Тег для разметки заголовков (,,, , , ) Вставка пробелов и специальных символов "±² СПАСИБО ЗА ВНИМАНИЕ!
Слайды презентации

Слайд 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 Блокнот
(для

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

создания страницы)

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 – документа. Здесь можно разместить всё, что угодно.


Слайд 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-ntml-struktura-html-dokumenta.pptx
  • Количество просмотров: 132
  • Количество скачиваний: 0
- Предыдущая Презентация на школьном мо
Следующая - Водные ресурсы Крыма

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

Презентация по теме Устройство компьютера Презентация по теме Устройство компьютера 137
Назначение и характеристики микропроцессора Назначение и характеристики микропроцессора 121
Создание интерактивных тестов в программном комплексе ACTIVOTE Question Master Создание интерактивных тестов в программном комплексе ACTIVOTE Question Master 154
Многомерный анализ данных на основе Oracle Essbase Многомерный анализ данных на основе Oracle Essbase 161
Виртуальные музеи Виртуальные музеи 137
Анализ программы с подпрограммами Анализ программы с подпрограммами 168
Письменность и кодирование информации Письменность и кодирование информации 126
deti v mire muzeya u babushki v gostyah deti v mire muzeya u babushki v gostyah 59
Информация. Свойства и единицы измерения Информация. Свойства и единицы измерения 129
Мировые информационные ресурсы Мировые информационные ресурсы 151
Устройства компьютера Устройства компьютера 94
Графический учебный исполнитель. Практическая работа № 1. Работа с учебным исполнителем алгоритмов: построение линейных алгоритмов. Графический учебный исполнитель. Практическая работа № 1. Работа с учебным исполнителем алгоритмов: построение линейных алгоритмов. 230
Выполнить графические блок-схемы Выполнить графические блок-схемы 104
КЭШ-ПАМЯТЬ КЭШ-ПАМЯТЬ 162
Операционные системы Windows XP и GNU/Linux. Сравнительная характеристика Операционные системы Windows XP и GNU/Linux. Сравнительная характеристика 118
Логика Логика 228
Алгоритм. Свойства, виды Алгоритм. Свойства, виды 168
Конспект занятия в старшей группе по познавательному развитию с использованием программируемого мини-роботаМышь, Профессия-программист (Охотники за вирусами) план-конспект занятия по информатике (старшая группа) Конспект занятия в старшей группе по познавательному развитию с использованием программируемого мини-роботаМышь, Профессия-программист (Охотники за вирусами) план-конспект занятия по информатике (старшая группа) 158
Современный компьютер. Перспективы развития Современный компьютер. Перспективы развития 134
Создание игровых упражнений с помощью программы SMART Notebook 11 презентация для интерактивной доски по информатике Создание игровых упражнений с помощью программы SMART Notebook 11 презентация для интерактивной доски по информатике 260
Современные информационные технологии в документационном обеспечении управления Современные информационные технологии в документационном обеспечении управления 113
Информационное общество. Защита информации Информационное общество. Защита информации 126
Использование ресурсов Использование ресурсов 119
Общие сведение о HTML Общие сведение о HTML 146
Список языков программирования Список языков программирования 153
Протокол IPSec Протокол IPSec 140
Загадки по информатике Загадки по информатике 244
Виды информации. Информационные процессы Виды информации. Информационные процессы 165
Внеклассное мероприятие по информатике Своя игра для 8-11 классов Внеклассное мероприятие по информатике Своя игра для 8-11 классов 180
История ЭВМ История ЭВМ 102