Редакция: Мандрик Р.А.
HTML-документ (страничка)
— документ, написанный на языке разметки гипертекста (HTML). Заключается между флагами и .
Web-сайт, Web-сервер
— цепочка логически связанных документов, написанных на языке HTML.
Значения флагов разметки документа
Флаги разметки
— специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и рессурсами Интернет.
Основные флаги разметки
и . Между этими флагами располагается информация о документе.
и . В эих флагах заключается название странички, которое будет выведено в рамке окна программы просмотра.
и . «Тело» документа (текст, графика и т.д.) располагается между этими двумя флагами.
Параметры флага
:
BGCOLOR — цвет фона (
)
BACKGROUND — «обои» или бэкграунд
TEXT — цвет текста
ALINK — цвет активной сылки Флаги, служащие для форматирования текста
Флаги, служащие для выделения абзадцев. Новый абзац чсегда отделяется от предыдущего пустой строкой.
Флаг, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.
Флаг, служащий для логического разделения текста горизонтальной линией.
И
Между этими флагами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа «курьер».
Параметры выравнивания
Используются в
ALIGN=LEFT — выравнивание по левому полю
ALIGN=RIGHT — выравнивание по правому полю
ALIGN=CENTER — выравнивание по центру
Флаги выравнивания
и — выравнивание по левому полю
и — выравнивание по правому полю
и — выравнивание по центру
Заголовки, служащие для выделения логических частей текста
и
Заголовок первого уровня.
и
Заголовок второго уровня.
и
Заголовок третьего уровня.
и
Заголовок четвертого уровня.
и
Заголовок пятого уровня.
и
Заголовок шестого уровня.
Флаги для выделения текста и шрифта
и Флаги для выделения текста (слов, букв) жирным шрифтом.
и Флаги для выделения текста (слов, букв) курсивным шрифтом, типа Italic.
и Текст, расположенный между двумя этими флагами, будет подчеркнут.
Текст, расположенный между двумя этими флагами, будет мигать.
и
и Флаги для изменения размера шрифта.
и Флаги для изменения цвета шрифта.
Флаги для формирования списков
Флаги, показывающие начало и конец нумерованного списка
Флаги, показывающие начало и конец маркированного списка.
Элемент списка
и
Флаги, показывающие начало и конец глоссария.
Термин глоссария, располагается без отступа от левого поля страницы.
Описание термина, располагается с отступом от левого поля страницы.
Флаги-команды для вставки в текст объектов нетекстовой информации
или — команда для вставки графического изображения
— команда для вставки звукового фрагмента
— команда для вставки видео фрагмента
Параметры графического изображения
WIDHT — ширина картинки в пикселях
HEIGHT- высота картинки в пикселях
ALIGN — выравнивание (ALIGN=LEFT — выравнивание по левому полю, ALIGN=RIGHT — по правому полю, ALIGN=TOP — по верхней границе, ALIGN=BOTTOM — по нижней границе, ALIGN=MIDDLE или CENTER — по центру)
HSPACE — горизонтальный отступ от графического изображения
VSPACE — вертикальный отступ
ALT — альтернативный текст, служит для обозначения изображения
Команды, служащие для гиперсвязи с другими HTML-документами и рессурсами Интернет
и или и — гиперсвязи
[email protected] — гиперсвязь с адресом электронной почты
Таблица — сетка для показа данных в строках и столбцах, а также средство для форматирования текста
Флаги для вставки таблицы в HTML документ
Параметры флага
BGCOLOR — цвет фона
BORDER — ширина бордюра
WIDHT — ширина таблицы
Флаги разметки таблицы
и — название таблицы, имеет параметр ALIGN=TOP — выравнивание над таблицей и ALIGN=BOTTOM — под таблицей.
и
Строчка таблицы. Может иметь параметры BGCOLOR — цвет фона внутри строки; ALIGN=LEFT, RIGHT, CENTER — выравнивание внутри строки; VALIGN=TOP, BOTTOM, MIDDLE — вертикальное выравнивание внутри строки таблицы.
и | Столбец таблицы. Может иметь параметры BGCOLOR — цвет фона под столбцом; ALIGN=LEFT, RIGHT, CENTER — выравнивание внутри столбца; VALIGN=TOP, BOTTOM, MIDDLE — вертикальное выравнивание; COLSPAN растягивание клетки на несколько столбцов, ROWSPAN — растягивание клетки на несколько строк.
и | Заголовок столбца. Может иметь параметры BGCOLOR — цвет фона под названием; ALIGN=LEFT, RIGHT, CENTER — выравнивание; VALIGN=TOP, BOTTOM, MIDDLE — вертикальное выравнивание; COLSPAN, ROWSPAN — растягивание клетки на несколько столбцов или строк; WIDHT — ширина названия.
Рамки-фреймы
Рамки-фреймы — средство для разделения экрана на несколько областей, в каждой из которых отображается содержимое отдельной Web-странички или даже целого Web-сайта.
Флаги для создания рамки
Параметры флага
…Здесь располагается текст без фреймов
В секции, предназначенной для тех пользователей, которые «не видят» рамки, можно расположить какой-нибудь пояснительный текст.
Бегущая строка
— Флаг, создающий бегущую строку
— Если бегущую строку нужно направить справа налево
— движение слева направо.
scroll — стандартное движение от правого края к левому
slide — надпись один раз пробегает от правого края к левому, где и остается.
alternate — движение от правого края страницы к левому и обратно. Бесконечный цикл.
— Ограничение числа циклов. Значение n оператора LOOP указывает число повторений цикла.
— указать ширину участка, занимаемого бегущей строкой, где n — ширина той части страницы, на которой расположена бегущая строка. Значение n указывается как в пикселях, так и в процентах от общей ширины видимой части страницы.
— Регулировка движения надписи по экрану. Здесь n — число пикселей.
В данном случае переменная величина — время t — измеряется в миллисекундах. Метод задания скорости состоит в указании времени, спустя которое текст будет перерисован на экране заново.
— возможность указывать величину шрифта текста в строке.
— окрасить поверхность бегущей строки в какой-либо цвет, где n, как это бывало и раньше, можно указать в вид шестнадцатеричного числа либо написав его название
— указать высоту бегущей строки, задавая величину n в пикселях
Начиная писать html-документ, имеет смысл идентифицировать его как таковой. Такая идентификация достигается путем вставления в самое начало документа тегов и (соответственно, в конец документа, закрывающего тега ; никогда не забывайте закрывать скобки!). Тег doctype является тегом языка sgml и объявляет, что документ будет описан в соответствии со спецификацией html 3.2. Тег html указывает на начало документа. Теперь пора подумать об информационном наполнении. Начнем, естественно, с заголовка. Заголовок html-файла находится в обязательной секции
, которая должна находиться в самом начале, то есть сразу после тега . Оформляется заголовок с помощью тега . Назовем наш документ «the first homepage». Ниже приведен листинг получившегося html-документа:
the first homepage
Попробуем просмотреть этот файл с помощью какой-нибудь программы просмотра, например, navigator фирмы netscape communications corp. После загрузки экран программы остался пустым. «А где же заголовок?»,- спросит возмущенный читатель. Присмотритесь повнимательней к ЗАГОЛОВКУ ОКНА программы просмотра в оконной системе и убедитесь, что заголовок отображен именно там. Тег
позволяет задавать название для всего документа. Это название будет появляться в заголовке окна программы просмотра, а также будет появляться в списке закладок (bookmarks, shortcuts в различных терминологиях) при создании таковых.
Другими элементами секции
… являются:
— тег для указания url документа. Тег имеет такие параметры:
href — указывает базовый url для документа. Замечание: url должен быть указан в полной форме.
target — указывает окно для отображения документов, на которые ссылается данный документ.