Рубрика: СПЛОШНОЕ

Практические задания по html и css

практические задания по html и css Ширину width абзацев установите pxфон background-colorсоответственно, установите желтый и фиолетовый violet. В качестве шрифта укажите Impact. Для абзаца используйте обычный селектор элементов. Фон должен быть радиально-градиентным от зеленого до белого цвета. Внешние отступы установите 30pxно во втором абзаце внешний отступ сверху переопределите на 50px. Используйте свойства caption-sideborder-collapse border-spacingempty-cells.

Загрузка...

belarusweb.net

Во втором абзаце текст нужно выровнять по правому краю. Используйте свойства width , height , min-width , max-height. Текст первого абзаца должен быть черным, а фон линейно-градиентным от красного до белого цвета. Если вы не смогли выполнить задание, посмотрите решение , а затем наберите код самостоятельно. Для абзаца используйте обычный селектор элементов. Фон должен быть радиально-градиентным от зеленого до белого цвета. Используйте свойства caption-side , border-collapse border-spacing , empty-cells.


Учебник HTML CSS

Front-End разработка

Урок 6. Первое задание

Практическая работа № 4. Веб страница HTML и CSS

В деталях:

Практические задания по html и css
Вносить изменения в код таблицы нельзя, всё оформление должно делаться только через стили. Используйте, где потребуется, свойства font-variant , font-weight , font-style.


Практические задания по html и css
Во втором абзаце текст нужно выровнять по правому краю. Используйте, где потребуется, свойства list-style-type , list-style-position. Воссоздайте код представленной на рисунке веб-страницы. В условии задачи 3. Ширину абзаца установите в px. Используйте селекторы идентификаторов, классов и атрибутов.


Практические задания по html и css
Текст первого абзаца должен быть красным, а фон — желтым, ширина абзаца должна быть равна px. Изучите пример, а затем сверстайте его самостоятельно. Сделайте ссылку, которая при наведении на неё курсора мыши меняла свой вид, как показано на рис. К странице подключена внешняя таблица стилей, код которой нужно восстановить. Воспользуйтесь результатом задачи 3. Ширину первого абзаца установите px , второго — px. Комментариев мало, но кода немного, поэтому разобраться в нем не составит особого труда.


Практические задания по html и css
Сделайте страницу с изображением флага Японии, как показано на рис.


Практические задания по html и css
Все о программировании Обучение Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации Главная Тексты статей Добавить статьи Контакты Практические задания по HTML и CSS Дата добавления: К странице подключена внешняя таблица стилей, код которой нужно восстановить. Ширина второго абзаца должна быть равна px , фон установите фиолетовым. Внешние отступы установите 30px , но во втором абзаце внешний отступ сверху переопределите на 50px. При создании таблицы стилей опирайтесь на коэффициент увеличения размеров 1. Не забудьте перечеркнуть подчеркнуть соответствующие строки.


Практические задания по html и css
Высоту первого абзаца установите 10vh , второго — px. Текст первого абзаца должен быть черным, а фон линейно-градиентным от красного до белого цвета. Для первого абзаца используйте шрифт Arial , а для второго — Times New Roman. А далее смотрите на результат отображения в браузере и корректируйте.


Практические задания по html и css
Воссоздайте код представленной на рисунке веб-страницы. Все о программировании Обучение Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации Главная Тексты статей Добавить статьи Контакты Практические задания по HTML и CSS Дата добавления: Папку test в дальнейшем не удаляйте, все упражнения мы будем выполнять в ней.


4 комментария

  1. Апполлинарий

    Я считаю, что Вы не правы. Могу отстоять свою позицию. Пишите мне в PM, поговорим.

  2. Юлиан-петр

    Мда,

  3. Поздравляю, вас посетила просто блестящая мысль

  4. Филиппов М. Д.

    Вы не правы. Я уверен. Давайте обсудим. Пишите мне в PM, пообщаемся.