Логическое форматирование текста — КиберПедия 

Кормораздатчик мобильный электрифицированный: схема и процесс работы устройства...

Биохимия спиртового брожения: Основу технологии получения пива составляет спиртовое брожение, - при котором сахар превращается...

Логическое форматирование текста

2020-04-03 101
Логическое форматирование текста 0.00 из 5.00 0 оценок
Заказать работу

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

К тегам логического форматирования относят следующие теги:

<sup> </sup> Верхний индекс
<sub> </sub> Нижний индекс
<blockquote> </blockquote>   Для разметки больших цитат (отдельный абзац с отступом)
<multicol> </multicol>   Задает разбивку текста на несколько колонок

 

Рассмотрим пример:

Написать следующие формулы: H 2 O, H 2 SO 4, X 2,

Введем в редакторе HTML-код:

 

<HTML>

<HEAD>

 <TITLE> Верхний и нижний индексы </TITLE>

</HEAD>

<BODY>

<B>H<sub>2</sub>O, H<sub>2</sub>SO<sub>4</sub>, X<sup>2</sup></B>

</BODY>

</HTML>

 

При просмотре получим следующее:

 

ОФОРМЛЕНИЕ ТЕКСТА

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

< B ></ B > - полужирный шрифт;

< I ></ I > - курсив;

< U ></ U > - подчеркивание;

< S ></ S > - перечеркнутый текст.

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

Задание для самостоятельной работы:

Написать HTML-код, который при просмотре дает следующее:

 

Тег < FONT > позволяет устанавливать параметры текста, такие как тип, размер и цвет шрифта.

С помощью параметра FACE можно установить тип (гарнитуру) шрифта. Надо просто указать его имя: < FONT FACE =" ARIAL " > текст </ FONT >.

С помощью параметра SIZE задают размер шрифта. Значение размера могут быть от 1 (самый маленький) до 7 (самый большой). < FONT SIZE =5> Текст размер 5 </ FONT >.

С помощью параметра COLOR можно установить нужный цвет шрифта.

< FONT COLOR =#808000> Текст … цвета </ FONT >.

Рассмотрим пример:

В текстовом редакторе введем следующий HTML-документ.

<HTML>

<HEAD>

 <TITLE> РАДУГА </TITLE>

</HEAD>

<BODY>

<H1>

<FONT COLOR=RED>Р

<FONT COLOR=BLUE>А

<FONT COLOR=#FFA000>Д

<FONT COLOR=#00D000>У

<FONT COLOR=#800080>Г

<FONT COLOR=YELLOW>А

</FONT>

</H1></BODY>

</HTML>

 

 

Интересный способ привлечения внимания к короткому, но емкому сообщению состоит в использовании бегущей строки. Бегущая строка – это анимационный эффект, при котором строка текста перемещается на странице один раз, несколько раз, или постоянно. Для создания бегущей строки используется тег < MARQUEE > </ MARQUEE >. Атрибуты этого тега контролируют параметры перемещения текста.

BEHAVIOR — способ выполнения эффекта бегущей строки:

scroll — текст исчезает за краем Web-страницы:

slide — после выполнения заданного числа циклов, текст остается у левого или правого поля Web-страницы;

alternate — направление перемещения текста в строке меняется на противоположное после выполнения каждого цикла. По завершении последнего цикла текст остается у края страницы (Колебательные движения налево и направо).

BGCOLOR — цвет фона бегущей строки.

DIRECTION — направление перемещения текста;

left — влево;

righ t — вправо.

HEIGHT — высота бегущей строки.

HSPACE — отступ в пикселях текста бегущей строки от левого и правого полей Web-страницы.

LOOP — число показов текста в строке:

•? — целочисленное значение, указывающее число повто­ров;

infinite — бесконечное повторение эффекта по циклу. -

SCROLLAMOUNT — смещение текста в пикселях за один шаг.

SCROLLDELAY — временной промежуток между смешениями в мил­лисекундах, по умолчанию 60 мс. Используйте этот атрибут, чтобы замедлить перемещение текста в строке, так как значения менее 60 мс будут игнорироваться обозревателем. Чтобы ускорить перемещение текста, переустановите минимальное значение смещения текста в атрибуте TRUESPEED.

VSPACE – отступ в пикселях по вертикали от текста до рамки бегущей строки.

TRUESPEED – минимальное значение смещения текста, по умолчанию 60 мс.

WIDTH – ширина бегущей строки в пикселях.

Текст бегущей строки можно размечать также, как обычный текст Web-страницы.

 

Рассмотрим пример:

<HTML>

<HEAD>

 <TITLE> Бегущая строка </TITLE>

</HEAD>

<BODY>

<MARQUEE BGCOLOR=YELLOW>

<h1><I><B>Минздрав предупреждает:

<FONT COLOR=RED> Курение опасно для Вашего здоровья!</font></B></I></h1>

</MARQUEE>

</BODY>

</HTML>

Просмотрите документ в браузере.

 

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

 

<MARQUEE BEHAVIOR=ALTERNATE DIRECTION="right"> Здесь ваш текст </MARQUEE>

СПИСКИ

 

Список – это один из наиболее распространенных способов упорядочивания текстовых данных Web-страниц.

Кроме очевидного удобства – нумерации данных, с помощью списков можно внести некоторое разнообразие в монотонные абзацы емких Web-страниц.

В HTML предусмотрено 3 типа списков:

- маркированный (неупорядоченный) список;

- нумерованный (упорядоченный) список;

- список определений.

Маркированные списки

Являются самыми простыми. В таких списках важен только перечень элементов списка. В начале каждого элемента списка устанавливаются маркеры – точки, черточки, кружки.

Для разметки маркированного списка в HTML применяют шаблон:

< ul >

< li > пункт 1 списка </ li >

< li > пункт 2 списка </ li >

</ ul >


Поделиться с друзьями:

Архитектура электронного правительства: Единая архитектура – это методологический подход при создании системы управления государства, который строится...

Индивидуальные и групповые автопоилки: для животных. Схемы и конструкции...

Кормораздатчик мобильный электрифицированный: схема и процесс работы устройства...

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



© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!

0.018 с.