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

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

Создание макросов на языке VBA Создание макросов на языке VBA 169
Презентация по предмету Информатика и ИКТ Презентация по предмету Информатика и ИКТ 142
История развития и разновидности операционных систем История развития и разновидности операционных систем 166
Компьютерные сети. Адресация в Internet Компьютерные сети. Адресация в Internet 112
Виды компьютерной графики Виды компьютерной графики 123
Обработка текстовой информации Обработка текстовой информации 110
Базы данных 4 Базы данных 4 124
CorelDRAW X4 Работа с текстом CorelDRAW X4 Работа с текстом 171
Электронная почта Электронная почта 132
СТРУКТУРЫ ДАННЫХ ТАБЛИЦЫ СТРУКТУРЫ ДАННЫХ ТАБЛИЦЫ 141
Архитектура микроконтроллера 8051 Архитектура микроконтроллера 8051 158
Алгоритмы Алгоритмы 151
Презентация по информатике Алгоритмы Презентация по информатике Алгоритмы 148
Кодирование текстовой информации Кодирование текстовой информации 119
Тестирование ПО. Sql. Topic 7 Тестирование ПО. Sql. Topic 7 127
Методическая разработка открытого занятия по дополнительной общеобразовательной (общеразвивающей) программе Мир компьютерных технологий по теме: Пиксельная графика Методическая разработка открытого занятия по дополнительной общеобразовательной (общеразвивающей) программе Мир компьютерных технологий по теме: Пиксельная графика 165
Использование интеллект-карт на уроках русского языка Использование интеллект-карт на уроках русского языка 184
Хеширование данных Хеширование данных 155
Презентация к Урок 16. Математические модели. Многоуровневые списки. Презентация к Урок 16. Математические модели. Многоуровневые списки. 170
Творческий практико-ориентированный проект Перспектива развития музыки в 21 веке Творческий практико-ориентированный проект Перспектива развития музыки в 21 веке 114
Словесные информационные модели Словесные информационные модели 152
Создание электронной почты на открытых интернет-порталах Создание электронной почты на открытых интернет-порталах 105
Экспертная система Wi-FIT PROJECT Экспертная система Wi-FIT PROJECT 124
Моделирование, формализация, визуализация Моделирование, формализация, визуализация 131
Презентация по информатике Основные алгоритмические структуры Презентация по информатике Основные алгоритмические структуры 147
ТАБЛИЦЫ ТАБЛИЦЫ 147
Объекты алгоритмов. Объекты алгоритмов. 226
Презентация по информатики на тему Устройство ПК- основные характеристики (8 класс) Презентация по информатики на тему Устройство ПК- основные характеристики (8 класс) 168
Презентация по информатике на тему Системы счисления (8 класс) Презентация по информатике на тему Системы счисления (8 класс) 138
Облачные технологии Облачные технологии 148