• Теория
  • Теория

Трудности перевода

В этом вызове задача необычная.

Инструктор Кекс начал разрабатывать сайт, на котором можно будет перевести фразу на любой язык. Стили, которые раскрашивают блоки с разными языками уже готовы, а вам осталось доделать разметку. Необходимо позаботиться о доступности, расставив правильные атрибуты lang параграфам <p>. В одном из заданий части уже была информация о языке элементов страницы. Самое время попрактиковаться!

Мяу! Передаю вводные данные:

fr, de, ru, fi, en

Как поняли?

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Трудности перевода</title>
    <link rel="stylesheet" href="langs.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <p lang="ru">Привет, мир!</p>
    <p lang="en">Hello, world!</p>
    <p lang="de">Hallo, Welt!</p>
    <p lang="fi">Hei, maailma!</p>
    <p lang="fr">Bonjour, le monde!</p>
  </body>
</html>
Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Структура HTML-документа» тренажёра «Знакомство с HTML и CSS» можно после регистрации и оформления подписки.