Форматирование текста
Самостоятельная работа 4-5 студента ___________________________________
Мова гіпертекстової розмітки, як засіб формування документу DOM
План
1.Форматування тексту
2.Створення гіперпосилань
3.Завдання кольору фону та тексту
Задание:
Вариант 1.В распечатанном варианте самостоятельной работы подчеркнуть основной материал, ответить на контрольные вопросы. Скрепить листы. Подписать работу
Вариант 2. Составить опорный конспект в тетради для СР. Ответить на контрольные вопросы.
Вариант 3.Выполнить единое практическое индивидуальное задание для СР 1-7 (тему согласовать с преподавателем)
Форматирование текста
Для выделения текста используются теги <strong> и <em>, данные теги являются контейнерами и требуют закрывающегося тега. Тег <strong> сообщает браузеру, что на заключенном в нем тексте необходимо сделать сильное ударение. Обычно визуальные браузеры отображают содержимое данного тега полужирным шрифтом. Так как данный тег является структурным, он несет смысловую нагрузку, в отличие от тега <b>, который лишь форматирует текст полужирным, то его использование предпочтительней. Тег <em> тоже акцентирует внимание на заключенном внутри тексте, но он считается менее сильным ударением. Отображается он, как правило, курсивом. По тем же причинам использование <em> предпочтительней чем применение <i>.
<html><body><p><strong>Данный параграф отформатирован тегом strong</strong></p><p><b>А этот тегом b, внешне они не отличаются.</b></p><p><em>Данный параграф отформатирован тегом em</em></p><p><i>А этот тегом i, внешне они не отличаются.</i></p></body></html>
Еще одной парой тегов форматирования являются теги <big> и <small>. Первый выводит текст увеличенным по сравнению со стандартным, а второй уменьшенным. Вместо тега <big> рекомендуется использовать теги <strong> или теги заголовков, так как они несут и структурную нагрузку. Тег <small> является тегом по смыслу противоположным <strong> и <em>, он деакцентирует внимание на тексте.
<html> <body>
<p><big>Данный параграф отформатирован тегом big</big></p><p><small>Данный параграф отформатирован тегом small</small></p><p>А в данном параграфе теги не применяются</p></body> </html>В некоторых случаях, например для вывода кода программ, полезным будет использование тега <pre>, который сообщает браузеру, что находящийся внутри текст должен быть выведен как есть. При этом будут сохранены все пробелы, переносы строк и прочие символы, которые обычно при выводе браузером не отображаются. 
<html> <body><pre>Это предварительно форматированный текст.Он сохраняет как пробелы так и переносы строк.</pre></body> </html>