Курсив, полужирный текст, подчеркивание, и их различные комбинации делает страницу более интересной.
Примените: для первого заголовка полужирный текст – тег <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>    Вот уже более <mark>40 лет настольный теннис остается главной и самой распространенной спортивной дисциплиной </mark> на планете. <P>    Большинство специалистов считает, что < 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
