Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.

Презентация:



Advertisements
Похожие презентации
Web-страницы и Web-сайты. Структура Web- страницы.
Advertisements

Форматирование текста на Web- странице. Заголовки Так выглядит заголовок первого уровня Так выглядит заголовок второго уровня Так выглядит заголовок третьего.
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
Работа с текстом в HTML. Размер и форма шрифта Тег - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов.
HTML УРОК 1 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА HTML документ Структура простого html документа Теги Создание HTML документа Заголовки. Тег Размер шрифта. Тег.
ТЕГИ ФИЗИЧЕСКОГО ФОРМАТИРОВАНИЯ ШРИФТА. Начертание текста Тег - отображает текст полужирным шрифтом. Например: Это полужирный шрифт. Тег - отображает.
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста.
Язык разметки гипертекста HTML Hyper Text Markup Language.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Основы языка HTML или с чего я начинала создавать WEB-страницу.
Из опыта работы Ермаковой Вероники Викентьевны учителя информатики МОУ СОШ 19 г. Белово Основы языка разметки гипертекста HTML.
УРОК 2. Форматирование текста. Пока созданная страница выглядит не слишком привлекательно - мелкий шрифт черного цвета на белом фоне. Заголовки С помощью.
Достоинство web-страниц? Возможность просмотра в различных операционных системах. Какие редакторы используются для создания веб страниц в различных ОС?
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Выполнил: Мирмахмудова Мумтозахон Проверила:. Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
Язык разметки гипертекста НТМL (HyperText Markup Language)
Транксрипт:

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

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

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

начало и конец страницы описание страницы, информация, предназначенная для поисковых машин имя, оглавление страницы, всегда помещается внутри содержание страницы, информация, которая будет отображаться в окне браузера «Голова» Web- страницы «Тело» «Тело» Web- страницы Имя страницы

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

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

Фоновое изображение … Цвет фона … ( … ) Цвет текста … Цвет ссылки … Цвет пройденной ссылки … Цвет активной ссылки … Ширина полей Web- страницы слева и справа Ширина полей Web- страницы сверху и снизу

Заголовки: текст заголовка, N от 6 до 1 hh Заголовок первого уровня hh Заголовок второго уровня hh Заголовок третьего уровня hh Заголовок четвёртого уровня hh Заголовок пятого уровня hh Заголовок шестого уровня выравнивание Атрибут заголовка - выравнивание align align =значение ( left, center, right, justify ) align center заголовок выровнен по центру

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

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

полужирное начертание курсивное начертание полужирный курсив подчёркнутый текст верхний индекс нижний индекс пишущая машинка курсивное начертание Зачеркнутый текст увеличение обычного размера шрифта на одну единицу уменьшение обычного размера шрифта на одну единицу

Строка 1 Строка 2 Строка 3 Строка 4 Строка 5 Раз ступенька Два ступенька Будет Л е с е н к а перевод на новую строку Этот текст будет выглядеть так как он набран

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