Презентация на тему "Создание сайта с помощью языка гипертекстовой разметки html" 8 класс

Содержание

• 
  Слайд 1

  HTML

  Язык гипертекстовой разметки

• 
  Слайд 2

  Стандартный текст страницы

  Моя страничка Эта страничка обо мне
• 
  Слайд 3

  Сохранение файла

  Сохраним файл в программе «Блокнот» следующим образом:

• 
  Слайд 4

  Получившаяся страница

  Теперь, если мы откроем данный файл в браузере, то увидим следующее:

• 
  Слайд 5

  Форматирование страницы

  Пока наша страница не очень красива и красочна. Изменим ее, добавив более крупный шрифт, красивый фон и пару картинок

• 
  Слайд 6

  Размер шрифта

  Размер шрифта задается тэгами от

  ( самый крупный) до ( самый мелкий). Заголовок страницы целесообразно выделить самым крупным шрифтом: Моя страничка
• 
  Слайд 7

  Выравнивание

  Принято, чтобы заголовок на странице находился по центру, для этого применяется выравнивание. Выравнивание осуществляется с помощью атрибута align, которому присваивают определенное значение: «right»-выравнивание по правой границе, «center»- выравнивание по центру.

• 
  Слайд 8

  Размер шрифтаи выравнивание

  Моя страничка
• 
  Слайд 9

  Другие атрибуты

  Тэг «FONT» задает параметры форматирования шрифта любого фрагмента текста. Его атрибуты: SIZE-размер шрифта; COLOR- цвет шрифта; FACE- гарнитура шрифта.

• 
  Слайд 10

  Изменение цвета текста

  Моя страничка
• 
  Слайд 11

  Горизонтальная линия

  Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это можно сделать с помощью тэга

  . Этот тэг одиночный - он не требует закрывающего тэга.
• 
  Слайд 12

  Заголовок страницы

  Эта страничка обо мне
• 
  Слайд 13

  Абзацы

  Чтобы разделить текст на абзацы, можно использовать контейнер

  . При просмотре абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать свой тип выравнивания, свой цвет и размер шрифта.
• 
  Слайд 14

  Текст страницы

  Моя страничка Эта страничка обо мне

  На этом сайте Вы сможете найти информацию обо мне, о том, чем я занимаюсь на работе и в свободное время.

  Здесь вы увидите фотографии меня и моих друзей, моих родных и близких людей.

• 
  Слайд 15

  Страница в браузере

• 
  Слайд 16

  Вставка изображений

  Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На web-страницах могут размещаться файлы трех форматов- GIF, JPG, PNG. На титульном листе логично разместить фотографию того, кому посвящен этот сайт.

• 
  Слайд 17
  

  Вставка изображения производится с помощью тэга с атрибутом SRC, который указывает на место хранения файла на компьютере.

• 
  Слайд 18
  
• 
  Слайд 19

  Фон слайда

  Для изменения фона можно воспользоваться атрибутом тэга

  - background,который указывает на место хранения файла фонового рисунка на компьютере. . Чтобы фон при прокрутке текста не двигался зафиксируем его с помощью атрибута bgproperties="fixed"
• 
  Слайд 20
  
• 
  Слайд 21
  
• 
  Слайд 22
  
• 
  Слайд 23