Презентация, доклад Основы языка разметки гипертекста HTML. Часть 2.

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

Слайд 1Основы языка гипертекстовой разметки документов HTML (Часть1. Форматирование текста)
Автор: Пилишкина Надежда Васильевна

Основы языка гипертекстовой разметки документов HTML  (Часть1. Форматирование текста)Автор: Пилишкина Надежда Васильевна

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

в котором установлены смысловые связи между его различными фрагментами

Гипертекст-

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

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

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

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

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

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

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

Тэги

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

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

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

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

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



Имя страницы




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

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

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

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

код в виде RRGGBB (#FFFFFF – белый, #000000 - чёрный).

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

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

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

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

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


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

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

1

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


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


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


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


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

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

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

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

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

требует закрывающего тэга.

-линия без тени,






Заголовок1




Заголовок2




Заголовок3




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

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

добавляется небольшой отступ

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


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


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


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


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

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

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

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

Строка 3
Строка 4

Строка 5

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


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

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

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

Слайд 14Форматирование шрифта
управление фрагментом текста
Атрибуты шрифта:
Face (гарнитура),
Size (размер 1…7 или

+2, -1 и т.д.),
Color (цвет)

фрагмент1
фрагмент2

Courier

Arial

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

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


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

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

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

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