5.7 KiB
5.7 KiB
id | title | isRequired | challengeType | videoUrl | localeTitle |
---|---|---|---|---|---|
bd7158d8c442eddfaeb5bd18 | Build a Tribute Page | true | 3 | Создайте страницу с датой |
Description
id="main"
, который содержит все остальные элементы. User Story # 2: Я должен увидеть элемент с соответствующим id="title"
, который содержит строку (то есть текст), которая описывает тему страницы дани (например, «Доктор Норман Борлауг»). User Story # 3: Мне нужно увидеть элемент div
с соответствующим id="img-div"
. User Story # 4: В элементе img-div
я должен увидеть элемент img
с соответствующим id="image"
. User Story # 5: В элементе img-div
я должен увидеть элемент с соответствующим id="img-caption"
который содержит текстовый контент, описывающий изображение, показанное в img-div
. User Story # 6: Я должен увидеть элемент с соответствующим id="tribute-info"
, который содержит текстовый контент, описывающий тему страницы дани. История Пользователь # 7: я должен увидеть a
элемент с соответствующим id="tribute-link"
, который связывает с внешним сайтом , который содержит дополнительную информацию о предмете страницы дани. СОВЕТ. Вы должны указать вашему элементу атрибут target
и установить его на _blank
чтобы ваша ссылка открылась на новой вкладке (т. target="_blank"
). User Story # 8: элемент img
должен изменяться по размеру относительно ширины его родительского элемента, не превышая его первоначальный размер. User Story # 9: Элемент img
должен быть центрирован в пределах его родительского элемента. Вы можете создать свой проект, нажимая эту ручку CodePen . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде, которая вам нравится: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
. После того, как вы закончите, отправьте URL-адрес вашему рабочему проекту со всеми его прохождением тестов. Не забудьте использовать метод Read-Search-Ask, если вы застряли. Instructions
Tests
tests: []
Challenge Seed
Solution
// solution required