История развития пистолетов-пулеметов: Предпосылкой для возникновения пистолетов-пулеметов послужила давняя тенденция тяготения винтовок...

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

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

2020-04-03 132
Логическое форматирование текста 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 >


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

Особенности сооружения опор в сложных условиях: Сооружение ВЛ в районах с суровыми климатическими и тяжелыми геологическими условиями...

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

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

История создания датчика движения: Первый прибор для обнаружения движения был изобретен немецким физиком Генрихом Герцем...



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

0.013 с.