Файл: ОСНОВЫ ПРОГРАММИРОВАНИЯ НА ЯЗЫКЕ HTML (Основы языка программирования HTML).pdf

Тег <td> задает ячейку таблицы. Следующий тег <td> определяет следующую ячейку таблицы. Конечный тег необязателен.

Цвет фона ячейки определяется в теге <td>: <td bgcolor= «yellow»>

Непарный тег <th> — задает элемент ячейки, которая является заголовком таблицы. Данный тег обязан быть внутри тега <tr>.

Ячейка-заголовок различается от обычной тем, что текст внутри нее отличается полужирным шрифтом. Цвет фона заголовка определяется: <tr> <th bgcolor= «yellow»> Зaroлoвoк 1.

Ячейки таблицы^[16] могут включать текст, изображения, вложенные таблицы и т. д. Не нужно сохранять ячейки таблицы незаполненными; так как если хотя бы какая-то ячейка будет отображаться пустой, необходимо поместить в нее неразрывный пробел.

Помещаемые в ячейки таблицы данные по умолчанию машинально располагаются браузером; данные отображаются символ за символом; при достижении правой границы ячейки следующий символ переносится на следующую строку.

Ячейки таблицы также охватывают несколько строк или столбцов; при изображении данных ячеек можно использовать атрибуты ROWSPAN (ячейка, тег которой заключает этот атрибут, «растягивается» на заданное число строк) и COLSPAN (ячейка «растягивается» на несколько столбцов).

---

Теги, изображающие таблицы, имеют полный ряд необязательных атрибутов.

Атрибуты тега^[17] задают параметры таблицы в целом:

ALIGN = значение - Выравнивание относительно текстового потока; возможны значения left, right и center

BACKGROUND = url - Фоновое изображение для всей таблицы

BGCOLOR = цвет - Фоновый цвет

Глава 3. Форматирование теста, символов, таблицы

3.1 Размещение абзацев, рисунков, гиперссылок в HTML документе

Все теги форматирования символов могут быть как открывающимися, так и закрывающимися элементами и воздействуют на заложенный между ними текст.

Существенным служит тег <FONT>, неизбежно употребляющийся с 1 или несколькими атрибутами, определяющими размер, цвет и гарнитуру шрифта, рассмотрим их ниже:

SIZE = значение - Размер задается как в конфигурации абсолютного значения (число от одного до семи), как и сравнительно величины главного шрифта (в форме +n или -n).

COLOR = цвет – Цвет

FACE = список шрифтов - Гарнитуры для изображения текста; наименования перечисляются в последовательности выбора через запятую, как пример, FACE= «Verdana, Helvetica, Arial, Sans-Serif»

Возможно указать и 1 из гарнитур, но следует понимать, что этот шрифт будет не найден на компьютере пользователя, и таким образом «экзотические» шрифты также отображаться браузером не будут.

Форматирование абзацев^[18]

HTML тег форматирование символ. Текст отображается в окне браузера слово за словом, при достижении правой границы окна следующее слово автоматизировано передвигается на следующую строку. Даже если в коде страницы было использовано более одного пробела или текст вносился со следующей строки, при отображении в браузере данные манипуляции отражены не будут. В следствии чего, чтобы отобразить в тексте ряд нескольких пробелов или более одной пустой строки, необходимо применять разнообразны теги.

Тег (от английского break) разрывает текстовый поток и помещает свежую строку без создания новейшего абзаца. Более одного последовательного тега толкуются как несколько пустых строк. Межстрочный интервал одинарный. Закрывающего элемента тег не имеет, как и атрибутов.

---

Тег (от английского paragraph) начинает абзац; новый абзац изолируется от предыдущего 2-м межстрочным интервалом. Абзац пустым быть не может, то есть несколько последовательных тегов толкуются как один.

Закрывающий компонент не необходим, так как предшествующий абзац кончается там, где берет начало новый. Тег располагает необходимым атрибутом ALIGN, свидетельствующим на вид выравнивания абзаца, который сможет принять значения LEFT, CENTER, RIGHT и JUSTIFY, задающие выравнивание как следствие по левому краю, центру, правому краю и по ширине.

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

HTML дает возможность создавать и форматировать абзацы как нумерованные или маркированные списки. Отрывок текста, представляющий собой список, содержится в теги:

<ol>

упорядоченный (нумерованный) список (от английского ordered list)

<ul>

неупорядоченный (маркированный) список (от английского unordered list)

Всякий компонент упорядоченного или неупорядоченного списка содержится в теги <li> (от английского list item). При отображении текста каждый компонент списка будет размещаться с новой строки, отмеченным номером или маркером. Безусловно, списк может иметь заголовок, который задается тегом (от английского listheader). Закрывающие теги и не необходимы.

Многоуровневый список может быть основан с помощью комбинации нумерованных и маркированных списков.

Абзацы возможно сформировать и в виде заголовков уровня (от n=1 до n=6), для него используют теги вида <Hn>... n>. Заголовок 1 уровня отображается самым крупным шрифтом.

Размещение рисунков

Изображения, что отображаются браузером при осмотре веб-страницы, содержаться в отдельных файлах формата gif^[19], jpg (jpeg) или png, а в коде страницы помещается ссылка на необходимый документ.

• Обязательный атрибут:
• SRC = url - Адрес графического файла (относительный или абсолютный)
• Основные необязательные атрибуты:
• ALT = текст - Альтернативный текст, отображаемый в режиме браузера без загрузки изображений (непременно заключается в кавычки)
• BORDER = значение - Толщина обрамляющей рамки в пикселях, ноль обозначает отсутствие рамки (по умолчанию)
• BORDERCOLOR = цвет - определяет цвет обрамляющей рамки
• HEIGHT = значение - Высота изображения в пикселях (по умолчанию оригинальная) либо в % от высоты окна браузера
• WIDTH = значение - Ширина изображения в пикселях (по умолчанию оригинальная) либо в % от ширины окна браузера
• HSPACE = значение - Свободное пространство слева и справа от изображения в пикселях
• VSPACE = значение - Свободное пространство сверху и снизу от изображения в пикселях
• ALIGN = значение - Выравнивание изображения по горизонтали. Если присутствуют значения LEFT либо RIGHT, изображение подобающим образом будет выровнено по горизонтали, задание данных значений обеспечивает обтекание изображения текстом.

---

Рассмотрим подробнее абсолютный и относительный способ адресации документа.

Адресация в абсолютной форме применяется при ссылках на ресурсы, расположенных на иных серверах. Универсальный адрес, указывающий местонахождение информационного ресурса, имеет наименование URL (Uniform Resource Locator^[20] - унифицированный адрес ресурса). URL содержит две части, поделенных двоеточием. 1 часть свидетельствует о типе сетевого протокола, который зависит от типа ресурса. Для примера, даже если ресурс расположен на WWW-сервере, это протокол http. 2 часть содержит в себе наименование компьютера (сервера) в доменной системе имен и (если требуется) путевое наименование документа. При записи путевого наименовании названия каталогов разбиваются прямой косой чертой (символ /), в наименованиях документов и каталогов разнятся прописные и строчные буквы, пробелы не допускаются.

Гиперссылки

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

Текстовые гиперссылки

Взаимосвязь между HTML-файлами и элементами файлов образуются с помощью тега <a> (от английского anchor^[21] - якорь).

Тег используется как для формирования ссылки на иной файл, так и для ссылки на элемент файла.

• Обязательный атрибут:
• HREF = url - Адрес целевого файла (также возможно показан в абсолютной и относительной форме)
• Основные необязательные атрибуты:
• + - Обозначает находящийся между <A> и A> элемент файла как допустимый элемент для ссылки. В виде значения необходимо латиницей прописать всякое словоуказатель, особенное для этого файла. Как пример, тег РазделI образовывает так нарекаемую метку (закладку) для перевода в разделI. В данном моменте возможно ссылаться на отмеченную зону простым указанием ее наименовании после наименования файла (перед наименованием метки устанавливается #). Таким образом, <AHREF= «Index. html#part1»> К разделуI A> пошлет в раздел «partI» документа Index. html, а <AHREF= «#part2»> К разделуII A> в раздел «partII» данного файла при соблюдении соглашения, что в файле есть соответствующая метка
• TARGET = «имя» - Имя кадра (фрейма) или окна для обозначения целевого файла. Данный элемент употребляется лишь вместе с параметром HREF. В качестве значения нужно указать либо наименование 1 из имеющихся фреймов, либо 1 из последующих зарезервированных наименований: _self - обозначает, что обусловленный в параметре HREF файл обязан указываться в данном фрейме; _parent - обозначает, что файл обязан указываться во фрейме-родителе данного фрейма (полностью овладеть окном браузера); _blank - обозначает, что файл обязан отражаться в новом окне
• TITLE= «текст» - Отображает всплывающую подсказку при нацеливании курсора мыши на гиперссылку

---

Текст и изображения, помещенные посреди тегов, начинает быть активной областью файла, восприимчивой к нажатию мыши, который пробуждает загрузку целевого файла. Текст гиперссылки отличается подчеркиванием и цветами, указанными как значение атрибутов LINK, ALINK, VLINK тега (либо цветом по умолчанию).

Гиперссылки-картинки

Для того чтобы указать гиперссылкой единое изображение, возможно применить тег <A>, только вместо текста (или совместно с текстом) между <A> и A> расположен тег <IMG…>^[22] со всеми вытекающими атрибутами.

Карта гиперссылок

Тег разрешает сделать активной зоной текстовый элемент или изображение целиком и полностью; для того же, чтобы различные элементы 1 изображения ссылались на различные целевые файлы, необходимо применить тег, исполняющий изображение-карту.

У тега-контейнера одним-единственным нужным атрибутом это NAME, смыслом которого является имя (как пример, NAME^[23]= «mymap», которое необходимо использовать при изображении атрибута USEMAP тега IMG, обрисовывающего изображение, который должен служить картой (кроме того к наименовании карты приписывается слева # ? USEMAP = «#mymap»)

Внутри контейнера любой восприимчивой к передвижению мыши области изображения обязан отвечать тег с атрибутами:

• COORDS = список - Список через запятую координат активной области (зависит от типа заданной формы области)
• HREF = url - Адрес целевого файла гиперссылки, связанного с заданной областью
• SHAPE = форма - Назначает форму активной области. Вероятные значения данного атрибута: circle (окружность - назначается координатами центра и радиусом в пикселях); rect (прямоугольник - назначается координатами левого верхнего и правого нижнего угла); poly (многоугольник - назначается координатами своих вершин). Координаты во всех вариантах начинаются от верхнего левого угла изображения в пикселях, ось Х направлена вправо, ось Y вниз.
• NOREF - временами бывает необходимо обозначить, что эта область (заданная атрибутом SHAPE и координатами COORDS) не есть активна, реакции на действия мыши нет.

3.2 HTML редакторы

Каждый веб-мастер рано или поздно принужден работать с языком гипертекстовой разметки HTML, который проявляется основой и фундаментом веб-сайтов в Интернете.

Редактор HTML или HTML-редактор – редактор исходного кода веб-страниц, поддерживающий язык разметки HTML. Чаще всего разделяется на редактор исходного кода и WYSIWYG-редакторы, которые также имеют возможность редактировать исходный код.

---