Создание простейшей Web-страницы. Простейший пример классического документа: Заголовок Заголовок Простейший документ Простейший документ В браузере Internet.

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



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

ТЕГИ ФИЗИЧЕСКОГО ФОРМАТИРОВАНИЯ ШРИФТА. Начертание текста Тег - отображает текст полужирным шрифтом. Например: Это полужирный шрифт. Тег - отображает.
Создание Web-страниц Какие теги должны присутствовать на Web-странице обязательно? 1) 1) 2) 2) 3) 3) 4) 4) 5) 5) 6) 6) 7) 7) 8) 9) 10) 11) 12) 13) 14)
Форматирование текста на Web- странице …- размер шрифта заголовков - шрифт текста - шрифт текста - горизонтальная линия - горизонтальная линия - разделение.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
(HyperText Markup Language) – язык гипертекстовой разметки.
был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста.
Создание Web-страницы Привет! Атрибуты тега Значение атрибута Тег - специальная метка в начале и в конце элемента HTML - документа.
Работа с текстом в HTML. Размер и форма шрифта Тег - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
Задание: изучить тему, записать все теги форматирования.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
1 из 16 Л.Л. Босова, УМК по информатике для 5-7 классов Москва, 2007 Форматирование текста на Web-страницах.
Заголовок Исходный текст М М Абзац ……. Атрибуты: Align=left – выравнивание по левому краю Align=right - выравнивание по правому краю Align=center - выравнивание.
Web-страницы и Web-сайты. Структура Web- страницы.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
Транксрипт:

Создание простейшей Web-страницы

Простейший пример классического документа: Заголовок Заголовок Простейший документ Простейший документ В браузере Internet Explorer это будет выглядеть следующим образом…

Заголовок Заголовок Простейший документ Простейший документ

Тег (парный тег) Тег применяется для разделения текста на параграфы. Основным атрибутом данного тега является ALIGN. Атрибут АLIGN позволяет выравнять текст по левому или правому краю, по центру или ширине. По умолчанию текст выравнивается по левому краю. Данный атрибут применим также к графике и таблицам. Возможные значения атрибута АLIGN: АLIGN=justify выравнивание по левому и правому краям. АLIGN=left выравнивание по левому краю. АLIGN=right выравнивание по правому краю. АLIGN=center центрирование текста и графики. В браузере Internet Explorer это будет выглядеть следующим образом…

Заголовок Выравнивание текста Параграф выравненный по левому краю Параграф выравненный по правому краю Параграф выравненный по центру Параграф выравненный по ширине

Тэг (парный тег) Данный тэг позволяет объединять на одной странице несколько видов шрифтов, вне зависимости от того, какой из них задан по умолчанию в браузере пользователя. Основными атрибутами тэга являются атрибуты size и color. Атрибут size определяет размер шрифта, а атрибут color – цвет. Атрибуту color может присваиваться название цвета на английском языке, например: Красный текст Красный текст Зеленый текст Зеленый текст Желтый текст Желтый текст В браузере Internet Explorer это будет выглядеть следующим образом…

Заголовок Цвет текста Красный текст Зеленый текст Желтый текст

Атрибут size отвечает за размер шрифта, и может принимать значения от -4 до +4. Например: Текст больше на 2 размера чем по умолчанию

Заголовок Размер текста Тескт по умолчению Текст увеличенный на один размер Текст увеличенный на два размера Текст увеличенный на три размера Текст увеличенный на четыре размера

Тег Данный тег позволяет вставить изображение в Web-страницу. Обязательным атрибутом является SRC (SouRCe, источник). Пример вставки изображения: Заголовок Изображение

Задание

Исходный текст Заголовок Web-страничка с картинкой Зеленый текст Красный текст Серый текст