Абсолютная и относительная адресация
Существуют два способа задания URL-адреса: абсолютный и относительный. При абсолютной адресации используется полный путь, т.е. с указанием протокола, сервера, каталога и страницы. Например: <A Href="http://www.mysite.ru/public/index.html"> При относительной адресации путь указывается от того каталога, в котором хранится исходный файл. Например, если мы хотим разместить ссылку со страницы index.html (исходный файл) на страницу articles.html, то, учитывая, что обе страницы лежат в одном каталоге (т.е имеют один уровень), она будет выглядеть следующим образом: <A Href="articles.html"> Если же мы захотим сделать ссылку со страницы index.html на страницу price.html, то, учитывая, что страницы лежат в разных каталогах, она будет выглядеть следующим образом: <A Href="../private/price.html"> Две точки вначале означают подняться в иерархии папок на уровень выше. Все ссылки на внешние источники имеют абсолютный адрес. Внутренние ссылки (в пределах сайта) можно задавать любым способом. Если, используя абсолютную адресацию, вы решите поменять домен, то вам придется переделывать все ссылки на вашем сайте. При относительной адресации этого делать не придется, при условии сохранения структуры папок. Задание ссылки в новом окне При щелчке по ссылки, документы могут открываться как в текущем окне, так и в новом. Этим процессом можно управлять. По умолчанию ссылки загружаются в то же окно, но если указать параметр Target="_blank", то ссылка загрузится в новое окно. <A Href="http://www.yandex.ru" Target="_blank"> Использование якорей Иногда, когда документ слишком длинный, полезно сделать ссылки на его разделы. Для таких переходов следует создать пустую ссылку с параметром Name там, куда следует перейти. И ссылку с указанием этого имени (после знака #) в качестве адреса параметра Hrefтам, откуда следует перейти. Пример. <P><A Name="top"></A> первый абзац, в котором стоит пустая ссылка – якорь </P> <P>второй абзац</P> <P>третий абзац</P> <P><A Href="#top">Наверх</A></P> В результате, щелкнув по ссылке «Наверх», вы попадете в начало первого абзаца. Подсказки У ссылок есть параметр Title, в качестве значения которого можно указать текст, который будет выводиться в качестве подсказки, если подвести курсор мыши к ссылке. Пример. Посетите <A Href="http://www.yandex.ru" Target="_blank" Title="Переход на поисковую систему Яндекс"> </A> Виды и цвет гиперссылок в HTML Любая гиперссылка на HTML-странице по умолчанию находится в одном из трех состояний: - Не посещенная ссылка – имеет синий цвет и подчеркивание. - Активная ссылка – принимает красный цвет во время между щелчком мыши по ссылке и началом загрузки новой страницы. Понятное дело, в таком состоянии она находится совсем недолго. - Посещенная ссылка – меняет свой цвет на фиолетовый после перехода по ней. Изменить цвет гиперссылок в HTML-документе можно при помощи тега <BODY> и следующих его атрибутов: - Link – цвет не посещенных ссылок. - Alink – цвет активной ссылки. - Vlink – цвет посещенных ссылок. Все приведенные атрибуты можно объединять: <BODY Link="#1122cc" Vlink="#6611cc" Alink="#d14836"> Звук в HTML Теги для проигрывания и управления музыкальными файлами на странице. Тег <AUDIO> Добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице. Путь к файлу задается через атрибут Src или вложенный тег <SOURCE>. Внутри контейнера <AUDIO> можно написать текст, который будет выводиться в браузерах, не работающих с этим тегом. Для универсального воспроизведения в указанных браузерах аудио кодируют с помощью разных кодеков и добавляют файлы одновременно через тег <SOURCE>. Атрибуты тега<AUDIO>
Пример. <AUDIO Controls> <Source Src="audio/music.ogg" Type="audio/ogg; Codecs=vorbis"> <Source Src="audio/music.mp3" Type="audio/mpeg"> Тег <AUDIO> не поддерживается вашим браузером. <A Href="audio/music.mp3">Скачайте музыку</A>. </AUDIO> Тег <BGSOUND> Определяет музыкальный файл, который будет проигрываться на веб-странице. Тег <BGSOUND> определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии. Громкость, продолжительность звучания музыки и другие характеристики определяются с помощью атрибутов тега, а также могут управляться через скрипты. Этот тег должен размещаться только в контейнере <HEAD>. Тег <BGSOUND> не входит в спецификацию HTML и при его использовании код не пройдет валидацию. АтрибутыТег <BGSOUND>
Пример. <BGSOUND Src="town.mid" Loop="-1"> Тег <SOURCE> Вставляет звуковой или видеофайл для тегов <AUDIO> и <VIDEO>. Вставляет звуковой или видеофайл для тегов <AUDIO> и <VIDEO>. Обобщенно такие файлы называются медийными. Атрибуты тега <SOURCE>
Пример. <Source Src="video/duel.ogv" Type="video/ogg; Codecs="theora, vorbis"> Тег <TRACK> Позволяет авторам указать текстовую дорожку для медийных элементов. Такая дорожка обычно содержит субтитры на разных языках, комментарии, заголовки и др. Атрибуты тега <TRACK>
Значения атрибута Kind
Пример. <TRACK Kind="subtitles" Src="video/jane.en.srt" Srclang="en" Label="English"> Видео в HTML Тег <VIDEO> Тег <VIDEO>…</VIDEO> используется для добавления и воспроизведения видео на Web – странице, а также управляет настройками видеоролика. Путь к файлу задается через атрибут Src или вложенный тег <SOURCE>. Для универсального воспроизведения в указанных браузерах видео кодируют с помощью разных кодеков и добавляют файлы одновременно Атрибуты тега<VIDEO>
Пример. <VIDEO Width= "400" height = "300" Controls= "controls" Poster= "video/duel.jpg"> <SOURCE Src="video/duel.ogv" Type='video/ogg; Codecs="theora, vorbis"'> <SOURCE Src="video/duel.mp4" Type='video/mp4; Codecs="avc1.42E01E, mp4a.40.2"'> <SOURCE Src="video/duel.webm" Type='video/webm; Codecs="vp8, vorbis"'> Тег <VIDEO> не поддерживается вашим браузером. <A Href="video/duel.mp4">Скачайте видео</A>. </VIDEO> Таблицы в HTML Одним из наиболее мощных и широко применяемых в HTML средств являются таблицы. Таблица создается с помощью тега <TABLE> - он открывает таблицу. Обязательный тег </TABLE> информирует браузер о завершении таблицы. Тег <TABLE> используется с целью внедрения таблиц в Web - страницу. Они удобны тем, что браузер сам прорисовывает рамку таблицы. Размер рамки может задаваться, как фиксировано, так и автоматически согласовываться с размерами окна просмотра браузера и с размерами, находящегося в ячейках текста и рисунков. Кроме того таблицы позволяют решать чисто дизайнерские задачи: выравнивать части таблицы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением, разбивать текст на колонки и т.д. Любая таблица состоит из столбцов и строк. Тег <TR> создает строку, а тег <TD> ячейку в строке. Соответственно сколько ячеек включено в строку, столько будет и столбцов в таблице. Тег <TH>также создает ячейку. Его отличие от тега <TD> в том, что ячейка созданная тегом <TH> является ячейкой - заголовком: ее содержимое располагается по центру, а если это текст, то браузер отображает его жирным шрифтом. Содержимое ячейки, созданной тегом <TD> по умолчанию располагается в ее левой чаcти. Тег <CAPTION> создает заголовок таблицы, он располагается внутри тега <TABLE> - сразу после открывающего тега. Заголовок по умолчанию располагается над таблицей и выравнивается по ее центру. Атрибуты тега <TABLE>
Атрибуты тегов <TD>, <TH>
Пример. Объединение ячеек по горизонтали. <TD colspan="число"> Пример. Объединение ячеек по вертикали. <TD rowspan="число">
Популярное: Как вы ведете себя при стрессе?: Вы можете самостоятельно управлять стрессом! Каждый из нас имеет право и возможность уменьшить его воздействие на нас... Организация как механизм и форма жизни коллектива: Организация не сможет достичь поставленных целей без соответствующей внутренней... Почему люди поддаются рекламе?: Только не надо искать ответы в качестве или количестве рекламы... ©2015-2024 megaobuchalka.ru Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. (520)
|
Почему 1285321 студент выбрали МегаОбучалку... Система поиска информации Мобильная версия сайта Удобная навигация Нет шокирующей рекламы |