FreeCode.Academy

Изучайте современный JavaScript с нами совершенно бесплатно!

Решенные задания

Определение заголовка и тела документа HTML

Вы можете добавить еще один уровень организации в свой HTML-документ в тегах html с элементами head и body . Любая разметка с информацией о Вашей странице будет идти в теге head. Остальная разметка с содержимым страницы (то, что отображается для пользователя) войдет в тег body . Элементы метаданных, такие как link, meta, title и style, обычно входят в элемент head. Вот пример макета страницы:

<!DOCTYPE html>
<html>
  <head>
    <!-- элементы метаданных -->
  </head>
  <body>
    <!-- содержание страницы -->
  </body>
</html>

Отредактируйте разметку, добавив теги head и body. Элемент head должен включать только тег title, а элемент body должен включать только теги h1 и p.

Используйте селекторы CSS для изменения стилизации элементов

Дмитрий

CSS расшифровывается как Cascading Style Sheets, то есть Каскадные таблицы стилей.

В CSS есть сотни свойств, которые вы можете использовать, чтобы изменить стили отображения элементов на вашей странице. Когда вы указали

<h2 style="color: red;">CatPhotoApp</h2>

, вы задали стиль конкретному элементу h2, используя inline CSS. Это один из способов указать стиль элемента, но есть лучше способы применить CSS. В верхней части кода создайте блок style следующим образом:

 <style> 
 </style>

Внутри этого блока style вы можете создать стили для отдельных элементов, используя CSS-селекторы (правила поиска элементов в документе). Например, если вы хотите, чтобы все элементы h2 были красными, вы можете добавить правило CSS, которое выглядит так:

<style>
  h2 {
    color: red;
  }
</style>

Обратите внимание, что важно иметь как открывающиеся, так и закрывающие фигурные скобки ( { и } ) вокруг правила CSS каждого селектора. Вы также должны убедиться, что правила CSS вашего селектора находится между открывающей и закрывающей фигурной скобкой. Наконец, обязательно добавьте точку с запятой в конец каждого из правил CSS вашего селектора.

Удалите атрибут стиля элемента h2 и вместо этого создайте блок style CSS. Добавьте необходимые правила CSS, чтобы все элементы h2 стали синими (blue).

Изменение цвета текста

Дмитрий

Теперь давайте изменим цвет некоторых наших текстов. Мы можем сделать это, изменив style вашего элемента h2 . Свойство, отвечающее за цвет текста элемента, является свойством стиля color . Вот как вы можете задать цвет текста вашего элемента h2 синим:

<h2 style="color: blue;">CatPhotoApp</h2>

Обратите внимание, что хорошей практикой является прекращение объявлений в style inline с помощью ;

Измените стиль элемента h2 так, чтобы его цвет текста был красным.

Определение заголовка и тела документа HTML

Дмитрий

<!DOCTYPE html>
<html>
  <head>
    <!-- элементы метаданных -->
  </head>
  <body>
    <!-- содержание страницы -->
  </body>
</html>

Используйте селекторы CSS для изменения стилизации элементов

Дмитрий

CSS расшифровывается как Cascading Style Sheets, то есть Каскадные таблицы стилей.

<h2 style="color: red;">CatPhotoApp</h2>

 <style> 
 </style>

<style>
  h2 {
    color: red;
  }
</style>

Изменение цвета текста

Дмитрий

<h2 style="color: blue;">CatPhotoApp</h2>

Обратите внимание, что хорошей практикой является прекращение объявлений в style inline с помощью ;

Измените стиль элемента h2 так, чтобы его цвет текста был красным.

Определение заголовка и тела документа HTML

Дмитрий

<!DOCTYPE html>
<html>
  <head>
    <!-- элементы метаданных -->
  </head>
  <body>
    <!-- содержание страницы -->
  </body>
</html>

Новые ученики

Задачи где нужна помощь

Статус
Задача
Дата создания
Планируемая дата начала
Планируемая дата выполнения
Дата начала
Дата выполнения
Постановщик
Кто работает
Выполняется
Задача: Загрузка картинок из редактора через @prisma-cms/uploader Нужна помощь
Проект: Обучение. Март.
Разбираю Editor.js и уперся: как залить картинку, которую добавляем через редактор.

В редакторе есть функция, в которую залетает файл, в ней надо загрузить файл и вернуть полную ссылку на файл.

import Uploader from '@prisma-cms/uploader' ... uploadByFile(file: string | Blob) { console.log('file', file) //Здесь пытаюсь через Uploader загрузиться и получить url return Uploader.upload(file).then(() => { return { success: 1, file: { url: 'http://localhost:3000/uploads/images/1638094124655-Z62_3167.jpg', }, } }) }, },

Ругается на .upload(file): Property 'upload' does not exist on type 'typeof Uploader'.ts(2339)

Понятно ,что куда-то совсем не туда полез ,нео выползти не получается.

Нужна помощь!
Вопрос: как правильно пристроить Uploader в этом случае?
28 нояб. 2021 г., 14:06
15 дек. 2021 г., 6:23
Попов Дмитрий
Выполняется
Задача: Запрос уникального объекта не по id Нужна помощь
Проект: Обучение. Март.
https://github.com/linklib/miniwar/blob/master/src/pages/Posts/Post/index.tsx

Вытаскиваю из url с помощью useRoute порпаметр поста urlname и по нему делаю фильтр среди всех постов. Работает, но явно это гланды через ж...
Как в том случае следкет поступить?
24 нояб. 2021 г., 8:56
28 июля 2022 г., 10:43
Попов Дмитрий
Выполняется
Задача: Перенести страницы и настроить роутинг 2 Нужна помощь
Проект: Учебный проект на next-js. Покемоны.
Перенести оставшиеся страницы на NextJs:

1. Перенести стили из css в styled-components
2. Пофикстить Typescript ошибки
3. Пофиксить подключение к firebase

17 февр. 2021 г., 18:04
17 февр. 2021 г., 0:00
21 февр. 2021 г., 0:00
17 февр. 2021 г., 0:00
Олег
A

Все задачи где нужна помощь

Новые Комментарии

Олег Анатольевич, уже немного поздно.

Обязательно пойду!

Сорри за долгий ответ, пропустил что-то уведомление.
А вы в каком браузере работаете, где бага проявилась?

 в другом браузере заработал 

в другом браузере заработал

Все комментарии