Изменение начертания и гарнитуры шрифта

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

Примените: для первого заголовка полужирный текст – тег <B> и </B>

для второго заголовка курсив текст – тег <I> и </I>

для третьего заголовка установите полужирный + курсив

для четвертого – подчеркивание <U>...</U>

Например: <H1 align=center><B> Приветствую Вас на web-страничке о настольном теннисе </B> </H1>

10. Ещё один интересный атрибут html5 – contenteditable. Он заставляет элемент вести себя иначе и быть редактируемым со стороны пользователя.

<p contenteditable>А вы видели когда-нибудь редактируемый абзац?</р>

Атрибут может принимать любое из двух значений: true или false.

По умолчанию используется значение true, т.е. если вы определите элемент просто с атрибутом contenteditable, это будет то же самое, что и с явно заданным значением true. Для того, чтобы элемент не был редактируемым, либо нужно совсем не упоминать атрибут contenteditable, либо указать его значение в виде false.

<p contenteditable="false">Этот текст нельзя редактировать </р>

 

11. Новый тег mark выделяет текстовый фрагмент или отдельные слова. Тег mark не имеет атрибутов, он просто помечает текст путём его выделения.

Осуществите выделение текста:

 

<P>&nbsp &nbsp Вот уже более <mark>40 лет настольный теннис остается главной и самой распространенной спортивной дисциплиной </mark> на планете. <P>&nbsp &nbsp Большинство специалистов считает, что < mark>настольный теннис появился в Англии</mark>, как разновидность Королевского Тенниса. <ВR> Возможно, что настольный теннис возник в США, Индии или Южной Африке (предполагается, что в последних двух странах в настольный теннис начали играть командированные туда Британские офицеры). Скорее всего, <mark>настольный теннис появился во второй половине XIX века </mark>. Тогда не было определенных правил. Мячи делались из нитей, книги, расставленные на столе, были сеткой, а куски толстого картона являлись ракетками.

 

12. Элемент под названием details. Дело в том, что он способен создавать одну из самых распространённых конструкций, а именно раскрывающийся блок. С помощью details создаётся фрагмент, часть содержания которого по умолчанию скрыта от пользователя. При нажатии на заголовок скрытая часть расправляется и демонстрируется пользователю. При создании таких конструкций совместно с details используется другой элемент – summary. Именно он и определяет заголовок, остальная часть блока до конца тега details будет скрыта и появится только после нажатия на заголовок.

Внесите изменения вы предыдущий текст:

 

<details>

<summary>

Версии возникновения настольного тенниса

</summary>

 

Возможно, что настольный теннис возник в США, Индии или Южной Африке (предполагается, что в последних двух странах в настольный теннис начали играть командированные туда Британские офицеры). Скорее всего, <mark>настольный теннис появился во второй половине XIX века </mark>. Тогда не было определенных правил. Мячи делались из нитей, книги, расставленные на столе, были сеткой, а куски толстого картона являлись ракетками.

 

</details>

 

Если говорить о возможном применении, то такие конструкции удобно использовать, скажем, на страницах задач или загадок. Формулировка условия может быть вложена в заголовок с помощью summary, а в оставшейся части опубликован ответ. Таким образом, по умолчанию на такой странице пользователь увидит лишь одни задания, но если ему будет интересно сверить свой ответ с правильным, достаточно щёлкнуть на заголовок. Применение может быть самым разнообразным. Например, мы можем оставить в качестве заголовков названия стихотворений, при щелчке на котором будет раскрываться полный текст. Если в случае с загадками объём текста в заголовке явно превышает остальное содержимое под тегом details, то в случае стихотворениями дело обстоит как раз наоборот.

У details есть очень важный атрибут – open, позволяющий отображать фрагмент в изначально раскрытом состоянии.

 

 

Лабораторная работа 1.2