Теги, отвечающие за работу с абзацами и шрифтами

Тег	Пример	Описание
h1, h2, h3, h4, h4, h5, h6	<h1>Заголовок первого уровня</h1> <h2 align=”center”>Заголовок второго уровня</h2>	Печатается заголовок первого уровня. Печатается заголовок второго уровня, выровненный по центру.
span	<span>Тест, текст</span>	Блок текста
p	<p> Первый абзац.</p> <p align=”left”>второй абзац.	Печатается первый абзац. Печатается второй абзац, выровненный по левому краю.
br	<p> Первая строка абзаца<br> Вторая строка абзаца.	Печатает абзац такого вида: Первая строка абзаца Вторая строка абзаца.
font	<font size=’1’ color=’black’ face=’Tahoma’> Строка</font>	Печатает слово «Строка» черным цветом, шрифт «Tahoma» размером 1.
tt, i, b, small, big, s, u	<b>bold</b> <i>italic</i> <b><i>bold italic</i></b> <tt>teletype text</tt> <big>big</big> <small>small</small> <s>strike</s> <u>underground</u>	полужирный курсив полужирный курсив телетайп "большой" шрифт "малый" шрифт зачеркнутый подчеркнутый
sub, sup	H<sub>2</sub>O E = mc<sup>2</sup>	H2O E=mc2
hr	<HR width="50%" align="center"> <HR size="5" width="100" align="left" color=”#ff0000”>	Линия, расположенная по центру и шириной 50% от размера окна. Красная линия, расположенная слева, высотой 5 точек и шириной 100 точек.

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

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

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

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

Таблица 2. Мнемоники

Мнемоника	Символ
<	<
&qt;	>
&	&
"	“
©	©

Задание 2: Редактирование и форматирование текста

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

1. В документ index.html введите название института.

2. Изменить документ так, чтобы надпись «Южно-уральский институт экономики и управления» была заголовком первого уровня и выровнена по центру.

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

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

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

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

7. Добавить в документ параграф: По всем вопросам обращаться: вставить адрес своей электронной почты.

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

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

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

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

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

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

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

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

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

17. Строку вашей электронной почты выделить «маленьким» шрифтом.

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

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

20. После слова HTML добавить предложение: Еще мы знаем немного математики, например, разность кубов вычисляется по формуле: a³-b³=(a-b)*(a²+ab+b²), а сумма членов арифметической прогрессии равна: S_n=(a₁+a_n)/2.

21. Для первого абзаца увеличить левое поле.

22. Нарисовать линию на всю ширину экрана под надписью Южно-уральский институт экономики и управления.

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