Добавлен: 25.04.2023
Просмотров: 144
Скачиваний: 1
Информация, on сосредоточенная в on элементах МЕТА, on определяет on общие настройки on Web-страницы on и называется on профилем. Профили on можно хранить on в отдельных on файлах и on присоединять к on определенной странице on при on помощи специального on атрибута элемента on HEAD:
<HEAD on prorIle=«lJRL»>
Стандартные on атрибуты. Существует on ряд атрибутов, on которые on moist использоваться on во многих on элементах. Часть on этих атрибутов on очень важна on для конструирования on Web-страниц, on а часть on подходит только on для on решения определенных on задач.
Атрибут on id выполняет on функции уникального on имени элемента. on В зависимости on от типа on элемента, этот on атрибут выполняет on различные on функции
Атрибут on classid задает on программу или on объект, которые on могут использоваться on в определенных on элементах.
Атрибут on style может on использоваться со on многими элементами. on Он предназначен on для определения on формата конкретного on элемента и on может принимать on самые разные on значения.
Похожие on функции выполняет on атрибут class. on Его можно on указывать, если on в секции on HEAD расположен on элемент STYLE on или использована on ссылка on на каскадную on таблицу стилей.
Атрибут on align используется on для выравнивания on текста, объектов on или элементов on целиком. Выравнивание on может выполняться on относительно on границ окна, on рамки таблицы и т.д. on Каждый элемент on позволяет on указывать определенные on значения для on этого атрибута. on В общем on случае значения on могут быть on такие:
- left - on выравнивание по on левому on краю;
- right - on выравнивание по on правому on краю;
- justify - выравнивание on по ширине on (для on текста);
- center - выравнивание on по центру on (по on горизонтали);
- middle - on выравнивание по on центру (по on вертикали);
- top - on выравнивание по on верхней on границе;
- bottom - on выравнивание по on нижней on границе.
Атрибут lang определяет, на каком языке набран текст внутри текущего элемента: lang - «код языка»
Атрибут dir теоретически может использоваться в разных элементах, но не все броузеры обеспечивают его работу.
Форматирование on текста. Текст on - единственный on объект on Web-страницы, который on не требует on специального определения. on Иными словами, on произвольные символы on интерпретируются по on умолчанию как on текстовые данные. on Но on для форматирования on текста существует on большое количество on элементов. Большинство on из них, on кроме специальных, on поддерживает on стандартные атрибуты: on id, class, on lang. dir, on title, style on и атрибуты on событий.
Изначально on в HTML on было введено on меньше возможностей on для форматирования on текста, чем on в обычные on текстовые редакторы. on В on результате авторам on гипертекстовых документов on приходилось прибегать on к on различным ухищрениям, on чтобы придать on тексту заданный on вид. Сейчас on положение изменилось, on но все on дополнительные возможности on осуществляются за on счет применения on таблиц стилей. on Например, только on с помощью on свойства on text-indent можно on задать величину on отступа первой on строки on абзаца.
Форматировать текст можно и с помощью традиционных элементов: выделять фрагменты курсивом, полужирным, выбирать шрифт и т.д. Рассмотрим эти элементы. Для них могут быть использованы стандартные атрибуты id. class, lang, dir. title, style, атрибуты событий, а также атрибуты, определяющие уникальные свойства определенных элементов.
Элемент абзаца paragraph - один из самых полезных. Он позваляег использовать только начальный тег, так как следующий элемент Р обозначает не только начато следующего абзаца, но и конец предыдущего. В тех случаях, когда по смыслу необходимо обозначить завершение абзаца можно использовать и конечный тег. В некоторых случаях начальный тег удобно ставить в конце строки: он не только обозначит конец абзаца, но и выполнит функцию тега <BR> (разрыв строки). Вместе с элементом абзаца можно
Элементы содержания. Существует большая фуппа элементов, которые используются не столько для форматирования текста, сколько для выделения смысла абзацев и слов. Поскольку для таких элементов не определены заранее эффекты форматирования, разные программы могут по-разному воспроизводить текст, заключенный внутри этих элементов.
<ЕМ> </ет> и <DFN> </dfn> элементы, обозначающие выразительность (emphasis) данного фрагмента текста и определение чего-либо (definition). Оба элемента аналогичны по своему действию элементу 1, то есть в большинстве случаев позволяют выделить текст курсивом.
С точки зрения дизайна документа эти элементы ничем особенным не отличаются. Они могут пригодиться только для того, чтобы единообразно выделить одинаковые по назначению (или смыслу) фрагменты текста. находящиеся в разных частях документа или даже на разных страницах. Разработчик, в этом случае, не может точно знать, какой именно шрифт будет использован: это определяется каждым браузером по-своему. Но он может быть уверен, что все фрагменты текста будут отформатированы одинаково. В языке можно найти еще несколько элементов, которым можно дать такую же характеристику.
Эти и другие элементы содержания могут иметь стандартные атрибуты: id. class, lang, dir, title, style, атрибуты событий.
BLOCKQUOTED blockquote- -обозначение цитаты. Этот элемент требует наличия конечного тега Текст не претерпевает никаких изменений, но абзац располагается с отступом. К кавычкам этот элемент тоже не имеет никакого отношения: если в цитате имеются кавычки, они должны быть проставлены явным образом. Визуально форматирование этим элементом заключается только в отступе слева, поэтому элемент может быть использован в самых разных случаях. Этот элемент имеет собственный нестандартный атрибут, который позволяет указать источник цитирования:
=«Л0ресоокулшта->крва1кттн11ка''11ре;1!ю.гаж!ся, что адрес задается в виде URL.
Таблицы стилей (style sheets) являются одним из самых эффективных нововведений HTML 4. Они позволяют изменять свойства элементов в соответствии с желаниями разработчика страницы. К обычным таблицам таблицы стилей не имеют никакого отношения. В общем случае шаблон таблицы стилей выглядит так:
Элемент. имя стиля (Свойство 1: значение; свойство 2: значение:... j) В результате для определенного элемента задается набор свойств (ассортимент которых весьма значителен). Тем самым снимаются ограничения HTML, а для дизайнера (автора страницы) открывается широкое поле деятельности. Одна из важнейших особенностей стилевого оформления заключается в том. что преобразованию подвергаются все элементы, заключенные внутри цемента с заданным стилем. Так. определив некоторый стиль для элемента BODY, вы присваиваете его всему содержимому Web-страницы. По аналогии с объектно-ориентированными языками программирования это качество называется наследованием.
В соответствии с правилами HTML, автор, использующий стили, должен включить в заголовок документа (элемент HEAD) соответствующее мета-определение:
<МЕТА http-equi\=«Content-Style-Type» content-»text/css»>
Браузер получит информацию, какой язык определения стилей использован. «CSS» в данном случае означает «каскадная таблица стилей» (Cascading Style Sheets). Это одновременно стандарт и язык, расширяющий традиционный HTML. В настоящее время существует две спецификации (CSS1 и CSS2), в которых перечислены свойства элементов. «Эти свойства очень похожи на атрибуты, но есть два различия: свойств намного больше и правила синтаксиса несколько иные.
В этом случае для всей страницы создаются новые стили для заголовков первого и второго уровня. Для элементов CODE выбирается шрифт и цвет фона.
Списки (list) были введены в HTML, несомненно, под влиянием успеха текстовых редакторов. Список отличается от обычного текста прежде всего тем, что пользователю не надо думать о нумерации его пунктов: эту задачу программа берёт на себя. Гели список дополняется новыми пунктами или укорачивается, нумерация корректируется автоматически. В случае ненумерованных списков программа ставит перед каждым пунктом маркеры: кружки, прямоугольники, ромбы или другие изображения, В результате список принимает удобочитаемый, «фирменный» вид. Теги для создания списков можно условно разделить на две группы: одни определяю! общий вид списка (и позволяют указывать атрибуты), а другие задают его внутреннюю структуру. В списках можно использовать стандартные атрибуты. Существует несколько разновидностей списков.
Самым простым является ненумерованный список (unordered list). Его шаблон имеет вид
<UL>
<L1>ПУНКТ
<L!> ПУНКТ!
<L1> ПУНКТ 1<1.1> ПУНКТ1 <ДЛ.>
Элемент UL является своеобразным обрамлением списка. Он позволяет отделять один список от другого. Элемент LI обозначает каждый из пунктов.
<OL> <[.!> </ol> - тго структура нумерованного списка (ordered list) похожа на предыдущую:
<OL><LI>ПУHKTl<LI> ПУНКТ1<[Л>ПУНКТ1<1Л> ПУНКТ 1</OL>
Один из самых важных элементов языка, обеспечивающий создание гиперссылок. Чаще всего используется такой шаблон:
Произвольный текст < A h ref> = « Адрес ссылки» текст to щелчка - а
Или такой:
<А hre>f=«Aдpec ссылки» • <IMCi «гс= «Ссылка на рисунок» </а>
Первый шаблон используется в том случае, когда гиперссылка встречается в тексте. Атрибут href может указывать на ресурс Интернета, файл на локальном диске или на метку внутри текущей страницы. Текст, расположенный внутри элемента А, представляет собой видимую часть гиперссылки. На нем должен щелкнуть пользователь, чтобы осуществить переход. Браузер выделяет этот фрагмент цветом, а после использования гиперссылки меняет цвет, чтобы обеспечить подсказку.
Второй шаблон задается в том случае, когда видимая часть гиперссылки представляет собой рисунок. Если для последнего определена рамка, то она тоже меняет цвет после использования гиперссылки. Если ссылка указывает на рисунок, который находится на локальном диске, она обязательно должна начинаться со слова file, то есть содержать указание на протокол.
Кодовое слово, стоящее в начале URL, обозначает так называемую схему доступа. Она определяет тип сервера, доступный при помощи данной ссылки. Для пользователя это представляется как доступ к одной из разновидностей Интернета. В этом смысле можно сказать, что Интернет - это как бы несколько сетей в одной. У каждой из этих частных сетей существуют свои правила доступа достоинства, недостатки, свои приверженцы и противники. Но все пользователи используют одни и те же каналы связи. Похожая ситуация наблюдается и в обычных телефонных сетях. Они могут служить для связи голосом, передачи факсов, межкомпыотерной связи и т.д. как самая современная система, должна обеспечивать совместимость с более старыми системами, поэтому от старых протоколов не отказываются, а стараются приспособить их к современным нуждам (например, ftp). Существуют следующие схемы доступа:
е-доступ к файлу на локальном диске; -доступ к архивам файлов но прогокол> передачи файлов (tile transfer protocol):- доступ к WWW;- отправка сообщения по электронной почте;- доступ к новостям USENET:- доспи к новостям USENET по протоколу NNTP:- подключение но протоколу telnet:. - подключение к системе поиска WAIS.
Когда гиперссылка используется для указания адреса электронной почты, её выбор обеспечивает не переход к новому документу, а запуск диалога для отправки сообщения указанному адресату. Обычно такую ссылку размешают в конце страницы для обеспечения связи с Web-мастером или автором страницы.
В том случае, когда используются переходы внутри текущей страницы, на ней должны быть расставлены метки.
В больших сайтах часто используются метки для перехода к определенной части некоторой страницы:
<А name-» http: Адрес Файл . 1пт1#мегка»> </а>
Для перехода к метке используется ссылка по такому шаблону:
Текст подсказки <А Ьге1=«£метка»> Текст для щелчка </а>
Для элемента А предусмотрены различные атрибуты. Атрибут hreflang, по аналогии с атрибутом lang. позволяет указать язык, который используется на адресу мой странице.
В структуру гиперссылок заложена возможность создания сложных текстовых документов, доступных через Интернет. Предполагается, что такие документы будут состоять из многих HTML-страниц с перекрестными ссылками. Чтобы пользователь мог эффективно управлять документом, броузер должен оптимизировать работу с отдельными страницами, например, загружать страницы, которые могут понадобиться пользователю, в фоновом режиме. Для этого необходимо снабдить страницы информацией о назначении ссылок.
Для решения этой задачи гиперссылки подразделяются на прямые (forward) и обратные (reverse). Ссылка, вызывающая переход с текущей страницы, называется прямой. Соответственно, при помощи броузера или другой ссылки может быть выполнен и обратный переход. Для определения более точного типа ссылки используются два атрибута (один для прямых. другой - для обратных ссылок). Определены следующие стандартные типы ссылок: alternate - другая версия документа; sty lesheet - таблица стилей в виде отдельного файла;
Фрейм - это определенная область, в которую грузится страничка. Таким образом то, что вы видите, собирается из нескольких HTML. Собственно, примерно то же осуществляет и SSI, и PHP и много других языков программирования, скриптов и т.п.
Фреймы придуманы еще на заре становления HTML для облегчения создания страничек большого размера. Фреймы позволяли хранить, например, меню в отдельном файле, и разом - не перелопачивая десятки, сотни и у некоторых даже тысячи html-страничек ради того, чтобы добавить или убрать пункт меню. Очень удобно, казалось бы, но - система фреймирования почему-то не всегда (я бы даже сказал, - почти никогда!) правильно воспринимается большинством поисковиков. Рейтинг фреймовых страничек в большинстве поисковиков меньше, чем точно тех же страничек, с совершенно тем же содержимым, но со встроенным меню без фреймов