Файл: ОСНОВЫ ПРОГРАММИРОВАНИЯ НА ЯЗЫКЕ HTML (Основы языка программирования HTML).pdf
Добавлен: 30.03.2023
Просмотров: 123
Скачиваний: 3
Фрейм (Frame) — область гипертекстового файла со своими полосами прокрутки. Фреймы дают разбивать страницы на прямоугольные зоны, в каждой из которых отражается своя собственная страница. Можно разместить 1 или несколько фреймов на странице (такая страница называется страницей фреймов или фреймсет (frameset)).
Форма (Form) — область гипертекстового файла, которая нужна для организации обратной связи с пользователями сайта.
Апплет (Applet) — небольшая прикладная программа, передаваемая на компьютер пользователя в виде отдельного документа и запускаемая при просмотре Web-страницы.
Скрипт (Script) — программа, включенная в состав Web-страницы для расширения ее возможностей.
Загрузка (DownLoad)— копирование файла с Web-сервера на компьютер пользователя. Размещение (UpLoad) — копирование файла с компьютера пользователя на Web-сервер — используется при создании собственной Web-страницы (т.е. при ее опубликовании).
Пиксель (Pixel)[9] – самая маленькая цветная точка экрана монитора.
Язык разметки гипертекстовых файлов HTML является комплексом команд, именованными тегами (от английского tag). Они встречаются в тексте файла, HTML-теги обозначаются браузером при отображении файла.
Просмотреть HTML-документ возможно с поддержкой программ-браузеров (от английского browser), которые показывают файл в соотношении с HTML-разметкой и гарантируют навигацию по гиперссылке. Наиболее часто встречающиеся браузеры это Microsoft Internet Explorer компании Microsoft Corporation и Netscape Navigator компании Netscape Communications Corporation.
Так как HTML-файл является текстовый файл, его возможно сделать в обычном текстовом редакторе, для примера, в блокноте (Notepad), но это является довольно трудно. Наиболее часто предпочитают выбирать специальные редакторы, созданные как раз для создания HTML-файлов, которые могут позволить вставить теги с использованием клавиш на панели инструментов либо использовав различные команды меню, и задавать атрибуты тегов в диалоговых окнах, в частности используя, Macromedia Dreamweaver, Microsoft Front Page, Home Site и др.
HTML-файл также возможно получить с помощью преобразования в HTML-формат, для примера, из формата файлов пакета Microsoft Office. Следует отметить, что в случае такого преобразования изначальный текст HTML-файла выходит довольно чрезмерным и в дальнейшем требуется в коррекции. Довольно продуктивнее использовать специализированными HTML - редакторами.
Глава 2. Структура HTML-документа
2.1 Базовые теги и коды символов HTML
Общая структура простейшего документа HTML[10] такова:
<Comment> - комментарий к документу. Не является обязательным.
<Html> - идентификатор всего блока HTML – команд.
<Head> - идентификатор заголовка документа HTML.
<Title> - идентификатор заголовка окна просмотра.
<Body> - идентификатор HTML – команд документа для просмотра.
Далее рассмотрим их более подробно.
HTML-файл формируется в теги. Между данными тегами расположены 2 сегмента: сегмент заголовка и сегмент тела файла. Сегмент заголовка охватывает представление форматов, употребляемых при описании файла, но не отображающихся прямо в окне браузера. Сегмент тела файла включает коренной текст, определённый для изображения браузером, теги форматирования, расположение рисунков, таблиц, гиперссылки и т. д.
HTML-код [11]простейшего файла, подходящего для экспозиции в Интернет, изображается так:
<TITLE> Наша первая страничка TITLE>
Этот код вполне может быть использован в текстовом редакторе Блокнот и сохранен как документ с расширением. Htm или. Html в данном примере файл будет открыт браузером, и установлен на вашем компьютере по умолчанию. Браузер откроет данный файл, показывая в своем окне строку «Самый простой HTML-файл», располагающуюся в сегменте тела файла. Выражение «Наша первая страничка» будет изображаться в строке заголовка браузера.
Раздел HEAD
Сегмент заголовка чаще всего включает теги, непримечательные для пользователя, тем не менее способные энергично воздействовать на внешний вид файла.
Ниже рассмотрим, возможные теги[12], встречающиеся в документах.
<SRC> - Обусловливает имя файла целиком. Имя, как следует, отражается в заголовке окна браузера. Этот сегмент неизбежен для всякого HTML-файла и может быть употреблен не чаще 1 раза.
<HEAD> - Показывает изначальный адрес текущего файла (URL), который будет изначальной пунктом для расчета относительных адресов внутри файла. Сегмент не содержит конечного тэга. Непременно присутствие хотя бы 1 из аргументов:
<HREF> - показывает базовый адрес (URL) текущего файла.
<TARGET> - показывает имя фрейма, которое должно употребляться в гиперссылках по умолчанию. Это сможет сгодиться, если открыть все ссылки файла в ином фрейме.
<STYLE TYPE= «text/css»> - Применяется для вставки в файл каскадных таблиц стилей (CSS Cascade Style Sheet). TYPE неизбежный атрибут, смыслом которого, как правило, есть «text/css».
<МЕТA> - Сегмент МЕТА употребляется для технического отображения файла. С помощью данного сегмента в заголовок файла вводится добавочная нужная информация, скрытая для пользователя, но иногда просто необходимая для корректной индексации страницы роботами поисковых серверов. Сегмент не располагает конечного тега.
<NAME> - устанавливает имя мета-записи. Имеется масса предопределенных имен, некоторые из которых можно заметить в показанном ниже примере.
<CONTENT> - приписывает значение мета-записи, обусловленной в параметре <NAME>.
Раздел BODY
Данный раздел содержит в себе центральное содержание веб-страницы текста файла, изображения, таблицы и т. п. Сегмент BODY[13] обязан наблюдаться в файле не чаще 1 раза и может содержать данные атрибуты:
MARGINHEIGHT=число - Назначает ширину (в пикселях) верхнего и нижнего полей файла. Используется исключительно в браузерах Netscape
TOPMARGIN= число - Назначает ширину (в пикселях) верхнего и нижнего полей файла. Используется исключительно в браузерах Internet Explorer
MARGINWIDTH= число - Назначает ширину (в пикселях) левого и правого полей файла. Используется исключительно в браузерах Netscape
LEFTMARGIN= число - Назначает ширину (в пикселях) левого и правого полей файла. Используется исключительно в браузерах Internet Explorer
BACKGROUND= URL - Назначает изображение для «заливки» фона (фонового рисунка). Значение задается в абсолютные или относительные адреса изображения
BGCOLOR=цвет - Назначает цвет фона файла.
Microsoft Internet Explorer поддерживает шестнадцать стандартных имен цветов (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white)
Иным методом служит употребление кода цвета в виде шестиразрядного шестнадцатеричного числа, задающее насыщенность красной (первые две цифры), зеленой (следующие две цифры) и синей (последние две цифры) составляющей. Насыщенность любой составляющей в шестнадцатеричной форме изменяется от нуля до FF. При задании цвета в качестве значения атрибута некоторого тега перед шестнадцатеричным числом ставится символ #. Например, запись COLOR= «#0000FF» означает синий цвет.
Не обращая внимания на немаловажную вероятность задать миллионы цветов, необходимо учитывать, что браузеры воспроизводят лишь двести пятьдесят шесть цветов, вдобавок у любого браузера своя цветовая палитра. В данной палитре браузер подберет цвет, наиболее схожий к заданному
TEXT= цвет - Назначает цвет текста в файле
LINK= цвет - Назначает цвет гиперссылок в файле
ALINK= цвет - Назначает цвет подсветки гиперссылок в момент нажатия
VLINK= цвет - Назначает цвет гиперссылок на уже просмотренные файлы.
Коды HTML символов
Для специализированных символов в HTML-стандартах рассчитан специальный метод кодирования (с использованием escape[14]-последовательностей или символьных объектов), который поможет применять данные символы в нужных позициях файла, не разрушая его структуры (это относится, например, к символам <,> и &). Условное определение специального символа (escape-последовательность) возникает символом &, содержит собственно имя специального символа и оканчивается точкой с запятой (как пример, «у условного обозначения для кавычки»). К тому же, взамен имени символа возможно использовать соответствующий ASCII-код (как пример, " у для кавычки).
Необходимо выделить, что различными браузерами коды и имена спецсимволов (escape-последовательности) могут толковаться немного различным образом. На вид изображаемых символов кроме того влияет предпочтенный для отображения шрифт и таблица символов ((кодировка)см. приложение 1).
2.2 Создание таблиц в HTML
Таблицы в HTML-файлах применяются не только для того, чтобы иметь в распоряжении сведения в обрамленных ячейках, как с целью местоположения элементов текста и изображений друг сравнительно друга. Таблицы также являются весьма удобным средством форматирования данных в HTML.
Таблицы в HTML[15] создаются построчно. Все табличные значения задает и определяет ее общие свойства тег: <table>.
По горизонтали, как пример по центру, таблицу возможно выровнять с использованием тега <p align = “centre”>, размещаемого перед <table>.
Тег <table> может иметь атрибуты:
<table border=”5”width=”100”cellpadding=”10”cellspacing=”10”>, где
Border=”5” – ширина боковой грани в пикселях. При нулевом значении рамка исчезает;
Width = “100” – ширина таблицы в пикселях или width=”50%” – ширина таблицы в % по отношению к ширине страницы в окне;
Cellspacing=”10” – ширина фронтальной грани в пикселях:
Cellpadding=”10” – задает размер пустого пространства в пикселях, окружающего данные в ячейке.
Тег <caption></caption> задает заголовок таблицы.
Отображение определенного ряда ячеек (строк) заключается в теги <tr>; содержимое каждой ячейки заключается в теги <th> (обычные ячейки) или <TH>…H> (заголовки). Тег <tr> задает строку таблицы. Следующий тещ <tr> задает следующую строку таблицы. Конечный тег необязателен.