Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Нумерованные списки. В данном случае Обозреватель автоматически будет проставлять числа перед каждым элементом списка






В данном случае Обозреватель автоматически будет проставлять числа перед каждым элементом списка. Начинается пронумерованный список с тэга < OL> и завершается тэгом < /OL>. Например:

< OL> < LI> Один < LI> Два < LI> Три < LI> Четыре < LI> Пять < /OL> 1. Один 2. Два 3. Три 4. Четыре 5. Пять

Тэг < OL> может иметь следующие атрибуты:

TYPE - вид счетчика:

A - большие латинские буквы

a - маленькие латинские буквы

I - большие римские цифры

i - маленькие римские цифры

1 - обычные цифры

START - устанавливает число, с которого будет начинатся отсчет.

Следующий пример отображает список, пронумерованный большими латинскими буквами и начинающийся с восьмой цифры:

< OL TYPE=" I" START=" 8" > < LI> Восемь < LI> Девять < LI> Десять < LI> Одиннадцать < LI> Двенадцать < /OL> VIII. Восемь IX. Девять X. Десять XI. Одиннадцать XII. Двенадцать

Маркированные списки

Для непронумерованных списков Обозреватель обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь Обозревателя.

Непронумерованный список начинается открывающимся тэгом < UL> и завершается тэгом < /UL>. Каждый элемент списка начинается с тэга < LI>. Например:

< UL> < LI> Один < LI> Два < LI> Три < LI> Четыре < LI> Пять < /UL> o Один o Два o Три o Четыре o Пять

Тэг < UL> может включать параметр TYPE со значениями disc, circle, square.

< UL TYPE=disc> < LI> disc < /UL> · disc
< UL TYPE=circle> < LI> circle < /UL> o circle
< UL TYPE=square> < LI> square < /UL> § square

Данные значения - это внешний вид маркера, который по умолчанию ставится в виде диска, т.е. disc.

Списки определений

Списки определений имеют следующий вид:

< DL> < DT> Термин < DD> Определение термина < DD> Определение термина < DD> Определение термина < DD> Определение термина < /DL> Термин Определение термина Определение термина Определение термина Определение термина

С элементом DL можно использовать атрибут COMPACT для установки более компактного размещения пунктов списка.

< DL COMPACT>

Именно так используется данный атрибут - никакие числовые значения ему не присваиваются.

Ссылки

Для создания ссылок предназначен парный тэг < a>. Ссылки позволяют осуществлять мгновенный переход от одного документа к другому, либо реализовать навигацию по одному документу. Закрывающий тег обязателен.

Тэг < a> имеет следующие атрибуты:

href=”” – значением этого атрибута является URL-адрес, на который ссылается ссылка.

Адрес может быть как относительным (href=”/index.html”), так и абсолютным (https://yandex.ru).

 

Атрибута href достаточно для создания ссылки на любой адрес в Интернете:

 

< a href=”https://google.com”> Ссылка на google.com< /a>

 

title=”” – этот атрибут отвечает за подсказку, которая будет появляться при наведении курсора мыши на ссылку.

 

target=”” – отвечает за то, где и как будет открыт документ на который ссылается ссылка.

Может принимать значения:

· _blank – открывает документ в новом окне.

· _parent – открывает документ в родительском окне.

· _self – значение по умолчанию, открывает документ в текущем окне.

· Также значением параметра target может быть имя фрейма.

 

name=“” – задает имя ссылки.

 

Часто ссылки применяются для навигации между отдельными частями одной HTML страницы (в случае если страница большая и необходимо быстро переходить от одной части текста к другой), для этого предназначен атрибут name. Получается ссылка на ссылку. В нужной части документа мы располагаем тэг < a> с заданным атрибутом name. В другой части мы помещаем тэг < a>, который будет ссылаться на первую ссылку с заданным атрибутом name.

Пример:

< a href=”#mylink”> Прокрутить страницу вниз< /a>

………..

< a name=”mylink”> необходимая нам часть страницы< /a>

Таким образом, при нажатии на ссылку «Прокрутить страница вниз» браузер автоматически прокрутит страницу до текста «необходимая нам часть страницы».

 

Создание фреймов Фреймы - это окна независимого просмотра HTML-документов. Иногда бывает очень удобно использовать навигацию по странице в виде меню, оформленного в отдельном фрейме, и основного окна, где будет представлена вся основная информация, определяемая действиями пользователя в области меню.Для создания фрейма используется тег FRAMESET, который заменяет тег BODY в документе и используется для разделения экрана на области. Внутри данного тега находятся теги FRAME, которые указывают на HTML-документ, предназначенный для загрузки в область.Пример 1. Создание простого фрейма< HTML> < FRAMESET cols=" 30%, 70%" border=0> < FRAME src=" menu.html" < FRAME src=" main.html" > < /FRAMESET> < /HTML> В приведенном примере присутствует объявление двух фреймов, которые будут располагаться вертикальными полосами и занимать соответственно 30 и 70 процентов рабочей области. Вертикальное расположение устанавливается параметром cols=" …", а для горизонтальных полос используют параметр rows=" …". Определение документа, изначально загружаемого при открытии этого файла (этот документ является HTML-страницей.), задается атрибутом тега < FRAME> src=" …".. Файл menu.html имеет следующую структуру: < HEAD> < TITLE> < /TITLE> < /HEAD> < BODY> < H1> Первый фрейм< /H1> < /BODY> < /HTML> Файл main.html также имеет указанную выше структуру. Следует сказать, что оба этих файла должны располагаться в том же каталоге, где расположен файл с фреймами.

Тэги < FRAMESET> могут быть вложенными, т.е. например:

< FRAMESET ROWS=" 50%, 50%" >

< FRAMESET COLS=" *, *"

< /FRAMESET>

< /FRAMESET

Распространенное явление - комбинация вертикальных и горизонтальных фреймов.< FRAMESET cols=" *, 55%" > символ * означает все оставшееся место< FRAME src=" homepage.htm" name=" Frame1" > < FRAMESET rows=" 15%, 15%, 70%" > < FRAME src=" menu.htm" name=" Frame2" > < FRAME src=" menu2.htm" name=" Frame3" > < FRAME src=" menu3.htm" name=" Frame4" > < /FRAMESET> < /FRAMESET> Символ " *" в теге < FRAMESET rows=" 15%, *" >

указывает на то, что все оставшееся место будет принадлежать данному фрейму. Если указывается два или более фрейма с описанием " *" (например " *, *"), то оставшееся пространство делится поровну между этими фреймами. Если перед звездочкой стоит цифра, то она указывает пропорцию для данного фрейма (во сколько раз он будет больше аналогично описанного чистой звездочкой). Например, описание " 3*, *, *", говорит, что будет создано три фрейма с размерами 3/5 свободного пространства для первого фрейма и по 1/5 для двух других. Значения аттрибутов cols и rows могут выражаться не только в процентах. cols=" 150, *, 100" - страница разделена на три столбца, где ширина левого 150 пикселей, правого - 100 пикселей, а средний столбец - это все оставшееся между ними место (знак *).

Например, < FRAMESET COLS=" 50, *, 50" > - описывает три фрейма, два по 50 точек справа и слева, и один внутри этих полосок. Если вы будете размеры фреймов устанавливать в пикселах, то желательно ширину (или высоту) одного из них определить значком *. Можно, например, написать cols=" 150, 550, 100", и все будет выглядеть отлично на вашем мониторе с разрешением 600*800. Но стоит только изменить разрешение, и картина полностью изменится. Потому-то и рекомендуется использовать " звездочку".

< FRAMESET ROWS=" 20%, 3*, *" > - описывает три фрейма, первый из которых занимает 20% площади сверху экрана, второй 3/4 оставшегося от первого фрейма места (т.е. 60% всей площади окна), а последний 1/4 (т.е. 20% всей площади окна.

< FRAMESET ROWS=" *, 60%, *" > - аналогично предыдущему примеру.

 

Атрибуты тегов < frameset> и < frame>.

Рассмотрим Первый из них, < frameset> - парный тег, т.е. он обязательно должен иметь закрывающий тег. Может включать следующие аттрибуты:

  • cols и rows - применение и возможные значения этих аттрибутов были рассмотрены выше. Внимание! Не рекомендуется одновременное использование аттрибутов cols и rows, т.е. в некоторых браузерах конструкция < frameset cols=" 50%, 50%" rows=" 30%, 70%" > может привести к непредсказуемым результатам;
  • border=" x" - толщина рамок фреймов в пикселах;
  • frameborder=" no|yes" или " 0|1" - определяет отсутствие (no или 0) или наличие (yes или 1) рамок в определенном фреймсете.
  • bordercolor=" #hhhhhh" - цвет рамок. Значением может быть шестнадцатиричное число или зарезервированное слово (red, blue, teal, olive и т.д.);

Тег < frame> может включать следующие аттрибуты:

  • src=" имя" - указывает браузеру, что и откуда надо загружать в данный фрейм;
  • name=" имя" - присваивает имя фрейму. Позволяет управлять данным фреймом из других. Например, клик по ссылке в одном фрейме будет вызывать загрузку страницы в другом фрейме (подробнее в следующем абзаце);
  • marginwidth=" x" - величина отступа содержимого фрейма (текста, графики и т.п.) от границ по горизонтали. Выражается в пикселах, минимальное значение 1;
  • marginheight=" y" - величина отступа по вертикали. Минимальное значение также 1;
  • scrolling=" yes" - определяет наличие полос прокрутки у данного фрейма. Возможные значения аттрибута:
    • yes - полосы прокрутки присутствуют обязательно;
    • no - полосы прокрутки отсутствуют всегда - независимо от того, вмещается ли документ в фрейм целиком или нет;
    • auto - автоматический режим (значение по умолчанию): полосы прокрутки появляются при необходимости, т.е. если документ не вмещается в фрейм;
  • noresize - наличие этого аттрибута запрещает изменение размеров фрейма пользователем (обычно любую границу фрейма можно с легкостью переместить мышкой).

Как указывалось выше, аттрибут name тега < frame> позволяет присвоить каждому фрейму свое имя, что позволяет управлять содержимым одного фрейма из другого Как это сделать, рассмотрим на примере:

Меню Урок 1

 

В левом фрейме у нас меню, а в правом - урок первый: < frameset cols=" 200, *" > < frame src=" menu.html" > < frame src=" urok1.html" name=" content" > < /frameset>

Правому фрейму мы присвоили имя " content" (можно любое другое). Теперь создадим файл menu.html, это будет меню для левого фрейма:

< html> < head> < title> menu< /title> < /head> < body> < a href=" urok1.html" target=" content" > Урок 1< /a> < br> < a href=" urok2.html" target=" content" > Урок 2< /a> < br> < a href=" urok3.html" target=" content" > Урок 3< /a> < br> < a href=" urok4.html" target=" content" > Урок 4< /a> < br> < /body> < /html>

Теперь клик по ссылке " Урок 2 " вызовет загрузку страницы " urok2.html" в фрейме с именем " content" (т.е. в правом фрейме). При отсутствии аттрибута target (перводится с английского как " цель") загрузка произошла бы в левом фрейме, где находится сама ссылка. Этот аттрибут в данном примере можно указать только один раз - как аттрибут тега < base>, т.е. все ссылки по умолчанию будут загружаться в фрейме с именем " content". В таком случае текст будет выглядеть так:

< html> < head> < title> menu< /title> < /head> < body> < base target=" content" > < a href=" urok1.html" > Урок 1< /a> < br> < a href=" urok2.html" > Урок 2< /a> < br> < a href=" urok3.html" > Урок 3< /a> < br> < a href=" urok4.html" > Урок 4< /a> < br> < /body> < /html>

Кроме имени фрейма значением аттрибута target может быть одно из следующих зарезервированных слов:

  • _blank - браузер должен открыть новое окно и загрузить в него документ (на который была ссылка) - обычно используется для того, чтобы посетитель не уходил по ссылке с вашего сайта;
  • _top - браузер должен загрузить документ в этом же окне, предварительно очистив его от всех фреймов - аттрибут с этим значением надо указывать обязательно, если вы делаете ссылку на другой сайт из фрейма. В противном случае этот сайт будет загружен в фрейме;
  • _self - документ загружается в том же фрейме, где находится сама ссылка. Может потребоваться в случае, если в тексте есть строка < base target=" имя_фрейма" >;
  • _parent - документ загружается в родительский фреймсет текущего фрейма.

 






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.