HTML-документы

Рефераты, курсовые, дипломные, контрольные (предпросмотр)

Тип: Курсовая работа. Файл: Word (.doc) в архиве zip. Категория: Информатика, IT
Адрес этого реферата http://referat-kursovaya.repetitor.info/?essayId=20313 или
Загрузить
В режиме предпросмотра не отображаются таблицы, графики и иллюстрации. Для получения полной версии нажмите кнопку «Загрузить». Рефераты, контрольные, дипломные, курсовые работы предоставляются в ознакомительных целях, не для плагиата.
Страница 4 из 5 [Всего 5 записей]« 1 2 3 4 5 »

В Word 97 не предусмотрены специальные инструмент для форматирования Web-страниц, но можно использовать те, что предназначены для обычного редактирования. Многие кнопки позволяют создавать адекватные эффекты в гипертексте. Это, в первую очередь, инструменты, позволяющие форматировать текст: выделение полужирным и курсивом, изменение размера и цвета букв, создание эффекта подчеркивания и т. п. Удается создавать и абзацные отступы таким же способом, как это делается в Netscape Editor. Только в данном случае используется элемент DIR.

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

Создание документов в стандарте HTML.

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

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

Заголовки

В примере для заголовка используются теги H1/h1.

Существует шесть уровней заголовков, которые обозначаются Н1...Н6. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый маленький заголовок. Представление об относительных размерах заголовков в них дает рис.3.1. Для заголовков можно использовать атрибут, задающий выравнивание влево, по центру или вправо:

align=''left''

align=''center''

align=''right''

Заголовок1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5

Заголовок 6

Рис.3.1. Заголовки, создаваемые при помощи элементов Н1...Н2

Элемент FONT может с успехом заменять элементы заголовка Н1...Н6. Для последних, например, не предусмотрена возможность указания цвета букв. Чтобы заголовок, созданный на основе элемента FONT, хорошо смотрелся, этот элемент необходимо комбинировать с другими: CENTER, B, I, P и т. д. (см. 3.2.)

3.2.Форматирование текста и изменение стилей.

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

P/p

Элемент абзаца (paragraph) - один из самых полезных. Он позволяет использовать только начальный тег, так как следующий элемент Р обозначает конец предыдущего и начало следующего абзаца. Конечный тег удобно использовать в тех случаях, когда по смыслу необходимо обозначить конец абзаца. Вместе с элементом Р можно использовать атрибут выравнивания align (см.3.1.)

BR

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

NOBR/nobr

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

PRE/pre

Элемент для обозначения текста, отформатированного заранее (preformatted). Подразумевается, что текст будет выведен в том виде, в каком он был подготовлен пользователем. Например, учитываются символы конца строки, появившееся при наборе текста в редакторе. Во всех других случаях броузер игнорирует эти символы. Этот элемент удобно использовать для демонстрации листингов программ или для вывода текстовых документов, переформатирование которых может привести к искажению их смысла.

BLOCKQUOTE/blockquote

Обозначение цитаты. Этот элемент требует наличие конечного тега. Текст не претерпевает никаких изменений, но абзац располагается с отступом. К кавычкам этот элемент тоже не имеет никакого отношения: если в цитате используются кавычки, то они должны быть проставлены явным образом. В настоящее время используют и другое написание этого элемента: BQ.

CENTER/center

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

DIV/div

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

align=''left''

align=''center''

align=''right''

B/b

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

BIG/big

Увеличенный размер шрифта

SMALL/small

Уменьшенный размер шрифта

I/i

Выделение текста курсивом

EM/em и DFN/dfn

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

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

TT/tt

Элемент, обозначающий текст телетайпа. Его особенность заключается в использовании моноширинного шрифта.

STRIKE/strike

Элемент, создающий перечеркнутое начертание текста. В настоящее время его заменяют более простим: S/S

U/u

Подчеркнутое начертание текста.

STRONG/strong

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

SUB/sub

Элемент, создающий эффект нижнего индекса.

SUP/sup

Элемент, создающий эффект верхнего индекса.

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

Обычный текст и элемент SUB

Обычный текст и элемент SUP

Рис.3.2. Использование элементов SUB и SUP

PLAINTEXT/plaintext

Этот элемент предназначен для создания текста с конструкциями HTML, которые должны восприниматься именно как текст. Все теги, заключенные в PLAINTEXT, воспринимаются броузером только как произвольные символы. Элемент удобно использовать для обсуждения вопросов, связанных с использованием HTML.

CODE/code, SAMP/samp и VAR/var

Элементы, предназначенные для вывода фрагментов программ. CODE используется для форматирования текста программы. SAMP предполагается задействовать при иллюстрации примеров вывода данных на экран. VAR был создан для выделения переменных. Как правило, все эти элементы обеспечивают вывод информации с использованием моноширинного шрифта.

KBD/kbd

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

CITE/cite

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

ADDRESS/address

Подобно элементу CITE, данный элемент отличается только предусмотренным содержанием. Он также обеспечивает форматирование курсивом. В некоторых справочных руководствах можно встретить, что данный элемент поддерживает атрибут align. Легко убедиться, что это не так.

Вообще, к подобным элементам надо относиться с определенной долей недоверия. Я имею ввиду те из них, которые предназначены для размещения определенной информации, а не для создания эффектов форматирования. Мы уже рассмотрели элементы ADDRESS, CITE, CODE, KBD, SAMP, VAR. Дело в том, что они не относятся к основному направлению совершенствования HTML и пользовательских агентов. Поэтому броузеры интерпретируют их по-разному и не в обязательном порядке, но другое дело, если стиль для всех этих элементов определен в самой Web-странице.

RSSСтраница 4 из 5 [Всего 5 записей]« 1 2 3 4 5 »


При любом использовании материалов сайта обязательна гиперссылка на сайт «Репетитор».
Разработка и Дизайн компании Awelan
www.megastock.ru
Проверить аттестат