Студопедия

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

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

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






Парные теги влияют на вид следующего за ними текста, непарные влияют только на место вставки. Закрывающему тегу атрибуты не нужны.






 

Выделение текста и шрифты

Не стоит задавать шрифты их названиями. Нет никакой гарантии, что нужный шрифт есть у читателя. Лучше задать его стандартными тегами: хоть результат и зависит от средства просмотра и его настроек, зато наверняка текст будет изображен во-первых похоже, а во-вторых в едином стиле. Вот эти теги:

< В> Выделяет текст полужирным шрифтом.
< I> Выделяет текст курсивом.
< TT> Выводит текст шрифтом фиксированной ширины.
< U> Элемент подчёркивания.
< STRIKE> Элемент зачеркивания. Отображается текст, перечеркнутый горизонтальной линией.
< BIG> Выводит текст шрифтом большего размера.
< SMALL> Выводит текст шрифтом меньшего размера.
< SUB> Сдвигает текст ниже уровня строки и выводит его шрифтом меньшего размера.
< SUP> Сдвигает текст выше уровня строки и выводит его шрифтом меньшего размера.
< CENTER> Центрирует блок текста, отменяет действие < P>

Цитаты, переменные, адреса

< CITE> Используется для выделения цитат или названий книг и статей, при этом текст обычно выводится курсивом.
< CODE> Применяется для вывода небольшого куска программного кода (для больших листингов используется тег < PRE>) шрифтом фиксированной ширины.
< EM> Выделение важных фрагментов текста. Браузеры обычно отображают такой текст курсивом.
< KBD> Элемент, выделяющий шрифтом фиксированной ширины текст, вводимый пользователем с клавиатуры.
< SAMP> Используется для выделения нескольких символов шрифтом фиксированной ширины.
< STRONG> Сильное выделение важных фрагментов текста. Браузеры обычно отображают такой текст полужирным шрифтом.
< VAR> Используется для отметки имен переменных. Обычно такой текст отображается курсивом.
< ADDRESS> Служит для идентификации автора документа и для указания адреса автора
< BLOCKQUOTE> Для выделения цитаты. Современные браузеры смещают текст цитаты вправо.
< BLINK> Мигание, работает только в NC

 

Неформатированный текст

Для предотвращения форматирования используется тег < PRE> -- < /PRE>. Текст, заключенный между двумя этими тегами выводится точно так, как он набран в исходном документе. Это бывает нужно, например, в текстах программ.

< PLAINTEXT> Переводит вывод текста в шрифт фиксированной ширины, а также выключает HTML-обработку текста до тех пор, пока браузер не встретит < /PLAINTEXT> тег.

< FONT>

имя атрибута возможные значения описание примечания
FACE Times New Roman, Courier, Arial, Helvetica позволяет указать как один, так и несколько шрифтов (через запятую). Это весьма полезное свойство, так как платформы Windows и Macintosh имеют почти идентичные шрифты, называющиеся по-разному. Весь список будет просмотрен слева направо, и первый из имеющихся на машине пользователя будет использован для вывода документа.
SIZE 1-7, +/- 1-7 Этот атрибут служит для указания размера шрифта в условных единицах от 1 до 7 Принято считать, что размер " нормального" шрифта соответствует числу 3. Размер может быть указан как абсолютной величиной (SIZE=5), так и относительной (SIZE=+2). Последний метод чаще употребляется.
COLOR   Этот атрибут устанавливает цвет шрифта, который может быть указан как в формате RGB, так и стандартным именем  

Например:

< FONT SIZE=3 FACE=" Verdana, Arial, Helvetica" COLOR=" " > --< /FONT>

< FONT SIZE=+1>

< A HREF=" txt.htm" target=" verz" > Простейший HTML-документ.< /A>

< /FONT>

< BASEFONT>

Тег < BASEFONT> служит для указания размера, типа и цвета шрифта, стандартных для данного документа. Эти величины обязательны для всего документа, если только не переназначаются при помощи элемента FONT. После закрытия элемента FONT значения тега < BASEFONT> восстанавливаются. Значения атрибутов BASEFONT могут быть изменены другим тегом < BASEFONT> в любом месте документа. Обратите внимание, что это не контейнер и закрывающего тега не существует. Тег < BASEFONT> использует те же самые атрибуты, что и элемент FONT.

 

Списки, Меню

Для перечисления списка по пунктам используются такие теги

· Для простых списков:

o Для задания типа списка:

1. < UL> -- < /UL>: Для обрамления ненумерованного списка.

2. < OL> -- < /OL>: Для обрамления нумерованного списка. У этого тега есть атрибут start=" число", которое задает номер первого элемента, и по умолчанию равно 1.

3. < DIR> -- < /DIR> Для обрамления списка директории.

4. < MENU> -- < /MENU> -аналогично UL

Атрибут COMPACT сокращенные промежутки между элементами

o Для обозначения очередного пункта списка:

1. < LI> -- < /LI>. Здесь ситуация как с параграфами: закрывающий тег можно опустить, поскольку начало очередного пункта списка или конец списка автоматически означает конец предыдущего.

· Для списков определений:

o Для задания типа списка:

1. < DL> -- < /DL>. Список определений -- это список пар (скажем, термин и определение).

o Для обозначения очередного пункта списка:

1. < DT> -- < /DT>: Для обрамления термина.

2. < DD> -- < /DD>: Для обрамления определения.

А вот как выглядит текст предыдущего параграфа в исходном коде документа (заодно, обратите внимание символ " < " пришлось заменить на " & lt; " для того, чтобы отличить его от тега;

< P> Для перечисления списка по пунктам используются такие теги

< UL>

< LI> Для простых списков: < /LI>

< UL>

< LI> Для задания типа списка: < /LI>

< OL>

< LI> & lt; UL> -- & lt; /UL>, для ненумерованного списка.< /LI>

< LI> & lt; OL> -- & lt; /OL>, для нумерованного списка.

У этого тега есть атрибут start=" число", которое задает номер первого элемента,

и по умолчанию равно 1.< /LI>

< /OL>

< LI> Для обозначения очередного пункта списка: < /LI>

< OL>

< LI> & lt; LI> -- & lt; /LI>. Здесь ситуация как с параграфами: закрывающий тег

можно опустить, поскольку начало очередного пункта списка или конец списка

автоматически означает конец предыдущего.< /LI>

< /OL>

< /UL>

< LI> Для списков определений: < /LI>

< UL>

< LI> Для задания типа списка: < /LI>

< OL>

< LI start=" 3" > & lt; DL> -- & lt; /DL>. Список определений -- это список пар

(скажем, термин и определение).< /LI>

< /OL>

< LI> Для обозначения очередного пункта списка: < /LI>

< OL>

< LI start=" 2" > & lt; DT> -- & lt; /DT>, для термина.< /LI>

< LI> & lt; DD> -- & lt; /DD>, для определение.< /LI>

< /OL>

< /UL>

< /UL>

Атрибуты для списков UL, DIR, MENU:

имя атрибута возможные значения описание
TYPE DISC, SQUARE, CIRCLE стиль тега (звездочка “*”, плюс “+” и символ “o”.)

Атрибуты для списков OL:

имя атрибута возможные значения описание
TYPE 1, a, A, i, I стиль нумерации
START целое начальная цифра последовательности, по умолчанию 1
VALUE целое последовательные числа

В HTML 3.0 вы можете вместо обычного тега поместить GIF или специальный символ.

Атрибут РLAN = создает ненумерованные списки без тегов. Разумеется, простейший способ это сделать - воспользоваться списком определений, но если вы все же захотите вставить в список один-два тега, то лучше применяйте данный атрибут.

Атрибут SRС = используется для того, чтобы задать GIF-файл вместо обычного тега GIF, наиболее употребительный в HTML графический формат. Вместо того чтобы помещать GIF перед строкой с тегом < ВR> в конце, вы можете создать собственные изящные теги и затем использовать их в списке. В этом случае вы получите все преимущества ненумерованного списка и вдобавок симпатичные GIF-картинки в качестве тегов. Атрибут SRC= можно задать в теге < UL>, определив сразу все теги списка, а можно указать разные GIF для разных пунктов списка, помещая атрибут SRC= в каждом теге < LI>. В любом случае для того чтобы атрибут SRС= работал с тегом < UL>, нужно задать атрибут РLAN=.

Атрибут DINGВАТ = позволяет создавать специальные типографские символы dingbats, поддерживаемые броузером. Эти символы имеют вид картинок, которые используются в качестве тегов в списках. Приведем список стандартных dingbats: Text, Audio, Folder, Disc drive, Form, Home, Next.

Для задания dingsbat нужно указать его имя в теге < LI>. Например, для того чтобы задать home (домик), записывайте тег < LI DINGBAT=" home" >.

Dingsbat можно также применять с тегом заголовка.

Тег < OL>

Нумерованные списки. Тег < OL> вместе с атрибутом ТYРЕ= в HTML 3.0 позволяет создать нумерованные списки, используя в качестве номеров не только обычные числа, но и строчные и прописные буквы, а также строчные и прописные римские цифры. При необходимости можно даже смешивать эти типы нумерации в одном списке.


< ОL ТYРЕ=1> Тег создает список с нумерацией в формате 1., 2., 3., 4. и т. д.
< ОL ТYРЕ=A> Тег создает список с нумерацией в формате А., В., С., В. и т. д.
< ОL ТYРЕ=a> Тег создает список с нумерацией в формате а., b., с., d. и т. д.
< ОL ТYРЕ=I> Тег создает список с нумерацией в формате I., II., III., IV. и т. д.

 

Специальные символы

изображение символ код описание
" & quot; & #34; двойная кавычка
& & amp; & #38; амперсанд
< & lt; & #60; меньше, чем
> & gt; & #62; больше, чем
  & nbsp; & #160; непрерывный пробел
© & copy; & #169; копирайт
® & reg; & #174; зарегистрировано
º & ordm; & #186; копье Марса
ª & ordf; & #170; зеркало Венеры
& permil; & #8240; промилле
π & pi; & #960; пи

Таблица всех спец.символов HTML

Адреса файлов

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






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