Font size
WorksheetsРазработка сайта
Total questions: 44
Worksheet time: 26mins
Требуется задать цвет заголовка зелёным. Какое стилевое свойство подойдёт для этой цели?
color
font-family
text
font-size
Страницы сайты разделены на блоки:
content
footer
header
body
Что такое стиль?
Способ сокращения HTML-кода за счёт переноса части данных в другой файл.
Язык разметки гипертекстовых документов.
Набор правил форматирования элементов веб-страницы.
Как расшифровывается аббревиатура CSS?
Colorful Style Sheets
Cascading Style Sheets
Computer Style Sheets
Creative Style Sheets
Какой HTML-код применяется для подключения внешнего CSS-файла?
<link rel="stylesheet" href="mystyle.css">
<link>@import url(mystyle.css)</link>
<style>mystyle.css</style>
Какой атрибут используется для определения внутреннего стиля?
style
class
link
font
Определи способ записи CSS стилей. Стили, используемые в дизайне веб-страницы, хранятся в отдельном файле формата CSS и при необходимости подключаются в HTML-код с помощью тега .
внешний (External CSS)
внутренний (Internal CSS)
встроенный (InLineCSS)
Определи способ записи CSS стилей. Стили, используемые в дизайне веб-страницы, прописаны в головной части файла с помощью тега
внешний (External CSS)
внутренний (Internal CSS)
встроенный (InLineCSS)
Определи способ записи CSS стилей. Стили, используемые в дизайне веб-страницы, указаны через атрибут style для каждого тега отдельно.
внешний (External CSS)
внутренний (Internal CSS)
встроенный (InLineCSS)
Классифицируй предложенные CSS стили для форматирования текста
border: solid 4px;
color: red;
font-size: 14px;
border-color: red green;
Классифицируй предложенные CSS стили для форматирования границы таблицы.
border: solid 4px;
color: red;
font-size: 14px;
border-color: red green;
Предложенный CSS стиль соответствует:
<style type="text/css">
TABLE { background: grey; border: double blue; color: green; }
</style>
серый фон ячеек, пунктирная рамка синего цвета;
серый фон ячеек, двойная рамка синего цвета;
цвет текста – зеленый;
цвет текста – серый;
Корневой элемент. Присутствует во всех HTML-документах
<html>...</html>
<head>...</head>
<body>...</body>
Теги, указанные в этом разделе, не отображаются на странице и описывают необходимые стили, связи между файлами и т.д., влияющие на дизайн страницы.
<html>...</html>
<head>...</head>
<body>...</body>
Раздел, в котором формируется содержание страницы. Правила, установленные тегами в данном разделе, отображаются на странице.
<html>...</html>
<head>...</head>
<body>...</body>
Установка уровня заголовков
<Hn>…</Hn>
<HR>
<BR>
<font>…</font>
Рисование горизонтальной линии
<Hn>…</Hn>
<HR>
<BR>
<font>…</font>
Переход на новую строку аналогично клавише ENTER
<Hn>…</Hn>
<HR>
<BR>
<font>…</font>
Установка шрифтов на определенный диапазон текста
<Hn>…</Hn>
<HR>
<BR>
<font>…</font>
Курсив (italic)
<i>...</i>
<b>...</b>
<u>...</u>
<s>...</s>
Жирный (bold)
<i>...</i>
<b>...</b>
<u>...</u>
<s>...</s>
Подчеркивание (underline)
<i>...</i>
<b>...</b>
<u>...</u>
<s>...</s>
Зачеркивание (strike out)
<i>...</i>
<b>...</b>
<u>...</u>
<s>...</s>
Верхний индекс (superscript)
<SUB>…</SUB>
<SUP>…</SUP>
<UP>…</UP>
<SUPER>…</SUPER>
Нижний индекс (subscript)
<SUB>…</SUB>
<SUP>…</SUP>
<UP>…</UP>
<SUPER>…</SUPER>
Маркированный список
<I>…</I>
<OL>…</OL>
<UL>…</UL>
<LI>…</LI>
Нумерованный список
<I>…</I>
<OL>…</OL>
<UL>…</UL>
<LI>…</LI>
Создание таблицы
<table>…</table>
<tr>…</tr>
<td>…</td>
<th>…</th>
Для блочной верстки используется тег:
<div>…</div>
<span>…</span>
<padding>…</padding>
<margin>…</margin>
Атрибут для указания пути к файлу
src
path
rel
link
Тег добавления «бегущей строки»
<marquee>…</marquee>
<span>…</span>
<padding>…</padding>
<margin>…</margin>
Атрибут вывода панели управления к мультимедиа:
src
controls
autoplay
loop
Атрибут для многократного воспроизведения файла:
src
controls
autoplay
loop
<a href="/images/football.png" download><img src="/images/ football.png" alt="football"></a>. Роль атрибута download:
Информирует о необходимости загрузки файла при клике мышью по ссылке
Указывает на адрес ресурса, на который происходит ссылка
Дает возможность поиска ресурсов на языке пользователя
Указывает режим загрузки ссылаемого ресурса
<a href="/images/football.png" download><img src="/images/ football.png" alt="football"></a>. Роль атрибута href:
Информирует о необходимости загрузки файла при клике мышью по ссылке
Указывает на адрес ресурса, на который происходит ссылка
Дает возможность поиска ресурсов на языке пользователя
Указывает режим загрузки ссылаемого ресурса
<a href="https://google.com" hreflang="ru">Google</a>. Роль атрибута hreflang:
Информирует о необходимости загрузки файла при клике мышью по ссылке
Указывает на адрес ресурса, на который происходит ссылка
Дает возможность поиска ресурсов на языке пользователя
Указывает режим загрузки ссылаемого ресурса
<a href="https://google.com" target_ blank>Google</a>. Роль атрибута target:
Информирует о необходимости загрузки файла при клике мышью по ссылке
Указывает на адрес ресурса, на который происходит ссылка
Дает возможность поиска ресурсов на языке пользователя
Указывает режим загрузки ссылаемого ресурса
Выбери тег вставки графического файла JPG из текущего каталога:
<img src="girl.jpg">
<jpg src="girl.jpg">
<img href="girl.jpg">
<a img src="1/girl.jpg">
МЕТОДЫ РАЗРАБОТКИ САЙТА. Методы автоматизированной разработки
CMS
WYSIWYG
Языки программирования
Автоматизированная разработка
Не требует изучения языков программирования
Ограниченность в возможностях
Посторонняя реклама
Широкий диапазон возможностей при разработке функционала сайта
Разработка с помощью языков программирования
Необходимо изучать языки программирования
Ограниченность в возможностях
Посторонняя реклама
Широкий диапазон возможностей при разработке функционала сайта
Это веб-приложение, которое предоставляет все необходимые модули и инструменты для управления онлайн-контентом, облегчает создание и обслуживание веб-сайтов.
CMS
WYSIWYG
Это веб-приложение, позволяющее разработчику увидеть конечный результат
CMS
WYSIWYG
Нарисуйте смайлик, отражающий ваше настроение во время урока.
