Музыкальная открытка HTML5 на CodePen. Как создать.
 

1. Зайдите на Codepen и регистрируйтесь: Codepen

2. Создайте новую работу

3. Перейдите по ссылке на мою страницу с открыткой Codepen Georgiy Gavril

4. Скопируйте код HTML и вставьте в окно своей новой работы. Открытка скопирована, при клике должна звучать музыка.

5. Отредактируйте свой код, заменив ссылки на свои музыку и картинку.

Ваша музыкальная открытка готова. Нажмите на верхней панели редактора Сохранить \ Save .

Для публикации в дневник скопируйте браузерный адрес своей работы (пример :  https://codepen.io/georgij-gawril/pen/qBrqeMm ) и отредактируйте его так: 

прописать full вместо pen , размеры подобрать соответственно Вашей картинки.  [**flash=830,680,https://codepen.io/georgij-gawril/full/qBrqeMm] 

В редакторе ЛиРу убрать звёздочки после квадратной скобки, можно опубликовать.

В дальнейшем расскажу как усовершенствовать проект.