- •2.2 Серверная операционная система Windows Server 2007.
- •2.3 Порядок установки операционной системы Windows Server
- •Часть 1. Инсталляция Windows Server 2003
- •Часть 2. Завершение установки.
- •Часть 3. Активация Windows Server 2003.
- •Часть 4. Установка дополнительных компонентов
- •2.4 Настройка операционной системы Windows Server
- •3 Контрольные вопросы:
- •Лабораторная работа № 2 « Язык гипертекстовой разметки html. Синтаксис языка »
- •Особенности html
- •Структура html - кода
- •3 Контрольные вопросы
- •4 Порядок выполнения лабораторной работы:
- •Лабораторная работа № 3 «Синтаксис тегов. Основные теги html для форматирование текста. Тег для создания ссылок»
- •Теги можно писать как прописными, так и строчными символами
- •Для параметров тегов используются значения по умолчанию
- •Переносы строк
- •Параметры тегов и кавычки
- •Неизвестные теги и параметры
- •Порядок тегов
- •Закрывайте все теги
- •Порядок параметров в тегах
- •Теги для работы с текстом
- •Тег для создания ссылок
- •3 Контрольные вопросы
- •4 Порядок выполнения лабораторной работы:
- •Лабораторная работа № 4 «Тег для создания якоря. Тег для встраивания изображения»
- •Тег для создания якоря
- •Тег для встраивания изображения
- •Альтернативный текст
- •Размеры изображения
- •Рамка вокруг изображения
- •Поля вокруг изображения
- •Выравнивание изображения
- •3 Контрольные вопросы
- •4 Порядок выполнения лабораторной работы:
- •Лабораторная работа № 5 «Теги для создания списка и таблиц»
- •Маркированный список
- •Нумерованный список
- •Список определений
- •Создание таблиц
- •Параметры таблиц
- •Параметры ячеек
- •Особенности таблиц
- •3 Контрольные вопросы
- •4 Порядок выполнения лабораторной работы:
- •Лабораторная работа № 6 «Создание информационного web-сайта организации с помощью визуального редактора Microsoft SharePoint Designer 2007»
- •3 Задание на лабораторную работу
- •Список литературы:
Порядок параметров в тегах
Порядок параметров в любом теге не имеет значения и на результат отображения элемента не влияет.
Теги для работы с текстом
Для изменения вида текста существует достаточно большое количество различных тегов. Это и неудивительно, ведь текст самый популярный вид информации.
Абзацы
Как правило, блоки текста разделяют между собой абзацами (параграфами). По умолчанию между параграфами существует небольшой вертикальный отступ, называемый отбивкой. Синтаксис создания абзацев следующий:
<p>Абзац 1</p> <p>Абзац 2</p>
Каждый абзац начинается с тега <p> и должен иметь необязательный закрывающий тег </p>.
Замечание 2
В любой книге для выделения следующего абзаца используется отступ первой строки, еще называемый «красная строка». Это позволяет читателю легко отыскивать взглядом новую строку и повышает, таким образом, читабельность текста. На веб-странице этот прием обычно не используется, а для разделения абзацев применяется отбивка.
В примере 3 показано применение абзацев для создания отступов между строк.
Пример 3. Использование абзацев
<html> <head> <title>Применение абзацев</title> </head> <body> <p>В одних садах цветёт миндаль, в других метёт метель. </p> <p>В одних краях ещё февраль, в других - уже апрель.</p> <p>Проходит время, вечный счёт: год за год, век за век... </p> <p>Во всём - его неспешный ход, его кромешный бег. </p> <p>В году на радость и печаль по двадцать пять недель.</p> <p>Мне двадцать пять недель февраль, и двадцать пять - апрель. </p> <p>По двадцать пять недель в туман уходит счёт векам. </p> <p>Летит мой звонкий балаган куда-то к облакам. </p> <p><i>М. Щербаков</i></p> </body> </html>
Для этого тега используется параметр (атрибут) ALIGN.
<P ALIGN=”right”>текст </P> - выравнивание по правому краю страницы;
<P ALIGN=”center”>текст</P> - выравнивание по центру страницы;
<P ALIGN=”left ”>текст </P> - выравнивание по левому краю страницы.
<P ALIGN=” justify ”>текст </P> - выравнивание по ширине страницы (в старых версиях браузера не работает).
Переносы строк
В отличие от абзаца, тег переноса строки <BR> не создает дополнительных вертикальных отступов между строками и может применяться практически в любом тексте. Синтаксис следующий.
В одних садах цветёт миндаль, в других метёт метель. <br> В одних краях ещё февраль, в других - уже апрель.
Заголовки
Заголовки выполняют важную функцию на веб-странице. Во-первых, они показывают важность раздела, к которому относятся. Чем больше заголовок и его «вес», тем более он значимый. Вспомните, что в газетах и журналах передовицы набраны крупным шрифтом, тем самым, привлекая к ним внимание и говоря: «вот это надо читать обязательно». Во-вторых, с помощью различных заголовков легко регулировать размер текста. Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (<H1>), а самым нижним — уровень 6 (<H6>). И, в-третьих, поисковики добавляют рейтинг тексту, если он находится внутри тега заголовка. Это важно для раскрутки сайта и для его занятия первых строк выдачи результата в поисковой системе по ключевым словам. Параметр ALIGN также используется для этого тега.
Синтаксис создания заголовков следующий:
<h1>Заголовок первого уровня</h1> <h2>Заголовок второго уровня</h2> <h3>Заголовок третьего уровня</h3> <h4>Заголовок четвертого уровня</h4> <h5>Заголовок пятого уровня</h5> <h6>Заголовок шестого уровня</h6>
Как правило, на веб-странице применяют заголовки с первого по третий уровень, их вполне достаточно. Редко когда приходится использовать заголовки более низкого уровня.
В примере 4 показано одновременное применение различных заголовков.
Пример 4. Использование заголовков
<html> <head> <title>Применение заголовков</title> </head> <body> <h1>Ускорение работы сайта</h1> <h2>Часть 1</h2> <p>Ускорение загрузки и сокращение кода веб-страниц.</p> <h2>Часть 2</h2> <p>Сжатие графических файлов при сохранении их качества.</p> <h2>Часть 3</h2> <p>Ускорение запуска и выполнения скриптов на языке JavaScript.</p> </body> </html>
Полужирное начертание
Насыщенностью называют увеличение толщины линий шрифта и соответственно контраста. Обычно различают четыре вида насыщенности: светлое начертание, нормальное, полужирное и жирное. Однако с помощью HTML можно установить только нормальное и полужирное начертание. Из-за этого термины «полужирный» и «жирный» слились воедино, поэтому правильно применять то или иное слово для обозначения одного и того же начертания. Синтаксис следующий:
<b>Жирное начертание шрифта</b>
Курсивное начертание
Курсивный шрифт представляет собой не просто наклон отдельных символов, для некоторых шрифтов это полная переделка под новый стиль, имитирующий рукописный. Синтаксис следующий:
<i>Курсивное начертание шрифта</i>
Подчёркнутый текст
Синтаксис следующий:
<U>Подчёркнутый текст</U>
Верхний индекс
Воспроизводит текст как верхний индекс. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера. Синтаксис следующий:
<sup>Верхний индекс</sup>
Нижний индекс
Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера. Синтаксис следующий:
<sub>Нижний индекс</sub>
Вид, размер и цвет шрифта
Вид, размер и цвет шрифта позволяет задать тег <FONT>. Атрибут SIZE задает размер шрифта (от-2до+4), но не выделяет текст жирным шрифтом. Стандартный SIZE(по молчанию) =+0. Например:
<FONT SIZE ="+4">текст</FONT>.
Атрибут FACE тега <FONT> позволяет задать шрифт (Arial, Times Roman и др.):
<font FACE =" Arial ">текст (шрифт Arial ) </font>.
Атрибут COLOR позволяет задать цвет.
Задание цвета для текста и фона
Значение атрибута COLOR можно задать либо названием цвета (например, “red”, “blue”, “grin” и так далее), либо его шестнадцатеричным значением. Шестнадцатеричное представление цвета использует RGB – формат “#RRGGBB”, где две первые шестнадцатеричные цифры задают интенсивность красного цвета (red), две следующие – интенсивность зелёного (green) и две последние – интенсивность синего (blue) цветов. Минимальная интенсивность цвета задаётся шестнадцатеричным числом 00, а максимальная FF.
Белый цвет задается “# FFFFFF”, черный цвет задается “#000000”
Тогда синему цвету будет соответствовать значение “#0000FF”.
Таким образом, задать цвет можно с помощью тега FONT с атрибутом COLOR.
Например, цвет заголовка можно задать следующим образом:
<h1><font color=”#FF0000”> «Компьютерные сети» </font></h1>. Так же сразу задать цвет всему тексту:
<body text=”#336699”>, это значит, что весь текст страницы будет синим (если цвет <body> не задавать, то по умолчанию он будет черным).
Цвет фона так же устанавливается в теге <body> с помощью атрибута bgcolor:
<body bgcolor=”#0000FF”>.