27.07.2015 Форматирование текста и размещение графики.

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



Advertisements
Похожие презентации
Вставка изображений в Web-страницы. - тег вставки изображения в документ Изображение появится в том месте документа, в котором записан этот тэг. Команда.
Advertisements

HTML Урок 2 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА Вставка горизонтальной линии. Тег Цвет горизонтальной линии. Тег Выравнивание горизонтальной линии. Тег Линия.
Вставка изображений.. Могут размещаться графические файлы трёх форматов GIF, JPG, PNG. Для вставки изображения используется тэг с атрибутом SRC, который.
С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTML Создание Web - страницы.
HTML. Добавление графики в WEB-документ.
Форматирование текста Вставка рисунка Таблицы Гиперссылки Круговой сектор Структура документа.
(HyperText Markup Language) – язык гипертекстовой разметки.
- вставка изображения - вставка изображения Атрибуты тэга: src- адрес (путь) файла с картинкой align- положение рисунка alt- альтернативный текст Вставка.
Какой тег является тегом перевода строки? 1.BR 2.TR 3.HR 4.I.
Современные браузеры могут работать с различными форматами изображений, но наиболее предпочтительные – Для фотографий лучше использовать формат JPEG для.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Современные браузеры могут работать с различными форматами изображений, но наиболее предпочтительные – Для фотографий лучше использовать формат JPEG для.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Вставка изображений в Web – страницы. В Web- страницу можно вставлять изображения, хранящиеся в графических файлах трех типов : GIF, JPEG, PNG. HTML –
Проверка знаний Запишите теги : 1 вариант 1. Заголовок страницы 2. Содержание 3. Размер шрифта 4. Абзац 5. Как называется главная страница сайта 2 вариант.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
Транксрипт:

Форматирование текста и размещение графики

§ 13.1; 13.2 (п.1-2) Вопросы: Какие тэги (контейнеры) должны присутствовать в HTML – документе обязательно? Какова логическая структура Web – страницы? Практическое задание: Продумать тему своего будущего сайта и его дизайна; Начать подборку материала.

Размер картинки + расстояние до текста Задать толщину рамки вокруг рисунка Указать точный адрес нахождения картинки

Приказ вставить картинку (image, изображение ). У этого тега нет конечного, поэтому все сведения о вставляемой картинке задаются с помощью атрибутов : Src (source, источник ) - обязательный атрибут указывающий месторасположение графического файла. При этом можно указать абсолютную ссылку на файл или относительную image/vit y.gif или относительную image/vit y.gif Align - определение способа обтекания рисунка текстом. Может принимать значения left ( рисунок слева текст обтекает его справа ), right ( текст обтекает рисунок слева ) Width и height- ширина и высота рисунка в пикселях. Значениям надо задавать реальные размеры картинки Alt (alternative, альтернативный ) – текст, который появляется как подсказка в тот момент, когда вы задержите указатель мыши над картинкой Border – толщину рамки вокруг картинки hspace и vspace – горизонтальные и вертикальные поля вокруг картинки Рисунки на Web- странице

1. Создать следующую страницу сайта по образцу. 2. Сохранить в папке Проект. 3. Поэкспериментировать с форматированием текста и размещением графики.

§ 13.2 (п.3-5) Вопросы: Какие тэги (контейнеры) участвуют в форматировании текста? Какие причины могут препятствовать размещению графики? Практическое задание: Создать титульную страницу разрабатываемого сайта.