Задачи по HTML и CSS
Задача 11. "Химические элементы"
Условие: Создайте html-файл, результат которого показан на рисунке. Используйте теги html для оформления в виде таблицы. Обратите внимание, что в таблице присутствуют текстовые ссылки и ссылки-изображения. Изображение статьи можно скачать здесь. Кстати, последнюю строку на картинке тоже необходимо повторить.
Устали? Отдохните с пользой
http://codepen.io/Artyshuk/pen/obQqdr
http://codepen.io/anon/pen/pgXoVm
http://codepen.io/IneSSka/pen/RaZROE
https://codepen.io/Greshnic/pen/dMxPGw?editors=1000 - заметил одну особенность: если картинку оборачиваешь в ссылку, то атрибут title самой картинки оказывается главнее атрибута title ссылки. Например:
<a href="url" title="Пример" rel="nofollow">
</a>>
Всплывающая подсказка при наведении на картинку-ссылку будет именно "Картинка", а не "Пример".
https://jsfiddle.net/moloko/kb4tsmog/
http://codepen.io/Hiter/pen/ZOLzgP?editors=1000
http://codepen.io/qpyntik/pen/bZmpmy
http://codepen.io/Lacedaemonian300/pen/VjEjjV
Вот что получилось:
http://codepen.io/DarkhazeBarcas/pen/WGRRNV?editors=1000#0
http://cssdeck.com/labs/knooqm9s
http://codepen.io/anon/pen/yaxGYB
http://codepen.io/KatieVolkova/pen/Ypqmjb