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

Содержание

• 
  Слайд 1

  Основы HTML

  Учитель информатики и ИКТ МКОУ «Глядянская СОШ» Притобольного района Кузнецова Оксана Николаевна

• 
  Слайд 2

  HTML (Hyper Text Markup Language)

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

• 
  Слайд 3

  Программы для создания HTML – файлов:

  Редакторы (HTML Wirtel, HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.) Шаблоны Программы-преобразователи

• 
  Слайд 4

  Программы для просмотра Web - страниц

  Microsoft Internet Explorer Netscape Communicator The Bat! Opera и т.д.

• 
  Слайд 5

  Программы для создания HTML – файлов:

  Блокнот (для создания страницы) Internet Explorer (для интерпретации файлов)

• 
  Слайд 6
  

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

• 
  Слайд 7

  Пример тега

  Типы тегов Парные (влияет на текст с того места, где употреблён тег, до того места, где указан признак окончания его действия) Непарные

• 
  Слайд 8

  Категории тегов

  Структурные теги Теги символов Теги форматирования абзацев Теги оформления списков данных Теги логического форматирования текста Теги физического форматирования текста

• 
  Слайд 9

  Структура HTML - документа

• 
  Слайд 10
  

  начинает описание HTML - файла HTML - документ состоит из двух частей: Раздел заголовка Содержательная часть

• 
  Слайд 11

  Раздел заголовка

  Начинается тегом

  Заканчивается тегом

  Mежду данными тегами располагается тег

  (этот тег используется для задания названия документа)

• 
  Слайд 12

  Раздел содержательной части

  Начинается тегом

  Заканчивается тегом

  (между которыми располагается содержимое HTML - документа)

• 
  Слайд 13
  

  Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)

  Это тело HTML – документа. Здесь можно разместить всё, что угодно.

• 
  Слайд 14
  
• 
  Слайд 15

  Теги символов

  Теги логического форматирования текста Теги физического форматирования текста

• 
  Слайд 16

  Теги логического форматирования текста

• 
  Слайд 17

  Теги физического форматирования текста

• 
  Слайд 18

  используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее из начальных букв словосочетания); используя тег

• 
  Слайд 19

  Пример использования тега :

  МКОУ «Глядянская средняя общеобразовательная школа»
• 
  Слайд 20
  
• 
  Слайд 21

  Тег

  позволяет изменить шрифт

• 
  Слайд 22

  Параметры тега

  FACE (задаёт название шрифта, которым будет выводится текст) SIZE(задаёт размеры шрифта в условных единицах от 1 до 7) COLOR (устанавливает цвет шрифта, который может задаваться с помощью стандартных имён или набором шестнадцатеричных цифр)

• 
  Слайд 23

  Задание цвета на языке HTML

  Шестнадцатеричные значения (цветовая система базируется на трёх основных цветах – красном, зеленом и синем – обозначается RGB) Например: #000000, #0000FF, #FF0000, #FFFFFF Мнемонические обозначения (название цвета) Например: Red, White, Blue, Green

• 
  Слайд 24

  Пример использования параметра Color:

  Шрифтразмера 6, цвет зелёный или Шрифт размера 6, цвет зелёный

   

• 
  Слайд 25

  Примеры использования параметров тега :

  Название шрифта Шрифт размера 5 Шрифт размера 6, цвет зелёный

   

• 
  Слайд 26

  Тег

  используется для указания размера, типа и цвета шрифта по умолчанию

• 
  Слайд 27

  Примеры использования тега :

  Шрифт по умолчанию размера 3 Шрифт размера 2 Шрифт размера 4, цвет оливковый

   

• 
  Слайд 28

  Пример использования параметра Colorc тегом :

  Задание цвета фона

   

• 
  Слайд 29
  

  тег «параграф», отделяет абзац друг от друга Тег <Р>

• 
  Слайд 30

  Примеры использования тега

  :

  Выравнивание по левой границе окна

  Выравнивание по центру окна

  Выравнивание по правой границе окна

  Выравнивание по ширине окна

• 
  Слайд 31

  Тег

  отображение горизонтальной линии

• 
  Слайд 32

  Пример использования тега :

• 
  Слайд 33

  Тег

  для разметки заголовков (

  , , , , , )
• 
  Слайд 34

  Вставка пробелов и специальных символов

    " ± ²

• 
  Слайд 35

  Список использованной литературы

  Информатика. 7 – 9 класс. Базовый курс. Практикум по информационным технологиям /Под ред. Н.В.Макаровой. – СПб.: Питер, 2006. А.А. Медведев. Основы HTML: Учебное пособие для средних учебных заведений. – Курган: Изд-во Курганского ИПКРО, 2002. Изображения http://www.xard.ru/post/18613/