Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

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

Содержание

Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.Web-страницы можно создать с помощью языка HTML В обычный документ вставляются управляющие символы - HTML-теги, которые определяют вид Web-страницы при её просмотре в браузере.
Из опыта работыЕрмаковой Вероники Викентьевны учителя информатики МОУ СОШ № 19 г. Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.Web-страницы Теги заключаются в угловые скобки и могут быть Некоторые теги имеют атрибуты, которые являются именами Структура Web-страницы Название Web-страницы На этой странице можно Создание Web-страницыСоздать личную папку.Создать в блокноте шаблон HTML-документа, набрав HTML-код страницы.Сохранить файл Создание Web-страницыДля редактирования файла index.htm необходимо выполнить следующие действия: Атрибуты фона Web-страницыАтрибут цвета Web-страницыАтрибут вставки фонового рисунка Web-страницы Теги и атрибуты форматирования текста на Web-странице… до … тег размера шрифта Тег и атрибут вставки изображений на Web-странице Теги и атрибуты гиперссылки   на Web-страницеУказатель тег с атрибутом для ГиперссылкиДля связывания Web- страниц используют гиперссылки. Термин «гипертекст» был введён в обращение Теги и атрибуты для создания списков на Web-странице… контейнер для создания нумерованных Теги и атрибуты для создания интерактивных форм  на Web-странице… контейнер для Практическая работа на ПК«Создание Web-страницы с использованием знаний языка разметки гипертекста HTML»Web-страницаHTML-код страницы Тест по теме «Основы языка разметки гипертекста»Проверь свои знания Домашнее задание1) Учебник 10 класса Н. Д. Угринович (базовый уровень), П. 2.13, Использованные источники1. Дробахина, АН. и др. Структурирование содержания профессиональной подготовки учителя информатики
Слайды презентации

Слайд 2 Hyper Text Markup Language (HTML) –

Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.Web-страницы

язык гипертекстовой разметки документов.

Web-страницы можно создать с помощью языка

HTML

В обычный документ вставляются управляющие символы - HTML-теги, которые определяют вид Web-страницы при её просмотре в браузере.


Слайд 3 Теги заключаются в угловые

Теги заключаются в угловые скобки и могут быть одиночными

скобки и могут быть одиночными или парными.

Парные теги содержат открывающий и закрывающий теги (контейнер).

Например, код Web-страницы помещается внутрь контейнера


Теги могут записываться как прописными, так и строчными буквами.


Слайд 4 Некоторые теги имеют

Некоторые теги имеют атрибуты, которые являются именами свойств

атрибуты, которые являются именами свойств и могут принимать определённые

значения и влияют на внешний вид Web-страницы.

Например,

Моё имя – Марина




Слайд 5 Структура Web-страницы



Название Web-страницы



На этой странице

Структура Web-страницы Название Web-страницы На этой странице можно

можно

разместить любую интересную информацию в Интернете.


Назад


Слайд 6 Создание Web-страницы
Создать личную папку.
Создать в блокноте шаблон HTML-документа,

Создание Web-страницыСоздать личную папку.Создать в блокноте шаблон HTML-документа, набрав HTML-код страницы.Сохранить

набрав HTML-код страницы.
Сохранить файл под именем Шаблон.txt в личной

папке.
Открыть файл Шаблон.txt и внести необходимую информацию, используя теги и их атрибуты.
Сохранить файл под именем index.htm в личной папке.


Слайд 7 Создание Web-страницы
Для редактирования файла index.htm необходимо выполнить следующие

Создание Web-страницыДля редактирования файла index.htm необходимо выполнить следующие действия:

действия:


Слайд 8 Атрибуты фона Web-страницы

Атрибут цвета Web-страницы


Атрибут вставки фонового

Атрибуты фона Web-страницыАтрибут цвета Web-страницыАтрибут вставки фонового рисунка Web-страницы

рисунка Web-страницы


Слайд 9 Теги и атрибуты форматирования текста на Web-странице
… до

Теги и атрибуты форматирования текста на Web-странице… до … тег размера

… тег размера шрифта заголовков

… тег форматирования шрифта

FACE=“Arial” атрибут задания гарнитуры шрифта
SIZE=4 атрибут задания размера шрифта
COLOR=“Red” атрибут задания цвета шрифта
ALIGN=“left” атрибут задания выравнивания текста


тег для создания горизонтальной линии

контейнер для разделения текста на абзацы

Слайд 10 Тег и атрибут вставки изображений на Web-странице


Тег и атрибут вставки изображений на Web-странице

SRC=“C:\COMPUTER\computer.gif”>



Слайд 11 Теги и атрибуты гиперссылки на Web-странице

Указатель

Теги и атрибуты гиперссылки  на Web-страницеУказатель тег с атрибутом для

тег с атрибутом для создания гиперссылки

… контейнер для создания

гиперссылки на адрес электронной почты

Слайд 12 Гиперссылки
Для связывания Web- страниц используют гиперссылки.
Термин «гипертекст»

ГиперссылкиДля связывания Web- страниц используют гиперссылки. Термин «гипертекст» был введён в

был введён в обращение Тедом Нельсоном в 1965 году

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

Назад


Слайд 13 Теги и атрибуты для создания списков на Web-странице

Теги и атрибуты для создания списков на Web-странице… контейнер для создания

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

элемента списка
контейнер для создания маркированного списка
  • тег элемента списка
    контейнер для создания списка терминов
    тег для создания термина
    тег для создания определения


  • Слайд 14 Теги и атрибуты для создания интерактивных форм на

    Теги и атрибуты для создания интерактивных форм на Web-странице… контейнер для

    Web-странице
    … контейнер для создания формы
    Тег со значением атрибута

    TYPE=“text” создают текстовое поле
    Тег со значением атрибута TYPE=“radio” создают группу переключателей
    Тег со значением атрибута TYPE=“checkbox” создают флажки
    контейнер для реализации раскрывающего списка

    Слайд 15 Практическая работа на ПК
    «Создание Web-страницы
    с использованием знаний

    Практическая работа на ПК«Создание Web-страницы с использованием знаний языка разметки гипертекста HTML»Web-страницаHTML-код страницы


    языка разметки гипертекста HTML»
    Web-страница
    HTML-код страницы


    Слайд 16 Тест по теме
    «Основы языка разметки гипертекста»
    Проверь свои

    Тест по теме «Основы языка разметки гипертекста»Проверь свои знания

    знания


    Слайд 17 Домашнее задание
    1) Учебник 10 класса Н. Д. Угринович

    Домашнее задание1) Учебник 10 класса Н. Д. Угринович (базовый уровень), П.

    (базовый уровень), П. 2.13, стр. 201-205.
    2) Творческое задание

    (по желанию) - создать минисайт с помощью HTML -языка на свободную тему.

    • Имя файла: osnovy-yazyka-razmetki-giperteksta-html.pptx
    • Количество просмотров: 145
    • Количество скачиваний: 0