Работа с текстом в HTML. Размер и форма шрифта Тег - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов.

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



Advertisements
Похожие презентации
Форматирование текста на Web- странице. Заголовки Так выглядит заголовок первого уровня Так выглядит заголовок второго уровня Так выглядит заголовок третьего.
Advertisements

Форматирование текста на Web- странице …- размер шрифта заголовков - шрифт текста - шрифт текста - горизонтальная линия - горизонтальная линия - разделение.
ТЕГИ ФИЗИЧЕСКОГО ФОРМАТИРОВАНИЯ ШРИФТА. Начертание текста Тег - отображает текст полужирным шрифтом. Например: Это полужирный шрифт. Тег - отображает.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
(HyperText Markup Language) – язык гипертекстовой разметки.
(HyperText Markup Language) – язык гипертекстовой разметки.
(HyperText Markup Language) – язык гипертекстовой разметки.
Ввод и форматирование текста. Форматирование - это оформление текста Форматирование абзацев Форматирование шрифта.
УРОК 2. Форматирование текста. Пока созданная страница выглядит не слишком привлекательно - мелкий шрифт черного цвета на белом фоне. Заголовки С помощью.
Создание Web-страницы Привет! Атрибуты тега Значение атрибута Тег - специальная метка в начале и в конце элемента HTML - документа.
1 из 16 Л.Л. Босова, УМК по информатике для 5-7 классов Москва, 2007 Форматирование текста на Web-страницах.
Достоинство web-страниц? Возможность просмотра в различных операционных системах. Какие редакторы используются для создания веб страниц в различных ОС?
Web-страницы и Web-сайты. Структура Web- страницы.
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
Задание: изучить тему, записать все теги форматирования.
Название страницы содержание страницы Структура любого HTML файла.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Заголовок Исходный текст М М Абзац ……. Атрибуты: Align=left – выравнивание по левому краю Align=right - выравнивание по правому краю Align=center - выравнивание.
4.3 Каскадные таблицы стилей. Каскадные таблицы стилей (Cascading Style Sheets, CSS) способ оформления страниц HTML, позволяющий с помощью параметров.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
Транксрипт:

Работа с текстом в HTML

Размер и форма шрифта Тег - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов (Arial, Courier, Times New Roman и др.) SIZE – задает размер шрифта в условных единицах от 1 до 7. Можно указать как абсолютной величиной (size=4), так и относительной (size=+2, size=-1) COLOR – устанавливает цвет текста.

Размер и форма шрифта Пример: Текст будет напечатан шрифтом Arial, иметь зеленый цвет и размер, превышающий основной.

Теги форматирования текста Код HTMLОписаниеПример Текст Полужирный текст Текст Курсив Текст Подчеркнутый текст Текст Верхний индекс у=х 2 Текст Нижний индекс Н2ОН2О

Взаимодействие тегов Все теги являются парными и допускают вложенность друг в друга. Один тег должен находиться внутри другого и никак не пересекаться с другим. Одновременно можно использовать любое разумное количество тегов. Примеры: Правильное сочетание: Полужирный курсивный текст Неправильное сочетание: Полужирный курсивный текст

Заголовки - заголовок 1-го уровня - заголовок 2-го уровня - заголовок 3-го уровня - заголовок 4-го уровня - заголовок 5-го уровня - заголовок 6-го уровня Чем больше номер заголовка, тем больше размер шрифта.

Атрибуты для выравнивания текста ALIGN – выравнивание текста ALIGN=left – выравнивание текста по левому краю (используется по-умолчанию) ALIGN=right – выравнивание текста по правому краю ALIGN=center – выравнивание текста по центру ALIGN=justify – выравнивание текста по ширине

Дополнительные теги - перевод строки (одиночный тег). Следующий после этого тега текст будет начинаться с новой строки. - вставляет в текст горизонтальную разделительную линию (одиночный тег) Атрибуты : width – ширина линии в пикселях size – толщина линии в пикселях align – выравнивание линии color – цвет линии

Абзацы Тексты разбиваются на абзацы. Каждый абзац помещается внутрь тега. Пример: Абзац 1 Абзац 2 Атрибуты тега такие же, как у тега, можно менять цвета и размеры.