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

Содержание

• 
  Слайд 1

  Основные теги HTML

• 
  Слайд 2

  Язык HTML

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

  Основным назначением HTML тегов является указание области действия тех или иных правил разметки документов. Большая часть HTML тегов состоит из двух частей: открывающий тег <...> и закрывающий тег

  .

• 
  Слайд 3

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

   

  Здравствуйте!

• 
  Слайд 4

  Теги структуры

  Этот тег указывает на начало HTML-документа

  Этот тег указывает на начало области заголовка Web-страницы.

   

  Элемент для размещения заголовка Web-страницы. Строка отображается в заголовке окна броузера.

  Этот тег несет служебную информацию и не отображается в экране браузера. В данном случае идет речь о кодировке Web-странички. Вам достаточно лишь каждый раз вставлять этот тег в таком виде на свою страничку. Тогда ваша страничка будет использовать кодировку windows-1251, наиболее распространенную на сегодняшний день.

  Конец области заголовка Web-страницы.

  Начало собственно содержимого Web-страницы.

  Конец содержимого Web-страницы.

  Конец HTML-документа.

• 
  Слайд 5

  Форматирование текста

  Абзац

  Переход на новую строку

  Выделение текста полужирным шрифтом

  Выделение текста курсивом

  Маркированный список

  • Первый пункт списка;
  • Второй пункт списка;
  • Третий пункт списка.

  Нумерованный список

  1. Первый пункт списка;
  2. Второй пункт списка;
  3. Третий пункт списка.
• 
  Слайд 6

  Рисунки на WEB-страничке

  - элемент для создания ссылки на графический файл (image). Он не содержит конечного тега - вся необходимая информация задается при помощи атрибутов. Этот элемент является универсальным: с его помощью можно использовать изображения в гиперссылках, вставлять картинки в таблицы, просто размещать рисунки на Web-странице, решать задачи дизайна и т.д.

  Необходимым атрибутом является src - указатель на файл графики:

  src="Ссылка на файл".

  Например:

• 
  Слайд 7

  Гиперссылки

  - один из самых важных элементов языка, обеспечивающий создание гиперссылок. Чаще всего используется такой шаблон:

  Произвольный текст Текст для щелчка

• 
  Слайд 8

  Таблицы

  Таблицы являются очень удобным средством форматирования данных на Web-станице. Они позволяют решать чисто дизайнерские задачи: выравнивать части страницы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением.

  При создании таблиц используется принцип вложения: внутри основного элемента таблицы TABLE создается ряд элементов, определяющих строки TR, а внутри этих элементов размещаются элеметы для описания каждой ячейки в с строке TD.

  - внешний элемент талицы.

  -элемент, задающий строку таблицы.

  - элемент, задающий ячеку таблицы.

  Например:

  Таблица из 2 строк, в первой строке - 2 ячейки, во втрой – 3.

  1.1 1.2 2.1 2.2 2.3
• 
  Слайд 9

  Полезные ссылки