был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 19911992 годах. это язык разметки гипертекста. - презентация

1

2 был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста

3 - это способ организации текстовой информации, внутри которой установлены смысловые связи (гиперссылки) между различными ее фрагментами

4 Документ, выполненный в форме HTML называется: HTML – документом; Web – документом; Web – страницей. Расширение таких страниц htm или html

5 Структура HTML документа Любая Web-страница начинается с тэга и заканчивается тэгом. Начало разметки гипертекст а Конец разметки гипертекст а

6 описание Web-страницы содержание Web-страницы Структура HTML документа

7 Анатомия Web-документа Документ состоит из тегов Тег - начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. Теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой.

8 Анатомия Web-документа Большинство HTML-меток парные, то есть на каждую открывающую метку вида есть закрывающая метка вида с тем же именем, но с добавлением "/". Теги можно вводить как большими, так и маленькими буквами. Например, метки, и будут восприняты браузером одинаково. Теги могут содержать атрибуты элементы, дающие дополнительную информацию.

9 Основные теги 1. документ на языке HTML. 2. заголовок Web-страницы. 3. название сайта. 4. заключает в себе гипертекст.

10 Пример документа HTML Лабораторная 1. Пример 1. Привет! Это простейший пример HTML-документа. Этот html-файл может быть одновременно открыт и в блокноте, и в Internet Explorer'е. Сохранив изменения в блокноте, просто нажмите кнопку Reload ('перезагрузить') в Explorerе, чтобы увидеть эти изменения. Пример

11 Пример документа HTML Лабораторная 2. Пример 1. Привет! Это простейший пример HTML-документа. Этот html-файл может быть одновременно открыт и в блокноте, и в Internet Explorer'е. Сохранив изменения в блокноте, просто нажмите кнопку Reload ('перезагрузить') в Explorer'е, чтобы увидеть эти изменения. Пример

12 Создание простейших файлов HTML. Учебный файл HTML Расписание занятий на вторник Пример

13 Управление расположением текста на экране. Учебный файл HTML Расписание занятий на вторник Пример

14 Браузеры автоматически размещают текст на экране, не принимая во внимание встречающиеся в файле переводы строк и идущие подряд пробелы. Существуют специальные команды, выполняющие перевод строки и задающие начало нового абзаца.

15 Перевод текста на новую строку переносит текст на новую строку Тег абзаца отделяет строку и добавляет пустую строку перед абзацем Тег устанавливает границу абзаца.

16 Перевод текста на новую строку Учебный файл HTML Расписание занятий на вторник Пример

17

18 Выделение фрагментов текста полужирный шрифт, курсив, подчеркивание.

19 Выделение фрагментов текста Учебный файл HTML Расписание занятий на вторник Пример

20 Изменение размера текста Существует два способа управления размером текста, отображаемого браузером: использование стилей заголовка; задание размера текущего шрифта;

21 Изменение размера шрифта - тег стиля (выделяет заголовок) Учебный файл HTML Расписание занятий на вторник Пример

22 Задание текущего шрифта Тег управляет шрифтом Атрибуты SIZE=7 - размер шрифта FACE=ARIAL - шрифт COLOR=X - цвет шрифта. Вместо Х надо подставить название цвета Пример: текст

23 Таблица основных цветов black | черный white | белый red | красный green | зеленый azure | бирюзовый blue | синий gray | серый purple | фиолетовый yellow | желтый brown | коричневый orange | оранжевый violet | лиловый FFFFFF FF FF00 00FFFF 0000FF A0A0A0 FF00FF FFFF FF FF

24 Изменение размера шрифта Учебный файл HTML Расписание занятий на вторник Пример

25 Гарнитура и цвет шрифта Учебный файл HTML Расписание занятий на вторник Пример

26 Выравнивание абзаца Атрибуты тега : ALIGN=CENTER по центру ALIGN=RIGHT по правому краю ALIGN=LEFT по левому краю Пример: текст

27 Выравнивание текста по горизонтали Учебный файл HTML Расписание занятий на вторник Пример

28 Задание цвета фона и текста Атрибуты тега : BGCOLOR=X - цвет фона страницы, TEXT=X - цвет текста для всей страницы

29 Задание цвета фона и текста Учебный файл HTML Расписание занятий на вторник Пример