- •Кафедра экономики и финансов предприятий Информационные системы в экономике:
- •1.Понятие Internet и Intranet
- •4.Понятие гипертекста
- •5.Язык гипертекстовой разметки - html
- •6.Структура html-страницы
- •7. Форматирование текста
- •8. Списки в html
- •9. Таблицы в html
- •10. Гипертекстовые ссылки
- •11.Html-страницы на основе фреймов
- •11.Редактор FrontPage Express
7. Форматирование текста
Текст для отображения на web-странице вводится внутри структурного тега <body>. Форматировать можно как весь текст, так и часть текста (выделить заголовок, абзац т.д.).
Часть текста заключают в рамки тега <font> и значения атрибутов форматирования выделенной части текста записывают в рамках треугольных кавычек.
При написании HTML-кода документа, текст структурно делится на просто текст, заголовки частей текста, заголовки более высокого уровня и т.д. Первый уровень заголовков (самый большой) обозначается тегом <h1></h1>, следующий <h2></h2>- и т.д. Большинство браузеров поддерживает интерпретацию шести уровней заголовков, определяя каждому из них собственный стиль. Заголовки выше шестого уровня не являются стандартом и могут не поддерживаться браузером. Синтаксис заголовка уровня 1 следующий:
<h1> Заголовок первого уровня </h1>
В отличии от большинства текстовых процессоров, в HTML-документе обычно игнорируются символы возврата каретки. Физический разрыв абзаца может находиться в любом месте исходного текста документа (для удобства его читаемости). Однако браузер разделяет абзацы только при наличии тэга <P>. Если вы не разделите абзацы тэгом <P>, ваш документ будет выглядеть как один большой абзац.
Дополнительные атрибуты тэга <P>:
<P align=left > <P align=center> <P align=right>
позволяют выравнивать абзац по левому краю страницы, центру и правому краю соответственно.
Все элементы документа можно центрировать относительно рамок окна браузера, используя тэг <center>. Все элементы между тэгами < center > и </ center > будут находиться в центре окна.
Тэг <br > извещает браузер о разрыве строки. Наилучший пример использования данного тэга - форматированный адрес или любая другая последовательность строк, где браузер должен отображать их одну под другой.
Гиперссылка - это парный тег, который позволяет по щелчку мыши переходить в другое место данной страницы или на другую страницу.
Гиперссылки бывают внутренние и внешние. Они могут содержать в себе абсолютный или относительный адрес страницы на которую осуществляется переход.
Внутренние гиперссылки (переход внутри страницы):
<A href="#тег"> теги </A> - откуда
<A name="тег"> - куда (якорь)
Внешние гиперссылки (переход на другую страницу):
<A href="Списки.htm"> текст </A>
Предполагается, что HTML страница с именем Списки.htm находится в том же разделе на диске, где и исходная страница. Такая ссылка называется относительной.
Относительная ссылка имеет следующие варианты:
- страница, на которую осуществляется переход, находится в подразделе текущего раздела:
<A href="d:/списки.htm">
- страница, на которую осуществляется переход, находится в разделе, содержащем текущий раздел:
<A href="../списки.htm">
В абсолютной ссылке должно быть в явном виде указано: протокол, имя сервера и затем раздел на этом сервере с вложенной структурой если требуется
Основные теги и атрибуты форматирования текста приведены в таблице в приложении 1.
Определенные символы являются управляющими символами в кодировке HTML и не могут напрямую использоваться в документе, например:
- левая угловая скобка "<"
- правая угловая скобка ">"
- амперсанд "&"
- двойные кавычки " "
Чтобы использовать данные символы в документе, необходимо заменить их escape-последовательностями:
< - |
< |
> - |
> |
& - |
& |
" - |
". |
Следует помнить, что еscape-последовательности чувствительны к регистру: нельзя использовать < вместо <..
Задание 2.
Создать, используя, рассмотренные теги Web – страницу, имеющую заголовок "Формирование HTML-странички". Страница должна содержать приведенный ниже текст. Заголовок выделить крупным шрифтом красного цвета. Текст расположить по центру страницы. Последний абзац отобразить красным цветом и более мелким шрифтом, чем первый. Выбрать подходящий фон страницы.
Создание Web – страниц
Всемирная паутина (World Wide Web) состоит из множества электронных документов (Web - страниц), связанных между собой с помощью гиперссылок. Используя гиперссылки, можно переходить от одного документа к другому, путешествуя по всемирной паутине.
Web – страницы составляются с помощью языка гипертекстовой разметки HTML. Web – страницы называются также HTML – страницами. Разметка текста заключается в формировании в текстовом документе элементов HTML с помощью специальных меток – тегов (tag – этикетка, метка), которые служат для структуризации и определения внешнего вида страницы при ее отображении в окне обозревателя Интернет.