Партнерка на США и Канаду по недвижимости, выплаты в крипто

  • 30% recurring commission
  • Выплаты в USDT
  • Вывод каждую неделю
  • Комиссия до 5 лет за каждого referral

ЛАБОРАТОРНАЯ №1

Теоретическая часть

Команды. Команды или теги (tag) языка HTML, как правило, имеют следующую структуру:

<COMMAND> – начало команды

поле действия команды

</COMMAND> – конец команды

Команды могут иметь параметры, которые называются атрибутами. Атрибуты модифицируют исполнение команды или переопределяют ее стиль. Атрибуты ставятся сразу после команды и имеют следующий формат: АТРИБУТ="значение атрибута"

Если значение атрибута только одно, то ставить кавычки не обязательно, но рекомендуется. Если же значение атрибута содержит пробелы или небуквенные символы, то кавычки обязательны.

Если команда имеет несколько атрибутов, то они разделяются пробелами:

<название команды

АТРИБУТ1="значение атрибута1"

АТРИБУТ2="значение атрибута2">

Структура HTML-документа определяется следующими основными командами:

<HTML> - начало документа (обязательная команда)

<HEAD> - заголовок документа (может отсутствовать)

</HEAD> - конец заголовка документа

<BODY>

- тело документа

</BODY>

</HTML> - конец документа

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

Замечание: Язык HTML не чувствителен к регистру. Команды языка могут набираться как прописными так и строчными буквами, т. е. команда <BODY> эквивалентна команде <body> или <Body>.

Комментарии задаются следующим образом:

<!-- - начало комментария

поле действия комментария

--> - конец комментария

Все то, что стоит внутри комментариев не будет выведено на экран.

НЕ нашли? Не то? Что вы ищете?

Пример HTML-документа

Любой HTML-документ может быть разбит на отдельные структурные элементы:

·  Заголовок окна браузера

·  Заголовки разделов документов (главы, параграфы, пункты, подпункты)

·  Абзацы

Для каждого из этих элементов в HTML существуют команды, описывающие в каком виде пользователь увидит текст на экране.

Пусть мы создали некоторый файл:

<HTML>

<HEAD>

<TITLE>Пример HTML-текста</TITLE>

</HEAD>

<BODY>

<H1 align=center>Глава 1</H1>

<H2>Параграф 1.</H2>

<P>Добро пожаловать в HTML!

Здесь мы расскажем, как надо и как не надо делать гипертексты.

<H2>Параграф 2.</H2>

</BODY>

</HTML>

На экране это будет выглядеть так:

Глава 1

Параграф 1.

Добро пожаловать в HTML! Здесь мы расскажем, как надо и как не надо делать гипертексты.

Параграф 2.

Заголовок окна браузера. В каждом HTML-документе должен быть задан заголовок окна браузера (это синяя полоса в самом верху окна), он должен описывать цель документа и содержать не больше 5-6 слов. Кроме того, он используется и для идентификации документа (например, при поиске).

Для задания заголовка окна браузера служат команды:

<HEAD>

<TITLE>Заголовок</TITLE>

</HEAD>

Заголовки разделов документов. Язык HTML имеет шесть уровней заголовков разделов. По сравнению с текстом, заголовки выделяются размером и жирным шрифтом.

Синтаксис заголовков:

<Hn ALIGN=center>Текст заголовка</Hn>

где n – число от 1 до 6, определяющее размер заголовка (<H1> – самый крупный заголовок). Атрибут ALIGN устанавливает расположение заголовка на экране.

Табл. Значения атрибута ALIGN

Значение

Описание

ALIGN=left

Сдвинуть влево (принято по умолчанию).

ALIGN=right

Сдвинуть вправо.

ALIGN=center

Разместить по центру.

ALIGN=justify

Установить выравнивание правого края (для абзаца).

Абзацы. Команда <P> указывает на начало абзаца и также имеет атрибут ALIGN:

<P ALIGN=justify>

В HTML-документах прерывания строк и количество пробелов между словами не существенны. Обрыв строки может происходить в любом месте файла, при просмотре это прерывание будет проигнорировано. Новый абзац начнется только после команды <P>.

Прерывание строки. Используя команду <BR> можно оборвать строку и начать новую.

Сдвиг текста (табуляция). Для выведения текста на экран со сдвигом вправо, например стихов, применяются команды <BLOCKQUOTE> и </BLOCKQUOTE>.

Размер шрифта. Команды <BIG> и <SMALL> соответственно увеличивают или уменьшают на одну единицу относительный размер шрифта.

Стиль шрифта. Задание стилей для всех семейств шрифтов, используемых на компьютере, определятся явным заданием вида шрифта, которым будет выводится текст:

Табл. Стили шрифтов

Команда

Описание

<b>

Жирный шрифт (bold)

<i>

Курсив (italic)

<tt>

Шрифт печатной машинки (teletype)

<s> или <strike>

Зачеркнутый текст (strike)

<u>

Подчеркнутый текст (underline)

Допускается совместное использование команд задания стиля, например,

Этот <I><B>текст</B></I> жирный курсив.

Символьные примитивы. Как уже было сказано, браузер игнорирует перерывание строки в HTML-файле, где на самом деле закончится одна строка на экране и начнется другая — зависит от размера шрифта на экране у клиента. Кроме того, браузер игнорирует и любое количество пробелов между словами — все пробелы заменяются одним. Поэтому, если требуется поставить подряд несколько пробелов, применяется специальный символьный примитив "неразрывный пробел", который начинается амперсандом (&) и заканчивается точкой с запятой: &nbsp; (сокращение от Non Break SPace).

Символьные примитивы чувствительны к регистру: НЕЛЬЗЯ использовать &Nbsp; вместо &nbsp;

Например, строка

Факультет&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;на котором мы учимся

будет выглядеть на экране так:

Факультет на котором мы учимся

Поскольку браузер обрывает строку на пробеле, то возможна ситуация, когда, например, инициалы останутся на одной строке, а фамилия "переедет" на другую. Чтобы этого не происходило, между инициалами и фамилией обязательно следует ставить "неразрывный пробел".

Символы <, >, & являются зарезервированными, так как применяются для записи команд. Если эти символы необходимо использовать в тексте, их также заменяют соответствующими символьными примитивами:

&lt; - знак "меньше": <

&gt; - знак "больше": >

&amp; - амперсанд: &

Кроме выведения на экран зарезервированных символов символьные примитивы служат для кодировки букв национальных алфавитов.

Верхние и нижние индексы. В тексте можно задать верхние и нижние индексы с помощью команд <SUP> и <SUB>. Эти команды уменьшают размер текста в индексе, располагаемом вверху или внизу от строки. Например:

Верхний индекс B<sup>a</sup>

и нижний индекс B<sub>a</sub>

имеет следующий вид:

Верхний индекс Ba и нижний индекс Ba

Применение цвета. Установка цветов в HTML документе производится с использованием атрибутов задания цвета в командах <BODY>, <FONT>, <HR>, <MARQUEE> и <TABLE>.

Выбор цвета можно производить двумя способами:

·  Заданием RGB-значения выбранного цвета.

·  Заданием имени выбранного цвета.

RGB-значение цвета представляет собой последовательность, которая состоит из шести шестнадцатеричных цифр, следующих после символа #. Эта последовательность не должна содержать пробелов. Последовательность из шести цифр делится на три пары, определяющие интенсивность красной (Red), зеленой (Green) и синей (Blue) компоненты цвета соответственно. Например, значение цвета #FF0000 соответствует красному цвету (Red), так как имеет максимальную интенсивность для красной составляющей, а зеленая и синяя компоненты имеют значения равные нулю. Значение #00FF00 соответствует зеленому цвету (Green), а значение

В языке HTML 3.2 допустимы следующие имена цветов. Эти имена являются стандартными
16 именами, поддерживаемыми Windows и VGA палитрой.

Табл. Имена цветов и их RGB-значения

Black="#000000" – черный

Green="#008000" – зеленый

White="#FFFFFF" – белый

Lime="#00FF00" – ярко-зеленый

Gray="#808080" – серый

Olive="#808000" – оливковый

Silver="#C0C0C0" – светло-серый

Yellow="#FFFF00" – желтый

Maroon="#800000" – коричневый

Navy="#000080" – темно-синий

Red="#FF0000" – красный

Blue="#0000FF" – ярко-синий

Purple="#800080" – фиолетовый

Teal="#008080" – сине-зеленый

Fuchsia="#FF00FF" – сиреневый

Aqua="#00FFFF" – голубой

Горизонтальная линия. Команда <HR> вставляет между строками текста горизонтальную линию. Ее длина может быть фиксированной (указано количество пикселей) или зависеть от размера окна браузера (указана в процентах):

<HR ALIGN=center COLOR=green SIZE=5 WIDTH="60%">

это будет линия, расположенная в центре, зеленого цвета, шириной 5 пикселей и длиной 60% от ширины экрана.


HTML-редактор. Все HTML-документы имеют расширение *.htm или *.html и записываются как обычный текст, поэтому могут быть созданы и отредактированы в любом текстовом редакторе, например, в Блокноте. Но гораздо удобнее использовать специализированные HTML-редакторы.
Одним из них является UltraEdit. Его ярлык выглядит так:

В этом редакторе все команды языка HTML отображаются синим цветом, а атрибуты команд — красным. Благодаря этому, если в названии команды (или атрибута) будет допущена ошибка, название отобразится черным цветом, как обычный текст.

В этом редакторе можно одновременно открыть несколько файлов и выполнять редактирование, просто копируя команды из одного файла в другой. Имена открытых файлов отображаются вверху, под главным меню. Если рядом с именем файла стоит звездочка (*), это означает, что в файл внесены изменения, но он не сохранен. Чтобы сохранить файл, нажмите на иконку "дискетка" (Save File).

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

Файл запуска редактора UltraEdit находится в Сетевом окружении, на компьютере IGOR_NT, в папке SOFT→ULTREDIT→Uedit32.exe

В компьтерном классе при каждом запуске редактора UltraEdit придется первым делом настраивать правильное отображение шрифта. Это делается так:

зайти в пункт меню View→Set Font
выбрать

Шрифт — TT Courier New Начертание — Обычный Размер — 10
Набор символов — Кириллица
и нажать OK

Кроме этого, при операции сохранения файла UltraEdit автоматически создает BAK-копию файла (т. е. "предыдущий" вариант файла, до внесения изменений). Этот режим тоже необходимо отключить (иначе вы не сможете нормально сохранять файлы):

зайти в пункт меню Advanced→Configuration→Backup
и щелкнуть по пункту "No Backup"

Совет. Хотя при локальной работе с HTML-файлами в ОС Windows допустимо именовать файлы русскими буквами, наш сервер такие файлы НЕ ПОНИМАЕТ! Более того, большинство интернет-серверов работает в ОС UNIX, в которой также имена файлов с русскими буквами недопустимы. Поэтому сразу привыкайте называть файлы только латинскими буквами.

Последовательность работы с HTML-файлом

1.  Запустите редактор UltraEdit.

2.  В этом редакторе или откройте существующий файл или создайте новый, щелкнув по самой левой иконке (New File). Если вы создаете новый файл, то сразу же дайте ему имя с расширением *.htm (т. к. наш сервер принимает расширения только из 3-х символов).

3.  После внесения любых изменений обязательно сохраните файл.

4.  В Проводнике или FAR запустите HTML-файл (щелкнув мышкой по имени файла или нажав Enter). При этом автоматически откроется окно с браузером Internet Explorer в котором будет отображен данный HTML-файл.

5.  Если что-то не так, вернитесь в UltraEdit, внесите исправления, сохраните файл, снова перейдите в окно Internet Explorer и нажмите кнопку "Обновить" — только тогда вы увидите внесенные изменения на экране.

Практическая часть лаб. 1

Жирным шрифтом выделено то, на что следует обратить особое внимание!

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2//RU">

<HTML><HEAD>

<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html;
charset=Windows-1251"> //необходимо для правильного отображения русских букв

<TITLE>Лабораторная 1</TITLE>

</HEAD>

<BODY BGCOLOR="white" TEXT="black">

<h2 align=center>Сибирский государственный университет

<br>телекоммуникаций и информатики </h2>

<p><b>Группа П-01</b>

<p align=right><b>Бригада № 1</b> // здесь должен быть именно абзац,
а не заголовок!

<p align=right>Иванов Иван

<br>Сергеев Сергей

<blockquote><i>

О сколько нам открытий чудных<br>

Готовят просвещенья дух<br>

И опыт, сын ошибок трудных,<br>

И гений, парадоксов друг,<br>

И случай, бог изобретатель.

</i></blockquote>

<p align=right><small>А. С.&nbsp;Пушкин</small>

<p><i>Курсив </i>

<p><HR ALIGN=center COLOR=blue SIZE=2>

<p><b>Жирный шрифт </b>

<p><HR ALIGN=center COLOR=red SIZE=2>

<p><tt>Печатная машинка </tt>

<p><HR ALIGN=center COLOR=yellow SIZE=2>

<p><i><b>Жирный курсив </b></i>

<p><HR ALIGN=center COLOR=green SIZE=2>

<p><b><tt>Жирная печатная машинка </tt></b>

<p><HR ALIGN=center COLOR=maroon SIZE=2>

<p><i><tt>Курсив+печатная машинка </tt></i>

<p><HR ALIGN=center COLOR=purple SIZE=2>

<p><u>Подчеркнутый </u>

<p><HR ALIGN=center COLOR=lime SIZE=2>

<p><s>Перечеркнутый</s>

</BODY>

</HTML>