Базовые элементы Web-технологий (1127027), страница 5
Текст из файла (страница 5)
Ячейки внутри ееописываются с помощью элементов <caption/>, <tr/>, <th/> и <td/>. Каждая ячейка можетсодержать произвольный HTML-текст, включая вложенные таблицы. Пустые ячейкиобычно изображаются без границ, чтобы избежать этого, лучше поместить в ячейкусимвол неразрывного пробела, представляемый как “nbsp;”.• Элемент <table/> имеет следующие атрибуты:o align и valign указывают горизонтальное и вертикальное выравниваниетаблицы;o border определяет ширину внешней рамки в точках;o cellspacing задает расстояние между границами отдельных ячеек;o cellpadding указывает расстояние между границей ячеек и их содержимым;o width определяет ширину таблицы в точках или процентах от ширины окнабраузера;o height точно так же задает ее высоту;o bgcolor указывает цвет фона ячеек;o background задает URL рисунка, который будет использован как фонтаблицы.• Элемент <caption/> указывает заголовок таблицы, а его атрибут align свозможными значениями top и bottom определяет место размещения заголовка,сверху или снизу от таблицы.• Элемент <tr/> определяет новую строку ячеек таблицы.
С помощью атрибутовalign, valign и bgcolor можно задать горизонтальное и вертикальное выравниваниево всех ячейках этой строки, а также цвет их фона.• Элементы <td/> и <th/> служат для описания отдельных ячеек. <th/> определяетячейку-заголовок, которую браузер может как-то выделить. Оба элемента имеютследующие атрибуты:o align и valign указывают горизонтальное и вертикальное выравниваниесодержимого ячейки; по умолчанию обычные ячейки выравниваются погоризонтали влево, а заголовки — по центру, по вертикали оба типа ячееквыравниваются по центру;o width определяет ширину ячейки в точках или процентах от ширинытаблицы;o height задает высоту ячейки;o colspan определяет количество столбцов, занимаемое данной ячейкой;o rowspan задает количество строк, занимаемых ячейкой;o nowrap блокирует форматирование содержимого ячейки в много строк;o bgcolor указывает цвет фона ячеек;o background задает URL рисунка, который будет использован как фонтаблицы.Пример структурирования и форматирования текста документации на Spring Framework.<body bgcolor="white" text="black" link="#0000FF" vlink="#840084"alink="#0000FF"><div class="navheader"><table width="100%" summary="Navigation header"><tr><th colspan="3" align="center">1. Introduction to SpringFramework</th></tr><tr><td width="20%" align="left"><a accesskey="p" href="springintroduction.html">Prev</a> </td><th width="60%" align="center">Part I. Overview of SpringFramework</th><td width="20%" align="right"> <a accesskey="n" href="spring-whatsnew.html">Next</a></td></tr></table><hr></div><div class="chapter" lang="en"><div class="titlepage"><div><div><h2 class="title"><a name="overview"></a>1. Introduction to SpringFramework</h2></div></div></div><p>Spring Framework is a Java platform that provides comprehensiveinfrastructure support for developing Java applications.
Spring handles theinfrastructure so you can focus on your application.</p><p>Spring enables you to build applications from “plain old Javaobjects” (POJOs) and to apply enterprise services non-invasively toPOJOs. This capability applies to the Java SE programming model and to fulland partial Java EE.</p><p>Examples of how you, as an application developer, can use the Springplatform advantage:</p><div class="itemizedlist"><ul type="disc"><li><p>Make a Java method execute in a database transaction without havingto deal with transaction APIs.</p></li><li><p>Make a local Java method a remote procedure without having to dealwith remote APIs.</p></li><li><p>Make a local Java method a management operation without having todeal with JMX APIs.</p></li><li><p>Make a local Java method a message handler without having to dealwith JMS APIs.</p></li></ul></div><div class="section" lang="en"><div class="titlepage"><div><div><h2 class="title" style="clear: both"><a name="overview-dependencyinjection"></a>1.1 Dependency Injection and Inversion ofControl</h2></div></div></div><div class="sidebar"><a name="background-ioc"></a><p class="title"><b>Background</b></p><p>“<span class="quote"><span class="emphasis"><em>The question is,what aspect of control are [they] inverting?</em></span></span>” MartinFowler posed this question about Inversion of Control (IoC) on his site in2004.
Fowler suggested renaming the principle to make it more selfexplanatory and came up with <em class="firstterm">DependencyInjection</em>.</p><p>For insight into IoC and DI, refer to Fowler's article at <a class="ulink"href="http://martinfowler.com/articles/injection.html"target="_top">http://martinfowler.com/articles/injection.html</a>.</p></div><p>Java applications -- a loose term that runs the gamut from constrainedapplets to n-tier server-side enterprise applications -- typically consist ofobjects that collaborate to form the application proper. Thus the objects inan application have <span class="emphasis"><em>dependencies</em></span> oneach other.</p>Вот как выглядит сформированная таким образом страница в браузере.Рисунок 2. Вид приведенный выше HTML-страницы в браузере.СсылкиДля определения ссылок на другие документы могут использоваться следующиеэлементы.• Для определения ссылок и мест, куда может указывать ссылка, используетсяэлемент <a/>.o Для определения места для ссылки (якоря) нужно указать элемент <a/> сатрибутом name.
При этом область текста между открывающим изакрывающим тегами будет считаться объектом ссылки.o Для определения ссылки нужно указать <a/> с атрибутом href, значениекоторого задает URL ссылки. Для ссылок внутри документа используютсяURL вида #name, где name — имя соответствующего якоря.• C помощью элементов <map/> и <area> можно организовать навигационные карты,например, для определения ссылок, по которым переходи браузер при клике наразличные части изображения.o <map/> имеет атрибут name, задающий имя карты, и может иметь нескольковложенных элементов <area>.o <area> имеет такие атрибуты: shape — определяет форму активной области, может иметь значенияrect, circle, poly; coord — задает координаты углов или центра области; href — определяет URL ссылки; nohref — определяет данную область как неактивную; alt — задает текст для показа вместо изображения для даннойобласти.Скрипты и объектыДля описания дополнительных объектов на странице HTML есть несколько элементов.• Для вставки изображений в HTML-документ используется элемент <img>,имеющий следующие атрибуты.o src — определяет URL вставляемого изображения.o height и width — задают высоту и ширину получаемой картинки, еслипараметры реального изображения не совпадают с указанными, ономасштабируется, т.е.
растягивается или сжимается.o hspace и vspace — задают отступы по горизонтали и вертикали, отделяющиеизображение от соседних объектов, например, обтекающего его текста.o align — определяет способ выравнивания изображения.o name — задет имя объекта-рисунка.o alt — задает текст, появляющийся вместо изображения, если браузер неможет его найти или работает без подкачки изображений.o border — определяет ширину рамки вокруг изображения.o usemap — определяет имя используемой навигационной карты.Наиболее часто для определения используемых скриптов применяют элемент <script/>. Онможет иметь атрибут language, указывающий используемый скриптовый язык, и либосодержит текст срипта, либо с помощью атрибута src задает URL для внешнего срипта.Другие элементы, используемые для вставки исполняемых объектов — <applet/>(используется для вставки Java апплетов), <object/>.ФормыФормы служат для определения интерактивных элементов HTML-страницы, т.е.
таких, скоторыми может взаимодействовать пользователь.Элемент <form/> определяет форму, которая может содержать элементы управления, атакже обычные элементы HTML.Форма может иметь следующие атрибуты• name — имя формы.• action — обязательный атрибут, указывающий URL, к которому нужно обратитьсябраузеру для обработки данных формы.• method — определяет способ отправки данных формы на сервер, может иметь двазначения: GET и POST (методы протокола HTTP).
Метод POST, в отличие от GET,используется для передачи значительных объемов информации, например,содержимого многострочного текстового поля, файлов по указаннымпользователем именам и пр.• enctype — способ кодирования содержимого при отправке, возможные значения:multipart/form-data и application/x-www-form-urlencoded.Формы могут содержать следующие элементы управления.• <input/> — определяет элемент управления (поле ввода, кнопку или чекбокс(флажок)), содержание которого может быть изменено пользователем. Егоатрибуты таковы.o name — задает имя элемента управления, используется для егоидентификации при передаче данных на сервер.o value — определяет текстовый заголовок или заполнение элементауправления. Для checkbox или radio возвращаемое значение равно этомуатрибуту.o checked — указывает, что элемент управления активизировано, если онявляется checkbox или radio.o size — задает видимый размер элемента управления в символах.o maxlength — задает максимально возможное количество символов для поляввода.o src — URL изображения для формирования кнопки с картинкой дляэлемента управления image.o align — задает вертикальное выравнивание изображения для элемента тиапimage.o accept — определяет MIME-тип файла для элемента управления file.o type — тип элемента управления.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
