- •Экзаменационные вопросы для студентов 41 и 42 группы асои
- •Основы языка гипертекстовой разметки документов (html): понятие, стандарты языка html, редакторы html-документов.
- •Синтаксис html-тегов: виды контейнеров (парные, автономные), атрибуты тегов (определение, формат), комментарии. Примеры.
- •Структура html-документа: секции. Пример html-документа.
- •Элемент html
- •Заголовок документа
- •Тело документа: элемент body
- •Теговая модель построения Web-страниц: основные элементы документа html (понятия разметка документа, тег, элемент).
- •Синтаксис
- •Использование списков-перечислений и гиперссылок: нумерованные и маркированные списки (родительские элементы – ol, ul; структура списка, атрибуты).
- •Атрибуты
- •Гиперссылки: понятия; виды; создание внутренних, внешних ссылок и ссылок на фрагмент в документе; оформление ссылок (link, vlink, alink). Примеры.
- •Табличное представление информации на Web-страницах: теги для создания таблицы (table, tr, td, th, caption), структура таблицы, атрибуты тега table, форматирование таблиц. Примеры.
- •Атрибуты
- •Изображение-карта в html-документе: контейнер map, тег area и его атрибуты. Пример.
- •Атрибуты
- •Атрибуты
- •Создание бегущей строки в html-документе: основные теги и атрибуты. Управление движением бегущей строкой. Примеры.
- •Атрибуты
- •Атрибуты
- •Атрибуты
- •Синтаксис
- •Атрибуты
- •Синтаксис
- •Атрибуты
- •Синтаксис
- •Атрибуты
- •Синтаксис
- •Атрибуты
- •Атрибуты
- •Атрибуты
- •Кодировка символов и язык
- •Информация о документе
- •Описание страницы и ключевые слова
- •Обновление страницы
- •Время действия документа и кэш
- •Команды для робота
- •Эффекты при переходе по ссылке
- •Связанные стили
- •Глобальные стили
- •Внутренние стили
- •Основной формат правила css (селектор, свойства): синтаксис. Виды селекторов (селектор типа, селектор класса, id-селектор, контекстные селекторы).
- •Наследование стилей css: определения «предок», «потомок». Иерархия элементов html-документа. Синтаксис значения свойства inherit. Пример.
- •Каскадирование стилей: разработчик таблицы стилей, пользователь таблицы стилей, таблица стилей браузера. Наивысший, средний и низкий приоритеты правил таблицы. Директива ! important. Пример.
- •Свойства css: синтаксис описания стиля, группы (свойства шрифта: font-family, font-weight, font-size, font-style, font-variant, font-height): атрибуты и их значения, синтаксис, примеры.
- •Синтаксис
- •Значения
- •Синтаксис
- •Значения
- •Значения
- •Описание
- •Синтаксис
- •Значения
- •Описание
- •Синтаксис
- •Значения
- •Значения свойства
- •Описание
- •Синтаксис
- •Значения
- •Единицы измерения размеров и цвета в css: способы, синтаксис, примеры. Абсолютные и относительные единицы измерения: определение, группы.
- •Относительные единицы
- •Абсолютные единицы
- •Базовые понятия
- •Превращение строчных элементов в блочные
- •Позиционирование элементов: суть, свойства для позиционирования. Абсолютное позиционирование: позиционирование блоков и позиционирование текста. Теги. Примеры.
- •Относительное позиционирование: позиционирование блоков и позиционирование текста. Теги. Примеры.
- •Свойство float
- •Свойство clear
- •Синтаксис
- •Фильтры
- •Xray Фильтр xray отображает объект в черно-белом варианте, как на рентгеновском снимке
- •Фильтры: определение, назначение. Динамические фильтры (для преобразования изображений фильтры: revealtrns и blendtrans). Синтаксис, параметры, типы переходов и номера превращений. Примеры.
- •Создания динамических эффектов с элементами языка JavaScript для обработки различных событий: изменение фона таблицы. Пример.
- •Создания динамических эффектов с элементами языка JavaScript для обработки различных событий: изменение стиля текста. Пример.
- •Динамические гиперссылки в css с помощью псевдоклассов ссылок. Пример.
- •Псевдокласс :active.
- •Синтаксис
- •Создание динамических эффектов: изменение цвета полосы прокрутки, изменение стиля курсора. Пример.
- •Создание динамических эффектов: создание ссылок-кнопок, подсветка кнопок и текста. Пример.
- •Анимация с помощью css: синтаксис, свойства и их описание. Пример.
- •Описание
- •Синтаксис
- •Перечень типовых задач третьего вопроса экзаменационного вопроса:
Элемент html
Этот элемент указывает, что последующий документ является HTML-документом. Он следует за декларацией типа документа и включает в себя все остальное содержимое документа. Он часто содержит атрибут lang, задающий базовый язык документа.
Заголовок документа
Заголовок документа, заключенный в элемент HEAD, содержит информацию об общих свойствах документа и не отображается обозревателями. Заголовок может включать в себя следующую информацию:
единственный титул документа (TITLE);
метаописатели документа (META);
базовый URI внешних ссылок (BASE);
ссылки на другие документы (LINK);
внутренние таблицы стилей (STYLE);
сценарии клиента (SCRIPT).
Тело документа: элемент body
Тело документа содержит HTML-элементы, предназначенные для отображения обозревателем. Тело заключается в теги <BODY>…</BODY> или <FRAMESET>…</FRAMESET>, если документ содержит фреймы (о них см. Главу 1.7).
Теговая модель построения Web-страниц: основные элементы документа html (понятия разметка документа, тег, элемент).
Предыдущий вопрос и есть разметка документа.
Тег, те́ги (иногда тэг[1], англ. tag, читается /tæg/; более правильное название — дескриптор[2][3][4][5]) — в SGML (в HTML, WML, AmigaGuide, языках семейства XML) — элементязыка разметки гипертекста. Используют только два тега — открывающий, или начальный, и закрывающий, или конечный. В зависимости от реализации языка возможно также применение одиночного тегаи тега пустого элемента. Например, тег отступа абзаца может оформлять абзац между <p> </p>, а может в одиночной форме до следующего первого попавшегося <p>
Элемент HTML — это основная структурная единица веб-страницы, написанная на языке HTML.
2 Основные элементы («теги»)
2.1 Гиперссылки
2.2 Текстовые блоки
2.3 Форматирование текста
2.4 Списки
2.5 Объекты
2.6 Изображения
2.7 Карта изображений
2.8 Таблицы
2.9 Формы
Форматирование текста HTML-документа: форматирование абзацев и строк (теги P, BR, Hn, DIV, HR, атрибуты установки полей страницы, представление цветов в HTML-документах (две формы: RGB-палитра, с помощью имен), пробельный материал, приемы форматирования (SIZE, COLOR, FACE). Теги физического и логического форматирования. Примеры.
Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.
Синтаксис
<p>Текст</p>
Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой отступ перед строкой.
HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег <h1> представляет собой наиболее важный заголовок первого уровня, а тег <h6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги<h1>,...,<h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.
Элемент <div> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.
Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Тег <hr>относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.
Определение полей
В body атрибуты bottommargin Отступ от нижнего края окна браузера до контента.
leftmargin Отступ по горизонтали от левого края окна браузера до контента.
rightmargin Отступ от правого края окна браузера до контента.
topmargin Отступ от верхнего края окна браузера до контента.
Представление цветов:
Представление ключевыми словами, например green, black. Во избежание случаев, когда указанное ключевое слово «не понимается» браузером, следует использовать лишь небольшой набор основных цветов, используемых во всех браузерах.
В виде rgb(*,*,*), где «*» — числа от 0 до 255, обозначающих количество соответствующего цвета (красный, зелёный, синий) в получаемом.
Для пробела используется  .
Тег <font> представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Атрибуты
color Устанавливает цвет текста.
face Определяет гарнитуру шрифта.
size Задает размер шрифта в условных единицах.
Действие тега |
Тег физического форматирования |
Тег логического форматирования |
Полужирный текст |
<B> |
<STRONG> |
Курсив |
<I> |
<EM> |
Моноширинный шрифт |
<TT> |
<CODE> (для выделения программных кодов, текстов программ и т.п. Обычно выделяется шрифтом фиксированной ширины) |
Перечеркнутый текст |
<S> |
<DEL> (в настоящее время распознаётся только браузером Microsoft Internet Explorer) |
В большинстве случаев применение сходных по значению тегов физического и логического форматирования приводит к одному и тому же эффекту. Различие между ними состоит в том, что теги физического форматирования прямо указывают на то, какие свойства шрифта следует изменить (например, сделать жирным), в то время как теги логического форматирования указывают, какой это текст (например, важный).