Презентация на тему "HTML-формирование текста"

Содержание

• 
  Слайд 1
  

  Основы языка гипертекстовой разметки документовHTML(Часть1. Форматирование текста)

  Автор: Пилишкина Надежда Васильевна

• 
  Слайд 2

  HTML

  (Hyper Text Markup Language)«Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены смысловые связи между его различными фрагментами Гипертекст- Web-страница – документ, доступ к которому осуществляется с помощью веб-браузера. Эта разметка служит для задания формы представления информации, содержащейся в документе. Браузер – Программа просмотра HTML – документов, отображает их в виде Web –страницы, содержание страницы представляется на экране в том виде, которое задаётся тэгами.

• 
  Слайд 3

  Тэги

  Парный тэг (Контейнер)<… >форматируемый текстовый фрагмент открывающий тэгзакрывающий тэг Параметры форматирования определяютсяатрибутамитегов: <тэг атрибут=“значение”>форматируемыйтекстовый фрагмент Одиночный тэг (Команда) <…> Код Web-страницы состоит из особых слов – тегов, заключенных в угловые скобки <>. В обычный текстовый документ вставляются управляющие команды (тэги), определяющие видWeb- страницы при её просмотре в браузере (форматирование абзацев, вид шрифта, ссылки на внешние файлы, другие web-страницы или части той же web-страницы)

• 
  Слайд 4

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

  «Голова» Web- страницы «Тело» Web- страницы

   

• 
  Слайд 5

  Простейшая Web - страница

  Файл–> Сохранить как … Блокнот Браузер Primer1.html

• 
  Слайд 6
  

  Для того, чтобы задать Цвет необходимо указать его название или 16-ричный код в виде RRGGBB(#FFFFFF – белый, #000000 - чёрный).

  Цвет на Web - странице

• 
  Слайд 7
  

  Атрибуты тэга

   

• 
  Слайд 8
  

  Фон Web - страницы

   

   

   

• 
  Слайд 9

  Оформление заголовка

  Заголовки: текст заголовка, N от 6 до 1

  Заголовок первого уровня Заголовок второго уровня Заголовок третьего уровня Заголовок четвёртого уровня Заголовок пятого уровня Заголовок шестого уровня

  Атрибут заголовка - выравнивание align=значение (left, center, right, justify) заголовок выровнен по центру

• 
  Слайд 10
  

  Горизонтальная линия на Web-странице Тэг - выпуклая (объёмная) горизонтальная линия. Тэг не требует закрывающего тэга. -линия без тени,

  Заголовок1 Заголовок2 Заголовок3

   

• 
  Слайд 11

  Оформление абзаца

  текст абзаца

  абзац свыравниванием

  Перед абзацем автоматически добавляется небольшой отступ

  абзац с выравниванием по левому краю

  абзац с выравниванием по центру

  абзац с выравниванием по правому краю

   

  абзац с выравниванием по ширине

• 
  Слайд 12

  Форматирование шрифта

  увеличение обычного размера шрифта на одну единицу уменьшение обычного размера шрифта на одну единицу

• 
  Слайд 13
  

  Строка 1 Строка 2 Строка 3 Строка 4 Строка 5

  Раз ступенька Два ступенька Будет Л е с е н к а

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

  Этот текст будет выглядетьтак как он набран
• 
  Слайд 14
  

  управление фрагментом текста Атрибуты шрифта: Face (гарнитура), Size (размер 1…7или +2, -1 и т.д.), Color (цвет) фрагмент1 фрагмент2 Courier Arial