Ученики на Учителя.com


Презентация "Создание простейшей веб-страницы. Работа в редакторе Блокнот"

Скачать материал
Подписи к слайдам:
Создание простейшей веб-страницы
  • Работа в редакторе Блокнот
  • Карпова Н.В., учитель информатики МБОУ СОШ №59 п.Белозерный
Откройте редактор Блокнот и наберите:
  • <html>
  • <title>Тестовая страница</title>
  • <body>
  • Эта страница является тестовой
  • </body>
  • </html>
  • Сохраните документ с расширением .html или .htm
Теги для заголовка
  • <h1> Самый большой заголовок </h1>
  • <h2> Заголовок 2 </h2>
  • <h3> Заголовок 3 </h3>
  • <h4> Заголовок 4 </h4>
  • <h5> Заголовок 5 </h5>
  • <h6> Самый маленький заголовок 6 </h6>
Изменения в документе
  • Откройте документ через Блокнот и внесите изменения:
  • после команды <body> наберите при помощи новых тегов все 6 видов заголовков.
  • Снова сохраните документ с нужным расширением.
Изменение фона страницы
  • Чтобы создать цвет фона страницы, внутри начального элемента <body> указывается атрибут bgcolor= «цвет», например:
  • <Body bgcolor= «blue»>
  • Основные цвета:
  • Белый white
  • Желтый yellow
  • Зеленый green
  • Красный red
  • Синий blue
  • Черный black
Изменение фона страницы
  • Изменте фон своей страницы, попробовав все основные цвета. Оставьте тот, который больше всего понравился.
  • <html>
  • <title>Тестовая страница</title>
  • <Body bgcolor= «green» >
  • Эта страница является тестовой
  • <h1> Самый большой заголовок </h1>
  • <h2> Заголовок 2 </h2>
  • <h3> Заголовок 3 </h3>
  • <h4> Заголовок 4 </h4>
  • <h5> Заголовок 5 </h5>
  • <h6> Самый маленький заголовок 6 </h6>
  • </body>
  • </html>
Изменение цвета текста
  • Для изменения цвета текста используют атрибут text тега <body>:
  • <body bgcolor=«yellow» text=«blue»>
  • Измените цвет текста несколько раз, оставьте тот, который больше понравился.
Отображение текста курсивом и жирным шрифтом
  • Для обозначения курсива используют парный тег <i>...</i>
  • Для отображения жирным шрифтом использут парный тег <b>...</b>
  • Например:
  • <html>
  • <title>Тестовая страница</title>
  • <body>
  • Эта <i>страница </i> является <b> тестовой </b>
  • </body>
  • </html>
Форматирование шрифта
  • <font>...</font> - с помощью данного тега осуществляется изменение внешнего вида текста. Имеет атрибуты:
  • color - цвет
  • face - шрифт
  • size — размер
  • Изменения вносятся после тега <body> перед основным текстом.
  • Размер шрифта может принимать значения от 1 до 7, при этом 1 — самый маленький, 7 — самый большой.
Например:
  • <Font face= «Arial» size=3 color= «blue»> Это шрифт arial размером 3, цвет синий </font>
Источники информации:
  • Журнал «Информатика и образование»,
  • 2007 год,
  • №№10,11,12

Информатика - еще материалы к урокам: