Файл: Основы программирования на языке HTML (Основы языка программирования).pdf
Добавлен: 22.04.2023
Просмотров: 65
Скачиваний: 1
Текст, который помещается в ячейки таблицы, по умолчанию автоматически размещает браузер: весь текст выводится последовательно, при достижении правой границы ячейки, следующее слово автоматически переносится на новую строку.
Ячейки таблицы также могут охватывать сразу несколько строк или столбцов, для описания таких ячеек используются атрибуты ROWSPAN (ячейка растягивается на указанное количество строк), и COLSPAN (ячейка растягивается на указанное количество столбцов соответственно) [2].
Существует множество необязательных атрибутов для тегов, которые описывают таблицы.
Параметры таблицы в целом задаются при помощи атрибутов тега.
Таблица 9. Атрибуты тега таблиц.
|
Синтаксис атрибута |
Назначение |
|
ALIGN = значение |
Служит для выравнивания относительно текстового потока. Существуют следующие значения: left, right и center. |
|
BACKGROUND = url |
Служит фоновым изображением для всей таблицы. |
|
BGCOLOR = цвет |
Определяет фоновый цвет таблицы. |
|
BORDERCOLOR = цвет |
Определяет цвет границы таблицы. |
|
BORDERCOLORDARK= цвет |
Служит для окрашивания в заданный цвет правый и нижний край основной рамки и левый, и верхний край каждой ячейки. |
|
BORDERCOLORLIGHT=цвет |
Служит для окрашивания в заданный цвет левый и верхний край основной рамки и соответственно правый и нижний край каждой ячейки. |
|
CELLPADDING = значение |
Определяет расстояние от границ ячейки до ее содержимого в пикселях. |
|
CELLSPACING = значение |
Определяет расстояние между ячейками в пикселях. |
|
HSPACE = значение |
Определяет свободное пространство слева и справа от таблицы в пикселях. |
|
VSPACE = значение |
Определяет свободное пространство сверху и снизу от таблицы в пикселях. |
|
WIDTH = значение |
Определяет ширину таблицы (задается в пикселях или в процентах от текущей ширины окна браузера). |
Атрибуты тега определяют параметры данного ряда (в случае возникновения противоречий атрибуты, которые заданы в теге, отменяются).
Таблица 10. Атрибуты тега определенного ряда в таблице.
|
Синтаксис атрибута |
Назначение |
|
|
ALIGN = значение |
Обеспечивает выравнивание содержимого ячеек. Существуют следующие значения: left, right и center. |
|
|
BACKGROUND = url |
Определяет фоновое изображение для ячеек данного ряда таблицы. |
|
|
BGCOLOR = цвет |
Определяет фоновый цвет для ячеек данного ряда. |
|
|
BORDER = значение |
Определяет толщину рамки, обрамляющей ячейки данного ряда; BORDER=0 значит, что рамка невидимая. |
|
|
VALIGN = значение |
Обеспечивает вертикальное выравнивание содержимого ячеек. Существуют следующие: значения top, center и bottom. |
|
Атрибуты тега определяют параметры данной ячейки (в случае возникновения противоречий атрибуты, которые заданы в тегах, отменяются).
Таблица 11. Атрибуты тега определенной ячейки таблицы.
|
Синтаксис атрибута |
Назначение |
|
ALIGN = значение |
Обеспечивает выравнивание содержимого ячейки. Существуют следующие значения: left, right и center. |
|
BACKGROUND = url |
Определяет фоновое изображение для ячейки таблицы. |
|
BGCOLOR = цвет |
Определяет фоновый цвет для ячейки. |
|
BORDER = значение |
Определяет толщину рамки, обрамляющей ячейку. |
|
VALIGN = значение |
Обеспечивает вертикальное выравнивание содержимого ячейки. Существуют следующие значения: top, center и bottom. |
|
WIDTH = значение |
Определяет ширину ячейки в пикселях или в процентах от ширины таблицы. |
|
ROWSPAN= значение |
Указывает количество строк, охватываемых ячейкой. |
|
COLSPAN = значение |
Указывает количество столбцов, охватываемых ячейкой. |
При работе с таблицами важно учитывать тот факт, что значение атрибута, которое указано Вами, в большинстве случаев, лишь «принимается к сведению» браузером. Браузер всегда будет пытаться отобразить таблицу как можно лучше, нередко игнорируя при этом, заданные пропорции.
Применение бегущей строки на web-странице позволит сделать её более динамичной, даст эффект движения объектов. Для создания данной строки необходимо использовать тег <MARQUEE>. Закрывающий элемент обязателен [5].
Между данными тегами могут располагаться как текст, так и изображения.
Таблица 12. Атрибуты тега бегущей строки.
|
Синтаксис атрибута |
Назначение |
|
BGCOLOR=цвет |
Определяет фоновый цвет. Когда фон задан, то браузер нарисует на экране цветную полосу, вдоль которой движется текст или картинка. |
|
HEIGHT= значение |
Определяет высоту фоновой полосы. Значение указывается в пикселях или в процентах от высоты окна браузера. |
|
WIDTH = значение |
Определяет ширину полосы бегущей строки, указывается в пикселях или в процентах от ширины окна браузера |
|
DIRECTION= значение |
Задает направление движения строки: left− налево, right− направо, up− вверх, down – вниз. |
|
BEHAVIOR = значение |
Данный атрибут управляет поведением бегущей строки: scroll − дойдя до края окна, строка уходит из поля зрения, а затем появляется с противоположной стороны; slide− строка появляется из-за края окна, достигает противоположного и останавливается; alternate− строка движется вправо или влево, «отражаясь» от краев окна и меняя направление движения |
|
HSPACE = смещение в пикселях |
Определяет сдвиг полосы бегущей строки по горизонтали вправо. |
|
VSPACE = выcoтa в пикселях |
Служит для создания пустого пространства выше и ниже полосы. |
|
LOOP = значение |
Определяет количество переходов строки по экрану. |
|
SCROOLAMOUNT =значение |
Число пикселей, которые проходит строка за каждый шаг. Данный атрибут дает возможность регулировать скорость движения строки. |
|
SCROLLDELAY = значение |
Определяет временной интервал между шагами, при помощи этого атрибута можно добиться движения строки рывками. |
|
TRUESPEED |
При установке этого флага (атрибута без значения) будет использовано заданное значение SCROLLDELAY. Если флаг не установлен значение SCROLLDELAY <= 59 будет округлено до 60. |
Горизонтальная линия
Горизонтальную линию можно задать тегом <HR>. Она не требует закрывающего элемента [6]. Данная линия проходит по всей ширине страницы.
Тег имеет несколько необязательных атрибутов:
Таблица 13. Атрибуты тега горизонтальной линии.
|
Синтаксис атрибута |
Назначение |
|
WIDTH = значение |
Служит для определения длины линии в пикселях или процентах от ширины окна браузера. |
|
SIZE = значение |
Необходим для определения толщины линии в пикселях. |
|
ALIGN = значение |
Обеспечивает выравнивание горизонтальной линии. Параметр может принимать следующие значения: left – по левому краю, right – по правому краю, center – по центру. |
|
NOSHADE |
Определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без этого параметра линия будет изображена объемной. |
|
COLOR = цвет |
Служит для определения цвета линии. |
Заключение
В данной курсовой работе были изучены основы программирования на языке HTML. Выделены основные понятия языка HTML, его актуальность и применение. Рассмотрены основные HTML-теги, разобрана структура документа. Также было обращено внимание на основные возможности и функции языка гипертекстовой разметки.
В процессе выполнения данной работы я ознакомился с методом программирования HTML, получил знания, необходимые для работы с web-страницами, работал с основными тегами языка HTML.
Важно отметить тот факт, что данный курсовой проект создавался в учебных целях. Однако, по-моему, мнению, этот проект вполне может помочь мне в будущей работе в качестве администратора web-сайта. При выполнении работы были приобретены навыки работы с HTML-тегами, учитывая их особенности и возможности.
В заключение, хотелось бы обратить внимание на то, что язык гипертекстовой разметки применяется при разработке любых web-страниц, поэтому HTML остается одним из самых актуальных языков программирования.