Кормораздатчик мобильный электрифицированный: схема и процесс работы устройства...
Биохимия спиртового брожения: Основу технологии получения пива составляет спиртовое брожение, - при котором сахар превращается...
Топ:
Методика измерений сопротивления растеканию тока анодного заземления: Анодный заземлитель (анод) – проводник, погруженный в электролитическую среду (грунт, раствор электролита) и подключенный к положительному...
Отражение на счетах бухгалтерского учета процесса приобретения: Процесс заготовления представляет систему экономических событий, включающих приобретение организацией у поставщиков сырья...
Интересное:
Финансовый рынок и его значение в управлении денежными потоками на современном этапе: любому предприятию для расширения производства и увеличения прибыли нужны...
Наиболее распространенные виды рака: Раковая опухоль — это самостоятельное новообразование, которое может возникнуть и от повышенного давления...
Как мы говорим и как мы слушаем: общение можно сравнить с огромным зонтиком, под которым скрыто все...
Дисциплины:
2020-04-03 | 101 |
5.00
из
|
Заказать работу |
|
|
Теги логического форматирования управляют отображением текста. При использовании тегов логического форматирования автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же теги по-разному. Некоторые браузеры игнорируют некоторые теги вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические теги.
К тегам логического форматирования относят следующие теги:
<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 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!