This content was uploaded by our users and we assume good faith they have the permission to share this book. If you own the copyright to this book and it is wrongfully on our website, we offer a simple DMCA procedure to remove your content from our site. Start by pressing the button below!
Это самое начало изучения HTML.
Этот документ разрабатывается в Notepad. Чтобы сохранить этот документ, надо выбрать ФАЙЛ-СОХРАНИТЬ и явно задать расширение .html....
Такая пара меток описывает абзац. Все, что заключено междуи
, воспринимается как один абзац. Если Вы хотите написать фразу в новом абзаце, надо использовать именно эти метки. Меткимогут содержать дополнительный атрибут ALIGN (от английского "выравнивать"), например:
Абзац с выравниванием по правому краю
Непарная меткаТекст. Текст, заключенный между метками
и(от английского preformatted - предварительно форматированный), выводится брузером на экран со всеми пробелами, символами табуляции и конца строки. В примере уже были рассмотрены дескрипторы
Текст, представляющий собой фрагмент HTML -кода Текст, опредставляющий собой определение <SAMP> Текст, представляющий собой фрагмент кода Текст, представляющий собой название клавиши клавиатуры Текст, определяющий переменную или значение Аббревиатура (акроним) и ее расшифровка Выбор типа и изменение размеров шрифта в отдельных словах и фразах осуществляется тэгом . Используется следующая конструкция: …Текст , где атрибут size определяет размер шрифта. Число - это целое значение от 1 до 7, соответствующее необходимому относительному размеру. Большим значениям атрибута size соответствует больший размер шрифта; face - атрибут, определяющий тип шрифта, например, "Arial". При задании этого атрибута можно перечислить типы допустимых шрифтов, например, "Tahoma, Arial". Кроме атрибутов size и face дескриптор может иметь атрибут color, определяющий цвет шрифта. Способы задания цвета в документе будут рассмотрены ниже. 1.5.Организация списков в тексте -cоздание нумерованных списков. Список определяется открывающим и закрывающим дескриптором, для определения начала каждого элемента списка используется непарный дескриптор - . По умолчанию нумерация начинается с 1 и продолжается соответствующим образом. Атрибуты дескриптора
: type - служит для задания вида нумерации; start - преназначен для указания, с какого индекса начинается нумерация списка.. Синтаксис: - 1 элемент списка
- 2 элемент списка…
Атрибут TYPE может принимать значения в соответствии с табл.3. 9
Таблица 3 Значение 1 А а I i
Стиль Арабский Буквенный в верхнем регистре Буквенный в нижнем регистре Римский в верхнем регистре Римский в нижнем регистре
Пример 1,2,3 A,B,C a,b,c I,II,III i,ii,iii
Рассмотрим примеры Пример создания нумерованных списков В экономической академии работают спортивные секции: - аэробики
- волейбольная
- баскетбольная и др.
Приходите! Вот как будет выглядеть документ на экране броузера (рис. 2 ):
Рис.2 Атрибут start может быть использован, если нужно начать список не с начала. Например: Пример создания нумерованных списков В экономической академии работают спортивные секции:
- аэробики
- волейбольная 10
- баскетбольная и др.
Приходите! Кроме этих, Вас ждут и в других: - настольного тенниса,
- бадминтона,
- лыжной.
Вид экрана в броузере приведён на рис.3.
Рис.3 Для создания вложенных списков следует начать другой список до закрывающего тэга. - создание ненумерованных списков. Элемент является аналогом , имеет атрибут type=circle, square, или disc для задания вида маркера (соответственно круг, квадрат и диск). Элемент также включает в себя дополнительный элемент - , который задает элементы списка. Синтаксис:
- элемент списка
- элемент списка …
Посмотрим предыдущий пример но с использованием ненумерованных списков: Пример создания ненумерованных списков В экономической академии работают спортивные секции:
11
- аэробики
- волейбольная
- баскетбольная и др.
Приходите! Кроме этих, Вас ждут и в других: - настольного тенниса,
- бадминтона,
- лыжной.
Вид экрана броузера приведен на рис.4.
Рис.4 Дескрипторы и используются наиболее часто. HTML предоставляет и дополнительные возможности по созданию списков. - создание списков определений или глоссария. Элемент используется с целью задания словарей, глоссариев и прочих перечней. Элемент включает в себя дополнительные элементы - и
- , которые обозначают соответственно термин и определение. Синтаксис:
- термин 1
- определение 1
- термин 2
- определение 2
. 1.6.Атрибуты элемента Парный тэг предназначается для выделения содержания документа, которое будет визуализировано для пользователя. Для пользователя это самая важная часть документа. Начальный тэг может иметь несколько атрибутов. Вложенные атрибуты элемента описаны ниже. BACKGROUND Атрибут задает графическое изображение, которое как черепица заполнит фон 12
документа. Файл с изображением должен быть сохранен в формате .GIF или .JPEG(.JPG) . Синтаксис: . В данном случае файл с изображением фона лучше размещать в том же каталоге, что и сам файл, тогда (URL) и (путь) указывать не нужно. BGCOLOR Этот атрибут задает цвет фона документа при помощи шестнадцатеричных значений интенсивности цветов RGB или при помощи строчного литерала, соответствующего названию цвета. Цвет может кодироваться последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатиричное значение насыщенности заданного цвета одним из трех основных цветов (красным, зеленым и синим) в диапазоне от нуля (00) до 255 (FF). Рассмотрим примеры. bgcolor=#FFFFFF Насыщенность красным, зеленым и синим одинакова - FF (это шестнадцатиричное представление числа 255). Результат - белый цвет. bgcolor=#000000 Насыщенность красным, зеленым и синим одинакова - 00 (ноль). Результат - черный цвет. bgcolor=#FF0000 Насыщенность красным - FF (255), зеленым и синим - 00 (ноль). Результат - красный цвет. Используя разные сочетания, можно экспериментировать с выбором цвета. Синтаксис: или TEXT Этот атрибут задает используемый по умолчанию цвет текста, который не является гиперссылкой. По умолчанию такой текст будет черным. Синтаксис: LINK Этот атрибут задает цвет гиперссылки, в большинстве броузеров он задан по умолчанию темно синим. Синтаксис: ALINK Этот атрибут задает цвет активной гиперссылки, он меняет цвет гиперссылки в момент щелчка по ней мышью, нежелательно задавать ему цвет фона. Синтаксис: VLINK Этот атрибут задает цвет просмотренной гиперссылки Синтаксис: BGPROPERTIES Этот атрибут задает свойства фонового изображения. Значение этого атрибута fixed запрещает скроллинг изображения. Синтаксис: 13
TOPMARGIN Этот атрибут задает верхнюю границу страницы в пикселях. Синтаксис: BOTTOMMARGIN Этот атрибут задает нижнюю границу страницы в пикселах. Синтаксис: LEFTMARGIN Этот атрибут задает границу страницы в пикселях слева. .Синтаксис: RIGHTMARGIN Этот атрибут задает границу страницы в пикселях справа.Синтаксис:
1.6. Элемент HEAD Заголовок HTML-документа, формируемый дескриптором , не виден пользователю при просмотре. Однако в нем есть некоторые интересные особенности, которые стоит знать. В начале изучения HTML достаточно сложно понять назначение элементов, которые могут быть включены между дескрипторами . Но поскольку мы упомянули о нем, как о важнейшем, следует пояснить, для чего может служить этот раздел документа. Вместе с дескрипторами , элемент относится к структурным элементам HTML-документа. Он предназначен для формирования общей структуры документа, задавая его глобальные свойства. Информация, находящаяся в нем, является служебной и необходима программе - броузеру пользователя. Допускает вложение в следующих элементов: ,