Горизонтальные линии: элемент HR

Описание: описывает горизонтальную линию

Начальный тег: необходим

Конечный тег: запрещён

Определения атрибутов:

align = left|center|right – определяет горизонтальное выравнивание линии.

size = number – определяет высоту линии.

width = number – определяет ширину линии. Значение может быть числовым и в процентах от ширины окна браузера.

color = color – устанавливает цвет линии.

Примеры:

<HR width="50%" align="center"> Линия, расположенная по центру и шириной 50% от размера окна.
<HR size="5" width="100" align="left" color=”#ff0000”> Красная линия, расположенная слева, высотой 5 точек и шириной 100 точек.

Мнемоники (символы по ссылке, по псевдониму)

Конкретная кодировка может не давать возможность отобразить все символы набора символов документа. Для таких кодировок, или если конфигурация "железа" или программного обеспечения не позволяют пользователю непосредственно вводить некоторые символы, можно использовать ссылки на символы. Ссылки на символы - это механизм для ввода любых символов, не зависящий от кодового набора документа.

Ссылки на символ (мнемоники) могут быть двух видов:

● Цифровые мнемоники (десятеричные или шестнадцатеричные).

● Мнемоники из символьных элементов.

Цифровые мнемоники

Цифровые ссылки-мнемоники на символы определяют кодовую позицию символа в символьном наборе документа. Цифровые мнемоники бывают двух видов:

● "&#D;", где D, десятеричное число, ссылается на десятеричное значение D символа ISO 10646.

● "&#xH;" или "&#XH;", где H, шестнадцатеричное число, ссылается на шестнадцатеричное значение H символа ISO 10646. Шестнадцатеричные числа в цифровых мнемониках нечувствительны к регистру.

Вот несколько примеров цифровых мнемоник:

&#229; (10-ная) представляет букву "a" с маленьким кружком сверху (используется, напр., в Норвегии)
&#xE5; (16-ная) та же самая буква
&#Xe5; (16-ная) то же самое
&#1048; (10-ная) русская "И" заглавная
&#x6C34; (16-ная) китайский "водяной" символ

Символьные ссылки-мнемоники (по псевдониму)

Чтобы предоставить авторам более интуитивный способ ссылки на символы в символьном наборе документа, HTML предлагает символьные ссылки-мнемоники. Символьные мнемоники используют псевдонимы, так что авторы могут не запоминать кодовую позицию. Например, символьную мнемонику &aring; ссылающуюся на "a" с кружком сверху, "&aring;" запомнить легче, чем &#229;.

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

Символьные мнемоники чувствительны к регистру. Так, &Aring; ссылается на другую букву (A с кружком в верхнем регистре), а не на &aring; (а с кружком в нижнем регистре).

Примеры:

&lt; знак <
&gt; знак >
&amp; знак &
&quot; знак "
&copy; Знак «копирайт»
&reg; Знак «зарегистрирован»

Автор, желающий использовать символ "<" в тексте, должен записать "&lt;" (ASCII десятичная 60), чтобы избежать возможных конфликтов с началом тега (стартовый ограничитель тега). Так же автор должен использовать и "&gt;" (ASCII десятеричная 62) вместо ">", чтобы избежать конфликтов со старыми браузерами, которые некорректно распознают это как конец тега (закрывающий ограничитель тега), если он появляется в значении атрибута в кавычках.

Некоторые авторы используют символьную мнемонику "&quot;" для кодирования появление двойных кавычек ("), поскольку этот символ используется как ограничитель в значениях атрибутов.

Задания.

1. Запустить программу Блокнот и открыть документ index.html.

2. Изменить документ так, чтобы надпись «Челябинский Государственный Педагогический Университет – название Вашего факультета» была заголовком первого уровня и выровнена по центру.

3. Добавить в документ вывод своей фамилии, имени, отчества как заголовок второго уровня с выравниванием по центру.

4. Добавить в документ параграф: Привет, меня зовут …. Я учусь на …факультете. Сейчас мы изучаем язык HTML (Hypertext Markup Language).

5. Добавить в документ параграф: Страничка создана <ваше имя>, выровненный по правому краю. Дописать знак «копирайт».

6. Добавить в документ параграф: Мой адрес …, выровненный по правому краю.

7. Добавить в документ параграф: По всем вопросам обращаться: [email protected]. (здесь можно вставить адрес своей электронной почты)

8. Установить для слова Привет размер 5, цвет – желтый.

9. Для всего оставшегося параграфа: размер 4, цвет – maroon.

10. После слова привет вставить принудительный обрыв строки

11. Для 3 последних абзацев установить шрифт: размер 2, цвет – зеленый.

12. Для слова Привет установить шрифт Impact.

13. Для своей фамилии, имен, отчества установить шрифт Arial Black.

14. Подчеркнуть фамилию, имя, отчество.

15. Слово Привет написать курсивом.

16. Жирным шрифтом выделить «… факультет».

17. Строку [email protected] выделить «маленьким» шрифтом.

18. Строку Страничка создана …выделить «большим» шрифтом.

19. Слово HTML зачеркнуть.

20. После слова HTML добавить предложение: Еще мы знаем немного математики, например, разность кубов вычисляется по формуле: a3-b3=(a-b)*(a2+ab+b2), а сумма членов арифметической прогрессии равна: Sn=(a1+an)/2.

21. Сделать строку «… факультет» бегущей, установив цвет фона gray, ширину подобрать таким образом, чтобы она равнялась длине строки.

22. Сделать строку Фамилия, имя, отчество бегущей, установив цвет фона gray, направление слева направо.

23. Нарисовать линию на всю ширину экрана под надписью Челябинский Государственный Педагогический Университет – … факультет.

24. Нарисовать линию высотой 3 точки перед строкой Страничка создана…

Наши рекомендации