Конспект лекций для студентов специальности i 53 01 07 Информационные технологии и управление в технических системах

• Название: Конспект лекций для студентов специальности i 53 01 07 Информационные технологии и управление в технических системах
• Дата: 11.05.2023
• Размер: 0.6 Mb.
• Имя файла: 12_100229_1_65759 (1).pdf
• Тип: Конспект лекций; #1122969
• страница: 2 из 6

Введение в HTML

HTML (Hypertext Markup Language)
Текст внутри заголовка или абзаца можно форматировать с помощью текстовых элементов логического и физического стиля.
К элементам логического стиля относятся такие, как address
(оформление контактной информации),
cite
(оформление цитат),
code
(оформление фрагмента кода, вставленного в текст абзаца) и др.
К элементам физического стиля относятся:
Font
(определяет параметры шрифта: цвет, гарнитуру и размер, и др.),
B
(полужирный),
I
(курсив),
U
(подчеркнутый),
s
(перечеркнутый),
Sub
(нижний индекс),
Sup
(верхний индекс).
Текст можно выделять курсивом, полужирным
Вот формула полной энергии тела: E = mc².
Указанных тегов часто недостаточно для полноценного форматирования текста, поэтому многие элементы физического стиля формируются только с использованием таблицы стилей.
Необходимо отметить, что в тексте нельзя употреблять некоторые символы, которые используются для оформления элементов HTML. Например,
символы < и >. Их следует заменять соответствующими
esc- последовательностями. Также esc-последовательностями обозначаются символы copyright и registered trade mark, специальные символы некоторых европейских алфавитов и др.
4.5 Таблицы
Таблица – наиболее важный элемент, который используется не столько для представления табличной информации, сколько для управления размещением

17
фрагментов документа на экране. Таблица оформляется контейнером
Table и
содержит группы строк трёх видов: заголовка (
THead
), тела (
TBody
) и подвала
(
TFoot
). Первая и последняя – необязательны, тело – обязательно. Строки оформляются элементом
Tr и содержат ячейки двух видов: заголовка (
Th
), и ячейки данных (
Td
). Например, таблица с заголовком, подвалом и подписью имеет следующий вид:

Сведения о продажах на 08.11.2006

Наименование продукции	Количество	Стоимость
Процессор Intel Pentium IV 1500	1,000	80,000.00
Процессор AMD Athlon 1400	1,300	84,500.00
Итого		164,500.00

Для контейнера
Table определены следующие необязательные атрибуты:

18
Align
(позволяет управлять горизонтальным выравниванием – "
Left
", "
Center
",
"
Right
"),
Border
(толщина внешней границы таблицы в пикселях),
CellSpacing
(промежуток между ячейками, заполняемое цветом фона),
CellPadding
(отступы от всех четырех границ содержимого ячеек от границ ячеек),
Height и
Width
(высота и ширина таблицы, размеры можно в пискелях и в процентах от высоты и ширины окна),
BgColor
(цвет фона),
BackGround
(картинка фона таблицы),
BorderColor
(цвет границы таблицы).
Теги
THead
,
TBody
,
TFoot и
Tr имеют следующие необязательные атрибуты:
Align
(выравнивание по горизонтали всех ячеек всех строк группы),
Valign
(выравниванием по вертикали – "
Top
", "
Middle
", "
Bottom
", "
BaseLine
")
и др.
4.6 Гиперссылки
Существует три основных типа гиперссылок: внутренние, внешние и относительные.
Внутренние ссылки (internal links) – это ссылки на объекты в пределах одного документа. С их помощью пользователь может перемещаться по одной и той же Web-странице между ее разделами.
Внешние (external links), или удаленные (distant links) ссылки – это ссылки на другие Web-серверы.
Относительные (relative links), или локальные (local links), ссылки – это ссылки на другие Web-страницы (или службы Internet), расположенные на одном сервере со страницей, содержащей ссылки.
В каждой ссылке содержится URL (Uniform Resource Locator), или
унифицированный локатор ресурсов, являющийся адресом Web-страницы,
который отображается в адресном поле. Гиперссылка оформляется контейнером
A
с атрибутами
Href
(адрес гиперссылки),
Target
(имя окна или фрейма, в который будет загружен ресурс). Внутри контейнера можно указать объект
(текст или картинку), по которому необходимо щелкнуть мышью для перехода по ссылке.
Домашняя страница Microsoft
4.7 Списки стилей
Каскадные таблицы стилей (CSS) были реализованы в 1997 году. В
качестве применяемой HTML-разметки они стали доступны с версии Internet
Explorer 4.0. Стили основаны на разметке, существующей в языке HTML и не являются заменой HTML. Назначение списка стилей – определить оформление того или иного элемента или набора элементов.
Существует три способа добавления информации о стиле в HTML- документ. Первый – использование внешнего списка стилей, который либо импортируется, либо связывается с текущим документом. Второй – включение

19
информации о стилях, действующих в данном документе, в элемент

Sample text 1.
Sample text 2.

20


Sample text 1.