- идентификатор перечеркивания.

- идентификатор равноширинного шрифта (телетайпного или курьера).

- задает увеличенный размер шрифта.

- задает уменьшенный размер шрифта.

- задает центрирование текста.

- задает нижний индекс.

ТЕГИ ФОРМАТИРОВАНИЯ АБЗАЦЕВ

- выравнивание текста в абзаце по левому краю.

- выравнивание текста в абзаце по правому краю.

- выравнивание текста в абзаце по центру.

- полное выравнивание по обоим краям экрана,

align - атрибут выравнивания.

ТЕГИ СПИСКОВ

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

- идентификатор упорядоченного списка. В конце .

Неупорядоченные списки служат для составления перечней, ко­гда порядок следования пунктов несущественен. Перед каждым элементом будет стоять маркер.

- идентификатор неупорядоченного списка. В конце

Отдельные элементы в упорядоченном и неупорядоченном спи­сках помечают одиночным тегом

ТЕГИ СПИСКОВ ОПРЕДЕЛЕНИЙ

Списки определений обеспечивают специальное форматиро­вание, как в словарях, для терминов и связанных с ними описа­ний.

- идентификатор списка определений. В конце .

- идентификатор термина в списке определений.

- идентификатор значений термина в списке определе­ний.

название термина 1

определение термина 1

другое определение термина 1

ТЕГИ ЦВЕТА

- задает цвет тек­ста (text), цвет фона (bgcolor) и цвет гипертекстовой ссылки (link).

- задает фоновый рисунок (обои) на Web-странице в файле back.jpg.

- фоновый рисунок (обои) взят из файла tartan.bmp, причем указан путь этого файла.

- задает цвет символов текста (color) и их размер (size). В конце нужен тег .

ТЕГИ ЛИНИЙ

- задает цвет горизонтальной линии.

- атрибут size=N задает толщину линии в пикселах; атрибут width=M задает длину линии в пикселях; атрибут align=center (или left, или right ) за­дает смещение линии (ее размещение в центре, или смещение вле­во, или вправо).

ТЕГИ ДЛЯ ВСТАВКИ ИЗОБРАЖЕНИЙ

Графика на страницах - это средство выражения мысли, под­черкивания идеи.

Изображения можно сохранять в нескольких форматах. Тип фай­лов GIF - графический формат обмена, стал первым типом файлов, которые поддерживались в WWW. Затем был разработан формат JPEG - объединенная группа экспертов фотографии. Это формат эффективнее GIF для представления больших изображений.

Приобрел популярность формат PNG - персональная сетевая графика, который заменяет GIF.

При публикации сайта рисунок должен находиться в папке, где хранятся файлы страниц, а URL-адрес должен быть реальным.

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

- вставка графического изображения в виде анимационного файла lycos.gif. Можно также использовать и графические файлы формата *.jpg (или *.jpeg), *.bmp.

- если при вставке изображения использованы атрибуты width (ширина в пикселях) и height (высота в пикселях), то при загрузке изображения браузер покажет сначала рамку, где должно быть изображение, а за­тем уже само изображение, поскольку оно загружается дольше. Та­ким образом, резервируется место на экране под изображение.

- вставка графического изображения в виде файла iexplor.gif, причем указан полный путь графического файла на диске: c:\html\animat\iexplor.gif (данный момент нужно заранее продумать, иначе при перемещении на другой компьютер возникнут проблемы отображения).

- атрибут border задает рамку по периметру изображения толщиной 3 пикселя. Атрибут Alt дает текст на месте рамки, если изображения нет.

Атрибут border=0 используется, чтобы убрать рамку вокруг ри­сунка. Это необходимо, например, при использовании анимированных gif-рисунков на прозрачной основе.

Здесь атрибут hspace=5 обеспечивает плавное обтекание рисунка текстом. Он задает ширину незаполненного пространства справа и слева от рисунка в пикселях.

Атрибут align=«left» обеспечивает размещение рисунка слева.

ТЕГ ПЕРЕХОДА К ДРУГОМУ ФАЙЛУ

excite.htm - гипертекстовая ссылка к файлу excite.htm.

book.inf - гипертекстовая ссылка, переход к файлу book.inf. При запуске браузера следует ука­зать программу для просмотра текстового файла book.inf, например edit.com.

При работе в Интернете следует различать файлы с большими и с маленькими буквами в имени и расширении. Должно быть полное соответствие между именами файлов по размеру каждой буквы в имени и расширении, указанными в гиперссылке и лежащими на сервере, иначе гиперссылки не будут работать.

Для облегчения работы можно задавать цифровые имена файлов (цифры всегда одного размера).

ТЕГ ПЕРЕХОДА К ДРУГОЙ WEB-СТРАНИЦЕ

http://www.da.ru - гипертек­стовая ссылка в виде текста, переход в Интернете к Web-странице http://www.da.ru.

- ги­пертекстовая ссылка в виде изображения globe.gif, переход к про­смотру изображения zinn.gif.

ТЕГ ВСТАВКИ АДРЕСА ЭЛЕКТРОННОЙ ПОЧТЫ

[email protected] - гипер­ссылка на адрес электронной почты. При нажатии происходит вы­зов почтовой программы и указанный адрес E-mail: [email protected] вводится в пункт Кому .

ТЕГ ВСТАВКИ ДОКУМЕНТА

-

вставка объекта в документ HTML. В данном случае это мультиме­дийный файл *.avi, причем при загрузке страницы происходит авто­запуск этого файла, размеры которого на экране заданы атрибутами Width и Height .

Если документ HTML большой, то внутри него делают переходы по метке (U01): Введение Введение

ТЕГИ ДЛЯ СОЗДАНИЯ БЕГУЩЕЙ ТЕКСТОВОЙ СТРОКИ

(ТОЛЬКО ДЛЯ INTERNET EXPLORER):

Интер­нет - это окно в Mиp!

Если текстовая строка должна бежать влево, то вместо right должно быть слово left. Можно создать бегущую текстовую строку еще проще (т.е. без атрибутов, и она будет бежать влево):

Добро пожаловать!

Если текстовая строка должна бежать то влево, то вправо, то в теге используется атрибут behavior=«alternate» .

СПИСОК ЦВЕТОВ СИМВОЛОВ HTML

Всего 16 основных цветов:

Вместо указанных терминов для задания цвета можно использо­вать RGB-коды (R ed, G reen, B lue), например:#FFFFFF - белый (white), #FF0000 - красный (red).

Меняя RGB-коды , цвета можно подбирать желаемые текста и фона.

ТЕГИ ПОДКЛЮЧЕНИЯ ЗВУКА

Для воспроизведения звука (файл *.mid) после загрузки доку­мента HTML в браузер Internet Explorer (т.е. в фоновом режиме), надо записать следующую команду, например:

Можно также использовать файл формата *.wav. Число воспро­изведений loop можно увеличить с 1 до п.

ТЕГИ ФРЕЙМОВ

- определение фреймовой (оконной) структуры документа: размеры и расположение фреймов на страни­це. Заменяет тег BODY в документе с фреймами; может быть вло­жен в другие фреймсеты.

- определение количества и раз­меров горизонтальных фреймов (фреймов-строк) в окне браузера (пиксели, проценты ширины).

- определение количества и раз­меров вертикальных фреймов (фреймов-столбцов) в окне браузера (пиксели, проценты ширины).

- определение фрейма и его свойства внутри FRAMESET-структуры.

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

Атрибуты фреймов:

- указывает адрес (URL) HTML-файла, отображаемого в данном фрейме.

- определение имени данного фрейма, которое будет в дальнейшем использоваться для ссылки на него из других документов с помощью параметра target .

- определение ширины (в пикселях) левого и правого полей фрейма; должен быть равен или быть боль­ше 1.

- определение ширины (в пикселях) верхнего и нижнего полей фрейма; должен быть равен или быть больше 1.

- определение наличия полосы про­крутки содержимого фрейма; значениями могут быть: «yes,» «nо,» или «auto.» По умолчанию стоит auto.

- предотвращение изменения размеров фрейма.

ТЕГИ ФОРМЫ

Для функционирования формы понадобится написать CGI скрипт. HTML просто создает вид формы.

СОЗДАНИЕ ТАБЛИЦ В HTML

Таблицы являются удобным средством форматирования данных в HTML.

Таблицу задает и определяет ее общие свойства тег

Тег

border=«5» - ширина боковой грани в пикселях. При нулевом значении рамка исчезает;

width=«100» - ширина таблицы в пикселях или width=«50%» - ширина таблицы в % по отношению к ширине страницы в окне;

cellspacing=«10» - ширина фронтальной грани в пикселях;

cellpadding=«10» - задает размер пустого пространства в пиксе­лях, окружающего данные в ячейке.

Тег задает заголовок таблицы.

Тег

Тег

Ячейка-заголовок отличается от обычной тем, что текст внутри нее выделяется полужирным шрифтом. Цвет фона заголовка задает­ся:

СКРИПТ

Для реализации Web-сайта используется программа Движок , реализующая функциональность, отличную от простого показа го­товых Web-страниц. Например, просмотр каталога Интернет-магазина (список товаров извлекается из базы данных магазина), поиск в Интернете (страницы с ответами поисковой системы формируют­ся динамически), показ баннеров (движок «выдает» страницам сай­та тот или иной баннер по заданному алгоритму).

Скрипт - несложная программа на «скриптовом» языке про­граммирования (Perl, Php, Javascript), компонент движка. В пре­дельном случае движок сайта может состоять из одного-единствен-ного скрипта.

Cgi-bin исторически - подкаталог на сервере, в котором распо­лагались скрипты и иные компоненты движка сайта. Некоторые хостинги (услуги по размещению чужого Web-сайта на своем Web-сервере или чужого Web-сервера) предоставляют своим клиентам личные каталоги cgi-bin для размещения скриптов.

Термин HTML (HyperText Markup Language) означает "язык маркировки гипертекстов". Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.

Со времени создания первой версии HTML претерпел некоторые изменения. Как и многое другое в компьютерном мире, версии, или спецификации, HTML оказались пронумерованными. Известны спецификации 2.0, 3.0 и 3.2. Текущую спецификацию HTML всегда можно найти на сервере W3C .

HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-браузеров. Когда документ создан с использованием HTML, WEB-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

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

В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML читатель (основываясь на возможностях WEB-браузера может, в определенной степени, управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга HTML, а затем предоставляет WEB-браузеру интерпретировать эти тэги.

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

HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. Выбор редактора, который будет использоваться для создания HTML-документов, зависит исключительно от понятия удобства и личных пристрастий каждого автора. Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании Netscape позволяют создавать документы графически с использованием технологии WYSIWYG(What You See Is What You Get). С другой стороны, большинство традиционных средств для создания документов имеют конвертеры, позволяющие преобразовывать документы к формату HTML.

Все тэги HTML начинаются с "" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа: Заголовок документа

HTML не реагирует на регистр символов, описывающих тэг, и приведенный ранее пример может выглядеть следующим образом:

Заголовок документа

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

Некоторые тэги, такие, как

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

Когда WEB-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом . Данный тэг сообщает WEB-браузеру, что ваш документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так:

...тело документа...

Заголовочная часть документа

Тэг заголовочной части документа должен быть использован сразу после тэга и более нигде в теле документа. Данный тэг представляет из себя общее описание документа. Избегайте размещать какой-либо текст внутри тэга . Стартовый тэг помещается непосредственно перед тэгом и другими тэгами, описывающими документ, а завершающий тэг размещается сразу после окончания описания документа. Например:

Список сотрудников Заголовок документа

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

Комментарии

Как любой язык, HTML позволяет вставлять в тело документа комментарии, которые сохраняются при передаче документа по сети, но не отображаются браузером. Синтаксис комментария:

Комментарии могут встречаться в документе где угодно и в любом количестве.

Тэги тела документа идентифицируют отображаемые в окне компоненты HTML-документа. Тело документа может содержать ссылки на другие документы, текст и другую форматированную информацию.

Тело документа

Тело документа должно находиться между тэгами и . Это та часть документа, которая отображается как текстовая и графическая (смысловая) информация вашего документа.

Тэг абзаца

В отличие от большинства текстовых процессоров, в HTML-документе обычно игнорируются символы возврата каретки. Физический разрыв абзаца может находиться в любом месте исходного текста документа (для удобства его читаемости). Однако браузер разделяет абзацы только при наличии тэга

Если вы не разделите абзацы тэгом

Ваш документ будет выглядеть как один большой абзац.

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

Ссылки имеют стандартный формат, что позволяет браузеру интерпретировать их и выполнять необходимые функции (вызывать методы) в зависимости от типа ссылки. Ссылки могут указывать на другой документ, специальное место данного документа или выполнять другие функции, например запрашивать файл по FTP-протоколу для отображения его браузером. URL может указывать на специальное место по абсолютному пути доступа, или указывать на документ в текущем пути доступа, что часто используется при организации больших структурированных WEB-сайтов. Возврат на предыдущую ссылку, если перемещение происходило внутри документа. Если вы используете ссылки внутри документа, а затем нажимаете на клавишу Back, то вы не перейдете на предыдущую ссылку, а вернетесь на ту часть документа, которую вы просматривали до этого.

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

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

Это наиболее используемая техника при проектировании документов, называемая иногда "inline image".

Некоторые WWW browser позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем WWW-сервере. Когда форма интерпретируется WEB-браузером, создается специальные экранные элементы GUI, такие, как поля ввода, checkboxes, radiobuttons, выпадающие меню, скроллируемые списки, кнопки и т.д. Когда пользователь заполняет форму и нажимает кнопку "Подтверждение" (SUBMIT - специальный тип кнопки, который задается при описании документа), информация, введенная пользователем в форму, посылается HTTP-серверу для обработки и передаче другим программам, работающим под сервером, в соответствии с CGI (Common Gateway Interface) интерфейсом.

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

Основы HTML содержат основные правила языка HTML, описание структуры HTML-страницы, отношения в структуре HTML-документа между HTML-элементами.

HTML-документ - это обычный текстовый документ, может быть создан как в обычном текстовом редакторе (Блокнот) , так и в специализированном, с подсветкой кода (Notepad++, Visual Studio Code и т.п.) . HTML-документ имеет расширение.html .

HTML-документ состоит из дерева HTML-элементов и текста. Каждый элемент обозначается в исходном документе начальным (открывающим) и конечным (закрывающим) тегом (за редким исключением).

Начальный тег показывает, где начинается элемент, конечный - где заканчивается. Закрывающий тег образуется путем добавления слэша / перед именем тега: … . Между начальным и закрывающим тегами находится содержимое тега - контент.

Одиночные теги не могут хранить в себе содержимого напрямую, оно прописывается как значение атрибута, например, тег создаст кнопку с текстом Кнопка внутри.

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

Текст

Текст

HTML-элементы могут иметь атрибуты (глобальные, применяемые для всех HTML-элементов, и собственные). Атрибуты прописываются в открывающем теге элемента и содержат имя и значение, указываемые в формате имя атрибута="значение" . Атрибуты позволяют изменять свойства и поведение элемента, для которого они заданы.

Каждому элементу можно присвоить несколько значений class и только одно значение id . Множественные значения class записываются через пробел, . Значения class и id должны состоять только из букв, цифр, дефисов и нижних подчеркиваний и должны начинаться только с букв или цифр.

Браузер просматривает (интерпретирует) HTML-документ, выстраивая его структуру (DOM) и отображая ее в соответствии с инструкциями, включенными в этот файл (таблицы стилей, скрипты). Если разметка правильная, то в окне браузера будет отображена HTML-страница, содержащая HTML-элементы - заголовки, таблицы, изображения и т.д.

Процесс интерпретации (парсинг) начинается прежде, чем веб-страница полностью загружена в браузер. Браузеры обрабатывают HTML-документы последовательно, с самого начала, при этом обрабатывая CSS и соотнося таблицы стилей с элементами страницы.

HTML-документ состоит из двух разделов - заголовка — между тегами … и содержательной части — между тегами … .

Язык HTML следует правилам, которые содержатся в файле объявления типа документа (Document Type Definition, или DTD) . DTD представляет собой XML-документ, определяющий, какие теги, атрибуты и их значения действительны для конкретного типа HTML. Для каждой версии HTML есть свой DTD.

DOCTYPE отвечает за корректное отображение веб-страницы браузером. DOCTYPE определяет не только версию HTML (например, html), но и соответствующий DTD-файл в Интернете.

...

Элементы, находящиеся внутри тега , образуют дерево документа, так называемую объектную модель документа, DOM (document object model) . При этом элемент является корневым элементом.

Чтобы разобраться во взаимодействии элементов веб-страницы, необходимо рассмотреть так называемые «родственные отношения» между элементами. Отношения между множественными вложенными элементами подразделяются на родительские, дочерние и сестринские.

Предок - элемент, который заключает в себе другие элементы. На рисунке 1 предком для всех элементов является . В то же время элемент является предком для всех содержащихся в нем тегов: ,

, , и т.д.

Потомок - элемент, расположенный внутри одного или более типов элементов. Например, является потомком , а элемент

Является потомком одновременно для и .

Родительский элемент - элемент, связанный с другими элементами более низкого уровня, и находящийся на дереве выше их. На рисунке 1 и . Тег

Является родительским только для .

Дочерний элемент - элемент, непосредственно подчиненный другому элементу более высокого уровня. На рисунке 1 только элементы , ,

И являются дочерними по отношению к .

Сестринский элемент - элемент, имеющий общий родительский элемент с рассматриваемым, так называемые элементы одного уровня. На рисунке 1 и — элементы одного уровня, так же как и элементы , и

Являются между собой сестринскими.

Раздел ... содержит техническую информацию о странице: заголовок, описание, ключевые слова для поисковых машин, кодировку и т.д. Введенная в нем информация не отображается в окне браузера, однако содержит данные, которые указывают браузеру, как следует обрабатывать страницу.

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

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

Описание содержимого страницы и ключевые слова одновременно можно указывать на нескольких языках, например, на русском и английском:

С помощью тега можно запретить или разрешить индексацию веб-страницы поисковыми машинами:

Для автоматической перезагрузки страницы через заданный промежуток времени нужно воспользоваться значением refresh:

Страница будет перезагружена через 30 секунд. Чтобы перебросить посетителя на другую страницу, нужно указать URL-адрес в параметре url:

Наша первая страничкаTITLE >

Самый простой HTML- документ

Данный кодможет быть набран в текстовом редакторе Блокнот и сохранен как файл с расширением. htm или. html − в этом случай документ откроется в браузере, установленном на вашем компьютере по умолчанию. Браузер отобразит этот документ, выведя в своем окне строку "Самый простой HTML-документ", расположенную в секции тела документа. Фраза "Наша первая страничка" будет отображаться в строке заголовка браузера.

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

Этот раздел включает в себя основное содержание веб-страницы − текст документа, изображения, таблицы и т.п. Элемент BODY должен встречаться в документе не более одного раза и может включать следующие атрибуты:

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

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

Кроме того, используются теги, позволяющие изменить начертание символов:

. .. (от английского bold) − полужирный шрифт;

.. . (от английского italic) − курсив;

... (от английского TeleType) − моноширинный шрифт;

... (от английского u nderline) − подчеркнутый;

... S > (от английского s trikethrough ) − перечеркнутый;

... (от английского s ubscript ) − нижний индекс;

... (от английского superscript ) − верхний индекс.

Текст, заключенный между тегами

и(от английского preformatted ), отображается так, как он был отформатирован предварительно, со всеми пробелами и переносами строк.

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

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

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

интерпретируются как один (в отличие от тега
).Закрывающий компонент

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

Если закрывающий компонент

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

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

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

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

Каждый элемент упорядоченного или неупорядоченного списка заключается в теги ... (от английского list item ). При выводе текста каждый элемент списка будет располагаться с новой строки, обозначенной номером или маркером. Кроме того, у списка может быть заголовок, который задается тегом (от английского l ist h eader ). Закрывающие теги и не обязательны.

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

Тегимеет необязательные атрибуты:

Тегимеет необязательный атрибут

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

Теги

, ... ,

могут иметь атрибут выравниванияALIGNсо значениямиLEFT,RIGHT и CENTER.

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

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

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

http://www. vshu . kirov .ru/ site / images / picture 1. jpg

http://195.21.123.13:8110

ftp://everything.com/soft/prog.zip

mailto:This email address is being protected from spambots. You need JavaScript enabled to view it.

Последний URL, указывающий на протокол mailto и адрес электронной почты, не ссылается ни на какой информационный ресурс; это единственный тип URL, при записи которого не ставятся после двоеточия две косые черты.

Адресация рисунков в абсолютной форме при создании веб-сайта практически не используется.

Адресация в относительной форме используется при ссылках на ресурсы, находящиеся на том же сервере. При записи пути к файлу названия каталогов разделяются прямой косой чертой (символ / ), переход по каталогам файловой системы на один уровень вверх обозначается двумя точками (символы .. ). Чтобы было понятнее, представим себе компьютер, например, с такой структурой каталогов, содержащих HTML-файлы:

SHAPE\* MERGEFORMAT

В этом случае возможны, например, такие варианты записи тега IMG :

ü < IMG SRC = Picture . jpg > (изображение Picture . jpg располагается на страничке Index . htm )

ü < IMG SRC = Images / Pict 1. jpg > (изображение Pict 1. jpg располагается на страничке Index . htm )

ü < IMG SRC =../ Picture . jpg > (изображение Picture . jpg располагается на страничке Page 1. htm )

ü < IMG SRC =../ Images / Pict 1. jpg > (изображение Pict 1. jpg располагается на страничке Page 1. htm )

Несмотря на то, что формально обязательным является только атрибут SRC,на практике необходимо указывать и альтернативный текст (атрибут ALT), так как многие работают с браузером в режиме без загрузки изображений.

Высоту и ширину области, в которой демонстрируется рисунок, задают при помощи атрибутов width и height в пикселях или в процентах к размеру экрана. В том случае, когда задается один из этих атрибутов, рисунок масштабируется таким образом, чтобы его высота или ширина соответствовали заданной. Второй размер устанавливается автоматически, в соответствующей пропорции. Применение только одного из атрибутов изменяет оба размера рисунка.
Если задать явно оба атрибута, то рисунок будет масштабироваться по двум осям в соответствии с заданными размерами. Атрибуты height и width меняют не время загрузки изображения, а только его вид (размер) на экране.

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

Связь между HTML-документами и фрагментами документов организуется с помощью тега ... (от английского a nchor - якорь ).

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

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

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

Например , .

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

У тега-контейнера единственным обязательным атрибутом является NAME , значением которого будет имя (например, NAME=" mymap " , которое должно быть использовано при описании атрибута USEMAP тега IMG, описывающего изображение, призванного служить картой (при этом к имени карты приписывается слева # − USEMAP ="# mymap ")

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

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

Таблицы в HTML строятся построчно. Все табличные данные заключаются в теги

; описание каждого ряда ячеек (строк) заключается в теги ... ; содержимое каждой ячейки заключается в теги ... (обычные ячейки) или ... H > (заголовки).

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

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

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

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

< TR >

< TD ROWSPAN=2> 1-1 TD >

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

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

Атрибуты тегазадают параметры данного ряда (при возникновении противоречий атрибуты, заданные в теге, отменяются). Выравнивание содержимого ячеек;возможны значенияleft, right и center

BACKGROUND = url

Фоновое изображение для ячеек данного ряда таблицы

BGCOLOR = цвет

Фоновый цвет для ячеек данного ряда

BORDER = значение

Толщина рамки, обрамляющей ячейки данного ряда;BORDER=0 обозначает невидимую рамку

VALIGN = значение

Вертикальное выравнивание содержимого ячеек;возможны значения top, center и bottom

Атрибуты тега задают параметры данной ячейки(при возникновении противоречий атрибуты, заданные в тегах и, отменяются).

При работе с таблицами учтите, что указанное значение атрибута WIDTHво многих случаях лишь "принимается к сведению" браузером. Заданные пропорции в точности выдерживаются редко, браузер старается отобразить таблицу как можно лучше (в его понимании).

Использование бегущей строки на веб-странице делает ее более динамичной, позволяет создать эффект движения объекта. Создается бегущая строка с помощью тега < MARQUEE > … MARQUEE >.

Между < MARQUEE > и MARQUEE > могут располагаться текстовые фрагменты и рисунки. Текст может быть отформатирован с помощью соответствующих тегов, а рисунок вставляется с использованием .

Синтаксис атрибута	Назначение
BGCOLOR =цвет	Фоновый цвет. Если фон задан, то браузер рисует на экране цветную полосу, вдоль которой движется текст или картинка.
HEIGHT = значение	Высота фоновой полосы. Значение указывается в пикселях или в процентах от высоты окна браузера. Например, если указать атрибут HEIGHT=25%, то полоса бегущей строки будет занимать четверть высоты окна
WIDTH = значение	Ширина полосы бегущей строки, указывается в пикселях или в процентах от ширины окна браузера
DIRECTION= значение	Направление движения строки: left − налево (по умолчанию), right − направо, up − вверх, down − вниз
BEHAVIOR = значение	Атрибут управляет поведением бегущей строки: scroll (по умолчанию) − дойдя до края окна, строка уходит из поля зрения, а затем появляется с противоположной стороны; slide − строка появляется из-за края окна, достигает противоположного и останавливается; alternate − строка движется вправо или влево, «отражаясь» от краев окна и меняя направление движения
HSPACE = смещение в пикселях	Сдвиг полосы бегущей строки по горизонтали вправо
VSPACE = вы co т a в пикселях	Создание пустого пространства выше и ниже полосы
LOOP = значение	Количество переходов строки по экрану
SCROOLAMOUNT = значение	Число пикселей, которые проходит строка за каждый шаг. Режим по умолчанию соответствует примерно 10 пкс/шаг. Данный атрибут позволяет регулировать скорость движения строки
SCROLLDELAY = значение	Определяет временной интервал (в миллисекундах) между шагами, с помощью этого атрибута можно заставить строку двигаться рывками
TRUESPEED	При установке этого флага (атрибута без значения) будет использовано заданное значение SCROLLDELAY. Если флаг не установлен значение SCROLLDELAY Читайте также... Кадакес в Испании. Мой отзыв и фото. Кадакес (Cadaques), Каталония Кадакес испания как добраться из барселоны Корзина для интернет-магазина на фронте или Пишем модульный javascript Падающий снег на jQuery или html шаблон Новогодней поздравительной открытки Где смотреть какая версия Андроид установлена на телефоне Хонор и Хуавей Как узнать серийный номер huawei Как писать скрипты для Windows? Как создать аккаунт Google без подтверждения номера? Как удалить вирус вручную с компьютера? Лучшее на сайте 1 Установка CAB и MSU файлов обновлений Windows в ручном режиме 2 Смартфон Samsung GT I8160 Galaxy Ace II: отзывы и характеристики Основная камера мобильного устройства обычно расположена на задней части корпуса и используется для фото- и видеосъемки 3 Как работать в программе Sony Vegas(основы) Как работать в программе сони вегас 4 Acer Iconia A1 - Технические характеристики 5 Ищем альтернативы Google Reader QuiteRSS – как наиболее удобная и качественная RSS читалка Новое Делаем K-line адаптер своими руками Nero Free (Неро) на русском языке Скачать неро для записи аудио Что делать если AirDrop не видит iPhone, iPad, Mac? Как открыть файлы Pages в Microsoft Word Друзья друзьям рознь, или Как ограничить доступ к личным данным на Facebook Ограниченные друзья Как раскрутить страницу в OK Кадакес в Испании. Мой отзыв и фото. Кадакес (Cadaques), Каталония Кадакес испания как добраться из барселоны Корзина для интернет-магазина на фронте или Пишем модульный javascript Рекомендуем почитать Где смотреть какая версия Андроид установлена на телефоне Хонор и Хуавей Как узнать серийный номер huawei Как писать скрипты для Windows? Как создать аккаунт Google без подтверждения номера? Как удалить вирус вручную с компьютера? Как проверить сертификацию телефона Установка CAB и MSU файлов обновлений Windows в ручном режиме Смартфон Samsung GT I8160 Galaxy Ace II: отзывы и характеристики Основная камера мобильного устройства обычно расположена на задней части корпуса и используется для фото- и видеосъемки Как работать в программе Sony Vegas(основы) Как работать в программе сони вегас Карты памяти SSD накопители Windows и диски Жесткие диски Карты памяти Мы в социальных сетях