Презентация "Основы разметки гипертекста" 10 класс


Подписи к слайдам:
Информатика 10 класс Основы языка разметки гипертекста

Выполнили: Судникова Яна и Сизикова Анастасия

  • Выполнили: Судникова Яна и Сизикова Анастасия
  • Ученицы 10 «а» класса
  • Проверила: Поспелова Г.В.
  • МБОУ «СОШ №20» г. Новомосковска, Тульской обл.

Структура HTML-кода Web-страницы

  • Структура HTML-кода Web-страницы
  • Web-страницы
  • Шрифт
  • Форматирование текста
  • Вставка изображений
  • Гиперссылки
  • Источник информации

  • HTML-тэги
  • Web-страница
  • Содержит открывающие и закрывающие тэги
  • Язык разметки HTML
  • Одиночные
  • Парные

  • Контейнер
  • Заголовок
  • Содержание отображаемое в браузере

  • Размер шрифта
  • Самый крупный
  • От <H1></H1>
  • Самый мелкий
  • До <H6></H6>

  • Контейнер для разделения текста
  • <P></P>
  • Тип выравнивания абзаца
  • ALIGN
  • Выравнивание по левой границе ALIGN=“left”
  • Выравнивание по центру ALIGN=“center”
  • Выравнивание по правой границе ALIGN=“right”

  • Вставка изображения
  • Для вставки изображения используют тэг <IMG>
  • Если файл находится в другой папке на данном локальном диске,то нужно дополнить тэг именем файла
  • Если файл находится на удаленном сервере в Интернете,то должен быть указан Интернет-адрес файла
  • Альтернативный текст выводится с помощью атрибута ALT

  • Атрибут универсального тэга HREF
  • При загрузке в браузер Web-страница размещена на локальном компьютере в той же папке - вместо адреса указывается просто имя файла
  • Загружаемая в браузер Web-страница размещена в Интернете - в качестве адреса указывается Интернет-адрес

Угринович Н.Д. Информатика и ИКТ. Базовый уровень: учебник для 10 класса/ Н.Д. Угринович.-9-е изд.-М. : Бином. Лаборатория знаний, 2012.-213с-: ил.

  • Угринович Н.Д. Информатика и ИКТ. Базовый уровень: учебник для 10 класса/ Н.Д. Угринович.-9-е изд.-М. : Бином. Лаборатория знаний, 2012.-213с-: ил.
  • http://affiliate-101.com/wp-content/uploads/2014/06/html_blog_code.jpg
  • http://www.puzzleweb.ru/images/puzzleweb/html_.png