h2

Теги логического форматирования	Ответы на задания
Отображают на экране монитора элементы документа, таким образом, как установлено по умолчанию спецификации языка разметки HTML . Переопределять их параметры или свойства нельзя (кроме использования стилей CSS): <acronym> </acronym>-используется для расшифровки аббревиатуры. Реализуется через параметр title="Расшифровка" и отображается в браузере при наведении курсора на слово-аббревиатуру. < cite ></ cite > -позволяет выделить цитаты и высказывания, названия библиографических источников и пр. Текст помещенный между < cite ></ cite > браузером выделяется курсивом. Аналогичные теги:<EM>-</EM>,<I>-</I> hx = 1,2,--6 -задаёт определенный размер заголовка, всего текста целиком или его конкретного фрагмента. Этот тег уже подразумевает отступ от текстовой части и делать отступ самостоятельно не надо. <strong> </strong> - используется для выделения фрагментов текста, которых необходимо акцентировать внимание пользователя. В результате действия тега, фрагмент текста выделяется жирным шрифтом.. Аналогичные тег:<b>-</b>.
Задание: Используя тег - _______ расшифруйте аббревиатуру HTML, как HyperText Markup Language
Теги физического форматирования Теги физического форматирования предназначены для выделения от-дельных текстовых фрагментов различными способами, установленны-ми автором документа и позволяют разработчику документа визуально изменять вид текста, варьируя его параметры и значения. К тегам физи-ческого форматирования относятся: Тег <P> </P> - элемент абзаца. Применяется в тексте для обозначения законченности мысли. В Web -странице четкое деление на абзацы обязательное правило, поскольку тексты должны быть лаконич-ными. Пример применения : <P>Здесь располагается текст абзаца </P> (разрешается писать и заглавные буквы и простые) Тег <p> имеет элемент align с атрибутами left, center, right и justify которые выравнивают абзац по левому краю, по центру, либо по пра-вому краю, соответственно. Text располагается слева Text располагается по центру Text располагается справа Text выравнивается слева и справа Тег <br>. Элемент, обеспечивающий принудительный переход на новую строку. Имеет только начальный тег. В месте его размещения строка заканчивается, а оставшийся текст печатается с новой строки. Атрибуты: left – следующая строка текста отражается на ближайшем свободном пространстве у левого поля; right - следующая строка текста отражается на ближайшем свободном пространстве у правого поля; all - следующая строка текста отражается на ближайшем свободном пространстве у любого поля; • <NOBR></nobr>Текст, заключенный между этими тегами, будет выведен в одну строку. Если строка не вмещается в экран, применяют горизонтальную полосу прокрутки.
Задание: 1.Запишите этюд прогроммы абзаца, с располажением справа, слева и выравнен по краям; 2. Создайте принудительный переход на новую строку.
• < B ></ B > отображает текст жирным начертанием • < I ></ I > - выделяет нужную часть текста курсивом. • < u ></ U > - делает текст подчеркнутым. • < small ></ small > - отображает в себе текст шрифтом, меньшим, чем шрифт окружающего текста; • < span ></ span > - присваивает части текста определенные свойства; • < sup ></ sup > - располагает часть текста по нижней линии; • < sub ></ sub > располагает часть текста по верхней линии; • < tt ></ tt >- элемент, обозначающий текст телетайпа; • < ins ></ ins > и < del ></ del > Эти теги позволяют выделить текст, который надо обозначить как вставленный или удаленный (соответственно). Вставленный текст подчеркивается. Удаленный текст зачеркивается.
Задания: 1. Запишите этюд прогроммы абзаца, отобразив отдельные слова жирным начертанием, курсивом, меньшим шрифтом, чем шрифт окружающего текста. 2. Запишите этюд прогроммы: a₁₁=x² + y³; 3. Запишите этюд прогроммы абзаца, отобразив отдельную фразу `телетайпом`.
< FONT ></ font > Определяет тип, размер и цвет шрифта. Атрибуты: face (вид) - позволяет задавать определенный шрифт или несколько шрифтов. Например: <Font face =“ Arial, Verdana, Tahoma”>; size – указывает размер шрифта в условных единицах от 1 до 7; color– задает цвет шрифта (см Приложение 1). • <bdo></bdo> Позволяет изменять направление текста. Используется с атрибутом dir, которому присваивается либо LTR (слева направо), либо RTL (справа налево). <bdo dir =“ RTL ”> Направление текста можно изменить</ bdo > • < blockquote > </ blockquote > Элемент задает отступ слева по тексту. Очень полезный тег при форматировании текста, так как позволяет выделять отдельные фрагменты текста и сместить их вправо, а также служит для выделения длинных цитат.
Задание: Запишите этюд прогроммы абзаца. Выделите отдельные слова цветом, а другие увеличте.
Структура Web- документа При запуске браузера необходимо ввести информацию о версии HTML. Эта информация содержится в теге <DOCTYPE>, который вынесен за пределы контейнера <html>. В теге <DOCTYPE> указывается версия HTML и стандарт DTD, либо его версия. Например: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> "http://www.w3.org/TR/html4/loose.dtd"> Здесь: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 объявляет, что документ соответствует спецификации DTD HTML 4.01, которая рекомендована консорциумом W3C. Облегчает распознавание этого файла другими программами. Рекомендуется оставлять этот документ без изменения. Strict DTD –поддерживает все элементы и атрибуты, кроме устаревших. Transitional DTD –включает все элементы и атрибуты, включая и устаревшие. Frameset DTD – поддерживает все элементы, а также и элементы фреймов. EN – указывает язык DTD. HTML – документы в составе учебника должны проходить проверку на соответствие DND XHTML 1.1 Проверку файла можно выполнить, если в контейнер meta включить переход по адресу: "http://www.w3.org/TR/html4/loose.dtd"> Любой Web-документ состоит из контейнера <HTML> </HTML>, внутри которого вложены контейнеры <head></head> и <body></body>. Весь Web-документ заключается в контейнере HTML, который, начинаясь с тега <HTML> и заканчиваясь тегом </HTML>. Этот тег дает указание браузеру информацию о том, что документ разработан с помощью языка разметки HTML.
Задание: Запишите начало Web-документа.
1. Контейнер <head></head>, который, содержит парный тег - <title>Название Web-документа</title>, который предназначен для указания имени электронного документа. Все, что находится между парой тегов <title> и </title> интерпретируется браузером как название Web- страницы. Если в документе имеются гиперссылки, то название документа, на который указывается гиперссылкой, будет появляться во всплывающей подсказке. Другой, наиболее важный тег <META>. Этот элемент содержит служебную информацию и включает в себя два атрибута: определения типа данных; содержание Информация, заключенная в теге <meta> предназначена для описания внутренних свойств HTML-файла. Например: <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> показывает, что в документе применена кодировка windows-1251, либо meta http-equiv="Content-Type" content="text/html; charset=utf-8">- кодировка utf-8; <meta name="GENERATOR" content="Microsoft FrontPage 6.0"> документ создан в редакторе Microsoft FrontPage 6.0; <script language="JavaScript"> ….</script> - пишется программа на языке программирования JavaScript; <meta name=”keywords”> - указание ключевых слов документа; <meta name=”author”> - информация об авторе (авторах) документа; <meta name=”rating”> - установление возрастной категории содержания документа и ряд другой информации. Далее вставляются каскадные таблицы стилей CSS – это определенный и специально оформленный набор правил, описывающих форматирование различных элементов Web-страницы. Более подробно каскадные стили таблиц будут описаны в соответствующей лабораторной работе. <style type="text/css"> <!— .text {font-family:Arial Cyr; color: #000000; line-height: 8mm; font-size: 10pt;} #kursiv {font-style: italic ; } (указывает, что шрифт текста Arial Cyr, цвет черный, высота линий 8 мм, высота букв 10 пикселей) .color {background-color: #CECECE; } (цвет фона светло-серый) --> </style> Примечание: все, что заключено между <!—и -- > воспринимается браузером как комментарии. Далее идет закрывающийся тег </head>;