Презентация, доклад на тему Конспект урока и презентация по информатике на тему Основы языка разметки гипертекста HTML. (10 класс)

Содержание

Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.Web-страницы можно создать с помощью языка HTML В обычный документ вставляются управляющие символы - HTML-теги, которые определяют вид Web-страницы при её просмотре в браузере.

Слайд 1Основы языка разметки гипертекста HTML

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

Слайд 2 Hyper Text Markup Language (HTML) – язык гипертекстовой разметки

документов.

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

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

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

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

могут быть одиночными или парными.
Парные теги содержат открывающий и закрывающий теги (контейнер).

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

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

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

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

именами свойств и могут принимать определённые значения и влияют на внешний вид Web-страницы.

Например,

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



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

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



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



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

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


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

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

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



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

Слайд 7Создание Web-страницы

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

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

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

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


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

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

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

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

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

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

…

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

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





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

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

Указатель тег с атрибутом

для создания гиперссылки

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

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

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

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

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

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

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

    стр. 201-205.
    Домашнее заданиеУчебник 10 класса Н. Д. Угринович (базовый уровень), П. 2.13, стр. 201-205.
    Скачать презентацию

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

    Презентация по информатике на тему : Кодирование графической информации Презентация по информатике на тему : Кодирование графической информации 157
    Презентация по информатике: Урок: как нарисовать грушу в Inkscape Презентация по информатике: Урок: как нарисовать грушу в Inkscape 223
    Игра Викторина (внеклассное мероприятие) Кодирование информации Игра Викторина (внеклассное мероприятие) Кодирование информации 226
    Презентация по ИОПД на тему: Использование текстового редактора Microsoft Word для создания форм документов медицинского назначения Презентация по ИОПД на тему: Использование текстового редактора Microsoft Word для создания форм документов медицинского назначения 397
    Структура ветвления в алгоритмах Структура ветвления в алгоритмах 116
    Презентация по теме: Табличные информационные модели. Информатика в СПО Презентация по теме: Табличные информационные модели. Информатика в СПО 196

    Что такое shareslide.ru?

    Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.

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

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

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

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