Задание: изучить тему, записать все теги форматирования.

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



Advertisements
Похожие презентации
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
Advertisements

Web-страницы и Web-сайты. Структура Web- страницы.
Форматирование текста на Web- странице. Заголовки Так выглядит заголовок первого уровня Так выглядит заголовок второго уровня Так выглядит заголовок третьего.
Заголовок Исходный текст М М Абзац ……. Атрибуты: Align=left – выравнивание по левому краю Align=right - выравнивание по правому краю Align=center - выравнивание.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
11 класс. №024. Первые шаги в web-конструировании. Основные элементы, теги и атрибуты языка HTML.
УРОК 2. Форматирование текста. Пока созданная страница выглядит не слишком привлекательно - мелкий шрифт черного цвета на белом фоне. Заголовки С помощью.
Создание Web-страницы Привет! Атрибуты тега Значение атрибута Тег - специальная метка в начале и в конце элемента HTML - документа.
Название страницы содержание страницы Структура любого HTML файла.
Работа с текстом в HTML. Размер и форма шрифта Тег - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов.
Создание WEB-страниц с помощью HTML. Структура программы Заголовок html- документа Главная часть документа …….. ……..
Построение одностраничного документа Оформление страницы сайта Н.Е.Елистратова, учитель информатики и математики МОУ СОШ 3 г. Петровска.
ТЕГИ ФИЗИЧЕСКОГО ФОРМАТИРОВАНИЯ ШРИФТА. Начертание текста Тег - отображает текст полужирным шрифтом. Например: Это полужирный шрифт. Тег - отображает.
2 Стили оформления текста жирный ( bold ) Вася курсив ( italic ) Вася подчеркивание ( underline ) Вася зачеркивание ( strike out ) Вася верхний индекс.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
Достоинство web-страниц? Возможность просмотра в различных операционных системах. Какие редакторы используются для создания веб страниц в различных ОС?
Форматирование текста на Web- странице …- размер шрифта заголовков - шрифт текста - шрифт текста - горизонтальная линия - горизонтальная линия - разделение.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Транксрипт:

Задание: изучить тему, записать все теги форматирования

Теги форматирования: Теги заголовка … задают уровень заголовка и гарнитуру шрифта (размер текста: Н1 - самый большой, Н6 - самый маленький) 2

Теги форматирования текста: … - жирный … - курсив … - подчеркивание … - Название переменных отображается курсивом … - Выделение цитат курсивом … - HTML текст, размер больше обычного (крупный шрифт). … - HTML текст, размер меньше обычного (мелкий шрифт).

Теги форматирования текста: … - жирный … - подчеркнутый HTML текст (подчеркнутый шрифт). … - зачеркнутый HTML текст (зачеркнутый шрифт). … - HTML текст (шрифт) в нижнем индексе. … - HTML текст (шрифт) в верхнем индексе.

Теги форматирования текста: текст - Устанавливает размер текста в пределах от 1 до 7. текст - Устанавливает цвет текста. текст - устанавливает гарнитуру шрифта

Теги выравнивания текста: align="left" – определяет выравнивание текста слева (по умолчанию). align="center" – выравнивает текст по центру. align="right" – выравнивает текст справа. align="justify" – выравнивает текст по ширине

Теги выравнивания текста: Например, Текст справа страницы. … - создание абзаца - осуществляет перенос текста

Атрибуты тела документа: - Устанавливает цвет фона документа - Устанавливает цвет текста - Устанавливает цвет гиперссылок

Атрибуты тела документа: - Устанавливает цвет гиперссылок, на которых вы уже побывали - Устанавливает цвет гиперссылок при нажатии. документа

Маркированный список: … – определяют маркированный HTML список. … – определяют элементы (пункты) маркированного HTML списка.

Маркированный список:

Нумированный список: определяют нумерованный Атрибуты тега OL type=«A» - список А, В, С … type=«а» - список а, b, c … - список будет нумероваться с цифры 3.

Теги форматирования … … Теги заголовка. Они задают уровень заголовка и гарнитуру шрифта (размер текста: Н1 - самый большой, Н6 - самый маленький) Теги, определяют деление на абзацы. Закрывающийся тег необязателен Параметр тегов ALIGN выравнивает текст: LEFT – по левому краю RIGHT – по правому краю CENTER – по центру 13

Теги форматирования Моя первая WEB-страница Располагает заголовок по центру 14 Мой первый WEB - сайт Создана 1 апреля 2005 года Располагает абзац по левому краю Моя первая WEB –страничка Создана 1 апреля 2005 года

Теги форматирования … - жирный … - курсив … - подчеркивание … - форматирование текста color = цвет текста - разрыв строки 15