Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

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

HTML(Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены смысловые связи между его различными фрагментамиГипертекст-Web-страница – документ, доступ к которому осуществляется с помощью веб-браузера. Эта разметка служит для задания формы представления информации,
Основы языка гипертекстовой разметки документов HTML  (Часть1. Форматирование текста)Автор: Пилишкина Надежда Васильевна HTML(Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором Парный тэг (Контейнер)  	< … > форматируемый Структура Web - страницы «Голова» Web- страницы«Тело» Web- страницы Файл –> Сохранить как …Простейшая Web - страница БлокнотБраузерPrimer1.html Для того, чтобы задать Цвет необходимо указать его название или  16-ричный Атрибуты тэга Фон Web - страницы Оформление заголовкаЗаголовки: текст заголовка , 	 N от 6 до 1Заголовок первого Горизонтальная линия на Web-страницеТэг - выпуклая (объёмная) горизонтальная линия.Тэг не требует закрывающего Оформление абзаца текст абзаца абзац с выравниваниемПеред абзацем автоматически  добавляется небольшой Форматирование шрифта увеличение обычного размера шрифта на одну единицу уменьшение обычного размера Форматирование шрифтаСтрока 1Строка 2 Строка   3	Строка 4Строка 5 Раз ступенька Форматирование шрифта управление фрагментом текстаАтрибуты шрифта: Face (гарнитура),Size (размер 1…7 или +2,
Слайды презентации

Слайд 2 HTML
(Hyper Text Markup Language) «Язык гипертекстовой разметки»

HTML(Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в

«Многомерный» текстовый документ, в котором установлены смысловые связи между

его различными фрагментами

Гипертекст-

Web-страница –
документ, доступ к которому осуществляется с помощью веб-браузера.

Эта разметка служит для задания формы представления информации, содержащейся в документе.

Браузер – Программа просмотра HTML – документов, отображает их в виде Web –страницы, содержание страницы представляется на экране в том виде, которое задаётся тэгами.


Слайд 3 Парный тэг (Контейнер) < … > форматируемый

Парный тэг (Контейнер) 	< … > форматируемый


текстовый фрагмент
открывающий тэг закрывающий тэг

Параметры форматирования определяются атрибутами тегов:
<тэг атрибут=“значение”>форматируемый текстовый фрагмент

Тэги

Одиночный тэг (Команда) < … >

Код Web-страницы состоит из особых слов – тегов, заключенных в угловые скобки <>.

В обычный текстовый документ вставляются управляющие команды (тэги), определяющие вид Web- страницы при её просмотре в браузере (форматирование абзацев, вид шрифта, ссылки на внешние файлы, другие web-страницы или части той же web-страницы)


Слайд 4
Структура Web - страницы
«Голова» Web- страницы
«Тело»

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

Web- страницы



Имя

страницы





Слайд 5 Файл –> Сохранить как …
Простейшая Web - страница

Файл –> Сохранить как …Простейшая Web - страница БлокнотБраузерPrimer1.html


Блокнот
Браузер
Primer1.html


Слайд 6 Для того, чтобы задать Цвет необходимо указать его

Для того, чтобы задать Цвет необходимо указать его название или 16-ричный

название или 16-ричный код в виде RRGGBB (#FFFFFF – белый,

#000000 - чёрный).

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


Слайд 7 Атрибуты тэга

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

Слайд 8 Фон Web - страницы


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

Слайд 9 Оформление заголовка
Заголовки: текст заголовка , N

Оформление заголовкаЗаголовки: текст заголовка , 	 N от 6 до 1Заголовок

от 6 до 1
Заголовок первого уровня
Заголовок второго уровня
Заголовок третьего

уровня

Заголовок четвёртого уровня


Заголовок пятого уровня

Заголовок шестого уровня

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


Слайд 10 Горизонтальная линия на Web-странице
Тэг - выпуклая (объёмная)

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

горизонтальная линия.
Тэг не требует закрывающего тэга.
-линия без

тени,






Заголовок1




Заголовок2




Заголовок3





Слайд 11 Оформление абзаца
текст абзаца
абзац с

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

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

выравниванием по левому краю


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


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


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



Слайд 12 Форматирование шрифта
увеличение обычного размера шрифта на одну

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

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



Слайд 13 Форматирование шрифта
Строка 1
Строка 2

Строка

Форматирование шрифтаСтрока 1Строка 2 Строка  3	Строка 4Строка 5 Раз ступенька

3
Строка 4

Строка 5
Раз ступенька

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


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

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


  • Имя файла: osnovy-yazyka-razmetki-giperteksta-html-chast-1-formatirovanie-teksta.pptx
  • Количество просмотров: 131
  • Количество скачиваний: 0