Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Часть 1 - HTML и CSS.doc
Скачиваний:
8
Добавлен:
20.07.2019
Размер:
821.25 Кб
Скачать

Атрибуты тега br

  • CLEAR - указывает на необходимость завершения обтекания изображения текстом. Может принимать следующие значения :

    • all - завершить обтекание изображения текстом.

    • left - завершить обтекание текстом изображения, выровненного по левому краю.

right - завершить обтекание текстом изображения, выровненного по правому краю.

Тег NOBR - запрещает перевод строки. Бывают случаи, когда возникает надобность в операции противоположного назначения – запретить перевод строки. Текст, заключенный между тэгами, будет гарантированно располагаться в одной строке без переноса на другую. Длинная строка не уместится на экране, и для ее просмотра придется использовать горизонтальную полосу прокрутки.

Тег P - Используется для разметки параграфов.

Атрибуты тега P

  • ALIGN - определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right, justify. По умолчанию имеет значение left.

Тег DIV - Используется для отделения блока HTML-документа от остальной части документа. Находящиеся между начальным и конечным тэгами текст или HTML-элементы оформляются как отдельный параграф.

Атрибуты тега DIV

  • ALIGN - определяет выравнивание содержимого элемента DIV.

Параметр может принимать следующие значения: left, right, center, justify.

Тег HR - Вставляет в текст горизонтальную разделительную линию.

Атрибуты тега HR

  • WIDTH - определяет длину линии в пикселах или процентах от ширины окна браузера.

  • SIZE - определяет толщину линии в пикселах.

  • ALIGN - определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения:

    • left - выравнивание по левому краю документа.

    • right - выравнивание по правому краю документа.

    • center - выравнивание по центру документа (используется по умолчанию).

  • NOSHADE - определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной.

  • COLOR - определяет цвет линии. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов. Работает только в Internet Explorer.

Вопросы к теме

  • Как расшифровывается и переводится аббревиатура HTML?

  • С помощью чего осуществляется разметка в HTML документе?

  • Чем открывающий тэг отличается от закрывающегося (два отличия)?

  • Какие из изученных тегов не имеют закрывающих?

  • Сколько параметров тега BODY используются для управления фоном?

  • У каких из изученных тэгов есть атрибут ALIGN?

Практическое задание

Создайте документы показанные на рисунках ниже.

Задание 1:

Рис 1. Лабораторная работа №1.1

Задание 2:

Рис. 2 Лабораторная работа №1.2

Лекция №3 (2 часа)

Тема: Изображения

  • Форматы графических файлов

  • Некоторые популярные форматы

  • Вставка изображений в HTML документ

  • Вопросы к теме

  • Практическое задание

Редкий документ обходится без графических вставок. Один рисунок может заменить целый абзац, а удачно подобранная иллюстрация порой выразительнее пространных словесных описаний.

Форматы графических файлов

Форматом файла называется набор правил, соглашений, стандартов для записи и хранения информации. Форматы описания графики можно разделить на три основных класса.

Растровые форматы

Растровые форматы служат для описания растровой графической информации. В их основе лежит битовая карта (матрица), на пересечении строк и столбцов которой располагаются элементы изображения — пикселы. С каждым пикселом связывается числовая характеристика, которая описывает его тон (если изображение черно-белое) или цвет (для цветного изображения). Самыми распространенными из растровых форматов являются: TIFF, BMP, GIF, JPEG, PNG.

Векторные форматы

Эти графические форматы служат для хранения сведений о векторных изображениях, которые представляют собой совокупность геометрических примитивов: линий, овалов, прямоугольников, дуг и др. Графические форматы этого типа состоят либо из описаний примитивов, либо включают в себя набор инструкций, команд для построения примитивов. Не исключается и комбинация этих способов.

Метафайлы

Метафайлы могут хранить информацию о растровых и векторных изображениях и о командах визуализации. В качестве примеров метафайлов можно назвать WMF, CGM, EPS. В числе немногих примеров использования метафайлов в Интернете в первую очередь следует назвать формат PDF (Portable Document Format), предложенный и активно продвигаемый фирмой Adobe.

Некоторые популярные форматы

Формат GIF

Формат GIF (Graphics Interchange Format) — это популярный растровый формат. Он предложен фирмой CompuServe в качестве средства обмена растровыми изображениями между платформами и системами и поэтому поддерживается большинством программ, работающих с растровой графикой. Формат можно считать одним из стандартов де-факто для публикации изображений в сети Интернет. Он поддерживает изображения, содержащие до 256 цветов, и сжатие информации по методу LZW. Это эффективный метод сжатия информации, позволяющий во многих случаях сократить объем графического файла в два и более раз. Название метода образовано по первым буквам имен авторов: Lempel, Ziv, Welch. Еще одно полезное качество этого формата — это поддержка анимированных изображений.