Дополнительная практика

Не реклама!

Вопрос к постоянным посетителям форума. Есть ли среди вас те, кто выполняет задания с сайта itmathrepetitor.ru? Около месяца назад там закрыли возможность комментирования. Делиться своими решениями теперь затруднительно.
Предлагаю, ссылки на свои профили на codepen.io (или другие песочницы) оставить здесь в комментариях.
Все мои варианты: http://codepen.io/IneSSka/pens/public

8 лайков

Доброе время суток, Инеска. Буквально вчера заметила данную тему. Замечательный подарок на 8 Марта. С праздником Вас, Инеска. Дальнейшего самосовершенствования Ваших навыков и умений.))))
Как понять правильность решенных задач на сайте itmathrepetitor.ru? Их проверяет кто-то?

Спасибо)
Раньше краем глаза смотрел администратор сайта, а теперь комментарии закрыты.
Обсуждать решения можно здесь, в этой теме, среди своих так скажем.

Инеска, благодарствую за ответ. Буду знать.))))

Привет! Тоже перелез на тот сайт. Но вдруг возникла проблема. Буду рад пояснению:slight_smile: Это задание “Код”, который нужно сделать с тегами <code> и &nbsp;
Сделал без последнего: почитал, что это такое, но где в данном случае его нужно вставить, что-то не понял. А сам код не работает:unamused: И я не могу понять, что не так:
<h3>Код программы</h3> <code> for (int i=0; i < 10; i++) <br> {<br> cout<<i<<endl;<br> if (i==5) <br> break; // прекращение цикла <br> } </code>
Вижу, что в нём, наверное, есть ошибки - в виде отсутствия фигурных скобок после if и третьего “=” в проверке равенства в нём же. Но, думаю, это непринципиально в данном случае.

Рада, что еще кто-то взялся за эти задачи)
Итак, задача “Код”: http://www.itmathrepetitor.ru/zadachi-po-html-i-css-zadacha-8-kod/
Честно говоря, не поняла какое третье “равно” имеется в виду, а про &nbsp; расскажу.
Этот символ используется для форматирования кода, аналог табуляции и пробелов (может так будет понятнее). Это хорошо видно в строке кода со словом break, где нужны четыре пробела.
Также пришлось использовать еще один спецсимвол &lt;, потому что треугольные скобки считаются частью языка HTML.
http://codepen.io/IneSSka/pen/jqLrvP

Да, решил взяться - систематизировать всё к интенсиву в апреле, т.к. все задания выполнил уже и бесплатного, и платного разделов дважды (кроме последнего Кексби, будь он неладен:grinning:), хочется ещё чего-то “непредсказуемого” и незнакомого. Третье “равно” - в условии: if (i == 5)! Вроде бы, в случае сравнения должно быть (i === 5), а присваивания (i = 5), хотя, конечно, в данном случае это неактуально. :slight_smile: Насчёт спецсимволов - вроде бы понял, спасибо, сейчас попробую переделать. :slight_smile: Да, и ещё, а можно ли стилизовать <code> через CSS, присваивая ему классы?

По-моему в случае “равно” возможны все три записи.
А зачем может потребоваться возможность стилизации тега code? Приведите пример.

Не приведу примеры, просто подумалось:slight_smile: Ведь это же тоже блочный тег? И если можно стилизовать другие блочные теги, то, по идее, можно и такой? Ну, скажем, цвет ему - содержимому - задать отличный от цвета остального текста ?

Тегу не обязательно быть блочным, чтобы его можно было стилизовать.
Думаю, что можно, если в спецификации не написано, что нельзя)

Да, Вы правы - насчёт неисключительности блочных для возможностей стилизации.:slight_smile: Но я попробовал <code class="red">: весьма своеобразно получилось. Цвет текста - отлично, а вот границы и фон…

Да, забавный эффект. Такое впечатление, что строчный он…
Ладно, сейчас выводы делать не буду. Завтра посмотрю более детально.

Ага, я как-то тоже не ожидал!:confused:

1 лайк

Как и предполагалось, тег <code> считается строчным элементом Поэтому так и получается, что стилизуется каждая строка отдельно.

Ага, спасибо, буду знать. Оказалось, полезно поделать такие, на первый взгляд, незначительные заданьица - узнаёшь много интересного:slight_smile:

1 лайк

Добрый вечер, Инеска. В каких еще песочницах можно выкладывать ответы на задачи из сайта itmathrepetitor.ru? Сможете дать ссылки на подобые песочницы? Пыталась зарегистрироваться на сайте codepen.io (к группе “Join CodePen Free”), когда захожу по ссылке отправленной на мою почту, на codepen.io открывается окно ошибки 404. Инеска, с чем связана данная ошибка?

http://jsbin.com/
https://jsfiddle.net/
http://www.cssdesk.com/

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

За ссылки благодарю.)) Завтра посмотрю как они работают.
Регистрировалась следующим образом:

  1. Кликнула на ‘Sign up’.
  2. Выбрала “Join CodePen Free”.
  3. Заполнила анкету.
  4. Кликнула на окошко, которое должно было отправить смс-подтверждение на мою почту.
  5. Проверка почты.
  6. Вуаля! Началось самое интересное! Зашла по ссылке, отправленной на почту. На сайте встречает окошко, информирующее об ошибке.

Само смс из codepen.io:

Окно, уведомляющее об ошибке. Ошибка 404:

Посетила все три песочницы. Ранее экспериментировала со ссылкой из соцсети на создание одометра на jsfiddle.net. Удобна в применении. Привлекает возможность увидеть и почувствовать результат проекта.
Остальные два в деле испытаю в ближайшее время.