Главная | Обратная связь | Поможем написать вашу работу!
МегаЛекции

Примечание: Будьте внимательны. Многие элементы форматирования текста PRE, CODE, KBD,SAMP.), расположенные внутри элемента FONT, работают некорректно.




Параметр FACE старайтесь никогда не использовать. Если на компьютере пользователя не окажется указанного шрифта некорректная работа неизбежна.

I

(HTML 2.0) – Italic

Текст, заключенный между начальным и конечным тэгами, будет выделен курсивом.

Текст с <│> курсивом </│>

 

EM

(HTML 2.0) – Emphasis

Логическое ударение. Используется для смыслового выделения текста, стоящего между начальным и конечным тэгами. Результат обычно отображается курсивом. То есть элемент EM практически аналогичен по действию элементу I.

Порой в России встречаются <EM> действительно талантливые <EM> веб – мастера. Но только не друг с другом.

B

(HTML 3.2) – Bold

Текст, заключенный между начальным и конечным тэгами, будет выделен жирным шрифтом.

Текст с <B> выделенным </B> словом

 

STRONG

(HTML 2.0) – Strong

Усиленное выделение. Текст, заключенный между начальным и конечным тэгами, будет выделен жирным шрифтом. То есть элемент STRONG практически аналогичен по действию элементу В.

Я <STRONG> сильный </STRONG>, но далёкий.

 

U

(HTML 2.0) – Underline

Данный элемент отображает помещенный между начальным и конечным тэгами текст как подчеркнутый.

<U> Подчёркнутый текст </U>

 

S, STRIKE

(HTML 2.0) – Strike

Элемент STRIKE отображает помещенный между начальным и конечным тэгами текст как перечеркнутый. В HTML 3.2 вместо STRIKE был предложен более краткий тэг S.

Лена + <STRIKE> Вася </STRIKE> Коля = Love

BIG

(HTML 3.2) – Big

Текст, заключенный между начальным и конечным тэгами, отображается увеличенным шрифтом (относительно текущего).

Текст с <BIG> увеличенным </BIG> словом

 

SMALL

(HTML 3.2) – Small

Текст, заключенный между начальным и конечным тэгами, отображается уменьшенным шрифтом (относительно текущего).

Небоскрёбы, небоскрёбы, а я <SMALL>маленький </SMALL> такой.

 

Примечание: В настоящее время элемент SMALL поддерживают только браузеры Internet Explorer и Netscape. Если вы хотите обеспечить совместимость с другими средствами просмотра, используйте тэг <FONT SIZE="–1"> (см. элемент FONT).

SUP

(HTML 2.0) – Superscript

Отображает текст со сдвигом вверх (верхний индекс) и уменьшением размера текущего шрифта на единицу.

Microsoft <SUP> TM </SUP>

 

SUB

(HTML 2.0) – Subscript

Отображает текст со сдвигом вниз (нижний индекс) и уменьшением размера текущего шрифта на единицу.

X < SUB> i</SUB> = B<SUB>+C< SUB >i</SUB>

CODE, SAMP

(HTML 2.0) – Code, Sample

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

Формула:<CODE>n=((x*15–z/1.25)/4)^5< /CODE >

TT

(HTML 2.0) – Tele Type

Данный элемент отображает помещенный между начальным и конечным тэгами текст моноширинным шрифтом.

<TT> СЕНЯ ЗПТ ТЧК ПОДРОБНОСТИ В ПИСЬМЕ ТЧК </TT>

KBD

(HTML 2.0) – Keyboard

Предназначен для отображения текста, который пользователь должен набрать на клавиатуре (например, при заполнении формы, введении пароля и т.п.). Как правило текст, заключенный между начальным и конечным тэгами, выделяется жирным моноширинным шрифтом.

Чтобы войти в систему наберите <KBD> “GUEST”</KBD> заглавными буквами.

 

VAR

(HTML 2.0) – Variable

Элемент VAR предназначен для обозначения в тексте переменных. Как правило, отображается курсивом.

Переменная <VAR> IndexZ </VAR> равен 5.

 

CITE

(HTML 2.0) – Citation

Оформляет находящийся между начальным и конечным тэгами текст как цитату или ссылку на источник. Обычно используется для коротких цитат (в отличие от элемента BLOCKQUOTE). Цитируемый текст отображается курсивом.

Как сказал классик:<BR>

<CITE>”Грамотное написание HTML способствует пищеварению”</CITE>

 

 

Задание:

Создать свою папку на диске и поместить в нее два документа: "aboutme.htm" и "rezume.htm". В файле "rezume.htm" указать краткую информацию о себе: ФИО, год рождения, семейное положение, адрес, телефон, e-mail, образование и указать есть ли опыт работы. В файле "aboutme.htm" кратко рассказать о себе, своей семье, о своих друзьях и о свих увлечениях. Необходимо использовать большинство тэгов, описанных в этой лабораторной работе.

Контрольные вопросы:

Опишите элементы, разбивающие текст документа на блоки.

Перечислите параметры горизонтальной разделительной линии, вставляемой в текст.

Опишите элементы форматирования текста.

Элементы BASEFONT и FONT их параметры.

Какие элементы выделяют текст курсивом?


Лабораторная работа №3

Тема: Работа со списками. Гипертекстовые ссылки

Цель: Научиться создавать списки и гипертекстовые ссылки в HTML-документе.

Списки

Списки в HTML бывают двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Отличаются они лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы–буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.

Элементы создания списков:

UL Создает неупорядоченный список
OL Создает упорядоченный список
LI Создает пункт меню внутри элементов OL или UL
MENU, DIR Создает неупорядоченный список, подобный UL
DL Открывает и закрывает список определений
DT Создает термин в списке определений внутри элемента DL
DD Cоздает определение термина внутри элемента DL

UL

(HTML 2.0) – Unsorted List

Создает неупорядоченный список. Между начальным и конечным тэгами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.

<UL>

<LI> Первый пункт списка

<LI> Второй пункт списка

<LI> Третий пункт списка

</UL>

OL

(HTML 2.0) – Ordered List

Создает упорядоченный список. Между начальным и конечным тэгами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.

Параметры:

START – определяет первое число, с которого начинается нумерация пунктов. (только целые числа)

TYPE – определяет стиль нумерации пунктов. Может иметь значения:

"A" – заглавные буквы A, B, C...
"a" – строчные буквы a, b, c...
"I" – большие римские числа I, II, III...
"i" – маленькие римские числа i, ii, iii...
"1" – арабские числа 1, 2, 3...

По умолчанию используется TYPE="1".

<OL TYPE = “I” START = “2”>

<LI> Пункт два

<LI> Пункт три

<LI> Пункт четыре

</OL>

 

LI

(HTML 2.0) – List Item

Создает пункт в списке. Располагается внутри элементов OLили UL.

Параметры:

VALUE – изменяет порядок нумерации элементов списка. Используется только, если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.

 

<OL TYPE = “A” START = “2”>

<LI> Пункт, озаглавленный буквой В.

<LI VALUE = “6”>Пункт, озаглавленный буквой F.

<LI> Пункт, озаглавленный буквой G.

</OL>

 

MENU, DIR

(HTML 2.0) – Menu, Directory List

Данные тэги предназначены для создания неупорядоченных списков, подобных UL. Эти элементы не вошли в спецификацию HTML 4.0, однако браузеры могут распознавать их в целях обратной совместимости. Авторам же рекомендуется использовать вместо MENU и DIR элемент UL.

DL

(HTML 2.0) – Definition List

Открывает и закрывает список определений (терминов и их описаний). Определения задаются с помощью тэгов <DT> и <DD>.

Параметры:

COMPACT – включает режим "компактного" отображения списка. Удобно использовать, если список определений очень велик. Данный параметр является флагом и не требует присвоения значения.

<OL COMPACT>

<DT> Жапура <DD> Река в Колумбии и Бразилии

<DT> Зайцы <DD> Семейство млекопитающих отряда зайцеобразных

</DL>

 

DT

(HTML 2.0) – Definition Term

Создает термин в списке определений внутри элемента DL.

 

DD

(HTML 2.0) – Definition Description

Cоздает определение термина внутри элемента DL.

Гипертекстовые ссылки

Гипертекстовые ссылки являются ключевым компонентом, делающим WEB привлекательным для пользователей. Добавляя гипертекстовые ссылки (далее – ссылки), создается набор связанных и структурированных документов, что позволяет пользователю получать необходимую ему информацию максимально быстро и удобно. Ссылки имеют стандартный формат, что позволяет браузеру интерпретировать их и выполнять необходимые функции (вызывать методы) в зависимости от типа ссылки.

Поделиться:





Воспользуйтесь поиском по сайту:



©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...