Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Untitled

    Загружено:

    Максим Васильев
    6 просмотров4 страницы

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    6 просмотров4 страницы

    Untitled

    Загружено:

    Максим Васильев

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 4

    Практическая работа №3.

    Ссылка устанавливается с помощью «закрывающегося» тега <a>, у которого есть 12 атрибутов:

     accesskey — активирует ссылку с помощью комбинации клавиш.


     charset - указывает кодировку текста, на который ведет ссылка. *
     coords — устанавливает координаты активной области. *
     href - задает адрес документа, на который следует перейти.
     hreflang — идентифицирует язык текста по ссылке.
     name — устанавливает имя якоря внутри документа (в HTML5 следует использовать id). *
     rel — отношения между ссылаемым и текущим документами.
     rev — отношения между текущим и ссылаемым документами. *
     shape — задает форму активной области ссылки для изображений. *
     tabindex — определяет последовательность перехода между ссылками при нажатии на кнопку <Tab>.
     target - тип окна, в котором браузер будет загружать документ. Может принимать значения

    _blank — загружает страницу в новом окне браузера.


    _self — загружает страницу в текущем окне (значение по умолчанию).
    _parent — загружает страницу во фрейме-родителе, если фреймов нет, то этот параметр работает как _self.
    _top — отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как
    _self.

     title — добавляет всплывающую подсказку к тексту ссылки.

    Тег <body> помимо своей основной функции, также применяется для определения цветов ссылок и текста на веб-странице.

     alink — Устанавливает цвет активной ссылки.


     background — Задает фоновый рисунок на веб-странице.
     bgcolor — Цвет фона веб-страницы.
     bgproperties — Определяет, прокручивать фон совместно с текстом или нет.
     bottommargin — Отступ от нижнего края окна браузера до контента.
     leftmargin — Отступ по горизонтали от левого края окна браузера до контента.
     link — Цвет ссылок на веб-странице.
     rightmargin — Отступ от правого края окна браузера до контента.
     scroll — Устанавливает, отображать полосы прокрутки или нет.
     text — Цвет текста в документе.
     topmargin — Отступ от верхнего края окна браузера до контента.
     vlink — Цвет посещенных ссылок.

    Для того чтобы вставить изображение используется тег <img>. Этот тег имеет единственный обязательный атрибут src,
    который определяет адрес файла с картинкой. Если необходимо, то рисунок можно сделать ссылкой на другой файл,
    поместив тег <img> в контейнер <a>. При этом вокруг изображения в некоторых браузерах отображается рамка, которую
    можно убрать, добавив атрибут border=»0″ в тег <img>. Также изображение можно маштабировать, указав в атрибутах width
    и height, желаемый размер. Атрибут alt содержит описание изображения, которое выводится до загрузки изображения. Для
    того чтобы задать позицию изображения (слева, справа, по центру) используется атрибут align, который может принимать
    пять значений: bottom, left, middle, right, top.

     bottom — Выравнивание нижней границы изображения по окружающему тексту.


     left — Выравнивает изображение по левому краю окна.
     middle — Выравнивание середины изображения по базовой линии текущей строки.
     right — Выравнивает изображение по правому краю окна.
     top — Верхняя граница изображения выравнивается по самому высокому элементу текущей строки.

    Вот полный список атрибутов тега <img>:

     align — Определяет как рисунок будет выравниваться по краю и способ обтекания текстом.
     alt — Альтернативный текст для изображения.
     border — Толщина рамки вокруг изображения.
     height — Высота изображения.
     hspace — Горизонтальный отступ от изображения до окружающего контента.
     ismap — Говорит браузеру, что картинка является серверной картой-изображением.
     longdesc — Указывает адрес документа, где содержится аннотация к картинке.
     src — Путь к графическому файлу.
     vspace — Вертикальный отступ от изображения до окружающего контента.
     width — Ширина изображения.
     usemap — Ссылка на тег <map>, содержащий координаты для клиентской карты-изображения.

    Рисуем таблицу

    Тег <table> задаѐт начало и конец таблицы, любая таблица, как известно, состоит из строк и столбцов, для этого есть ещѐ два
    тега:

    <tr> - строка таблицы


    <td> - столбец таблицы

    Вместе эти теги пишутся так:

    <table>
    <tr>
    <td>ячейка</td>
    </tr>
    </table>

    Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк
    и ячеек, которые задаются с помощью тегов <tr> и <td>.

    Атрибуты тега <table>, которые могут пригодится вам при создании таблицы:

     ALIGN — Задает выравнивание таблицы по краю окна браузера. Допустимые значения: left — выравнивание
    таблицы по левому краю, center — по центру и right — по правому краю.
     BGCOLOR — Устанавливает цвет фона таблицы.
     BORDER — Устанавливает толщину рамки в пикселах. По умолчанию рамка изображается трехмерной, но если
    используется параметр bordercolor тега <TABLE>, то вид рамки меняется. Когда в теге <TABLE> используется
    параметр border без аргументов (<table border>), то браузер отображает рамку толщиной один пиксел.
     BORDERCOLOR — Устанавливает цвет рамки таблицы. Рамка обычно рисуется как трехмерная, добавление
    параметров bordercolor и border к тегу <TABLE> создают однотонную линию.
     CELLPADDING — Определяет расстояние между границей ячейки и ее содержимым. Этот параметр добавляет
    пустое пространство к ячейке, увеличивая тем самым ее размеры. Без параметра cellpadding текст в таблице
    «налипает» на рамку, снижая тем самым его восприятие. Добавление же cellpadding позволяет улучшить
    читабельность текста. При отсутствии границ особого значения этот параметр не имеет, но может помочь, когда
    требуется установить пустой промежуток между ячейками.
     CELLSPACING — Задает расстояние между внешними границами ячеек. Если установлен параметр border,
    толщина границы принимается в расчет и входит в общее значение.
     HEIGHT — Устанавливает высоту таблицы. В спецификации HTML 4 этого параметра нет, однако браузеры в
    большинстве случаев понимают его, если он установлен у тега <TABLE>. Если высота таблицы не указана, то
    берется суммарное значение параметра height у тега <TD>, в противном случае высота вычисляется на основе
    содержимого таблицы.
     WIDTH — Задает ширину таблицы. Если общая ширина содержимого превышает указанную ширину таблицы, то
    браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это
    невозможно, например, в таблице находятся изображения, параметр width будет проигнорирован, и новая ширина
    таблицы будет вычислена на основе ее содержимого. Как и в случае с высотой, если ширина явно не указана, то она
    будет вычисляться на основе содержимого таблицы.

    У тега <td> также есть свои атрибуты:

     ALIGN — Задает выравнивание содержимого ячейки по горизонтали. Возможные значения: left — выравнивание по
    левому краю, center — по центру и right — по правому краю.
     BGCOLOR — Устанавливает цвет фона ячейки. Используя этот параметр совместно с атрибутом bgcolor тега
    <TABLE> можно получить разнообразные эффекты в таблице.
     BORDERCOLOR — Устанавливает цвет рамки вокруг ячейки. Рамка показывается, когда установлен параметр
    border с ненулевым значением у тега <TABLE>.
     COLSPAN — Устанавливает число ячеек, которые должны быть объединены по горизонтали. Этот параметр имеет
    смысл для таблиц, состоящих из нескольких строк. Например, как для таблицы, показанной ниже, где используется
    горизонтальное объединение ячеек.
     HEIGHT — Браузер сам устанавливает высоту таблицы и ее ячеек исходя из их содержимого. Однако при
    использовании параметра height высота ячеек будет изменена. Здесь возможны два варианта. Если значение height
    меньше, чем содержимое ячейки, то этот параметр будет проигнорирован. В случае, когда установлена высота
    ячейки, превышающая ее содержимое, добавляется пустое пространство по вертикали.
     NOWRAP — Добавление параметра nowrap к тегу <TD> заставляет текст внутри ячейки отображаться без
    переносов, одной сплошной строкой. Неправильное использование этого атрибута может привести к тому, что
    таблица будет слишком широкой и не поместится целиком на веб-страницу. Как следствие, появится горизонтальная
    полоса прокрутки. В любом случае, пользоваться подобной таблицей будет неудобно, из-за чего применение
    параметра nowrap осуждается в спецификации HTML 4.
     ROWSPAN — Устанавливает число ячеек, которые должны быть объединены по вертикали. Этот параметр имеет
    смысл для таблиц, состоящих из нескольких строк. Например, как для таблицы, показанной ниже, где применяется
    вертикальное объединение ячеек.
     VALIGN — Устанавливает вертикальное выравнивание содержимого ячейки. По умолчанию контент ячейки
    располагается по ее вертикали в центре. Возможные значения: top — выравнивание по верхнему краю строки,
    middle — выравнивание по середине, bottom — выравнивание по нижнему краю, baseline — выравнивание по
    базовой линии, при этом происходит привязка содержимого ячейки к одной линии.
     WIDTH — Задает ширину ячейки. Суммарное значение ширины всех ячеек может превышать общую ширину
    таблицы только в том случае, если содержимое ячейки превышает указанную ширину.

    Задание №1.

    Задание №2.

    .
    Задание №3

    Вам также может понравиться