Назад к списку задач

Работа со ссылками

Уровень: Начинающий

Задача по HTML: работа со ссылками и их атрибутами

Файлы задания

Выполните все пункты задания. Для поиска неизвестных вам тегов используйте поиск справочника. 

  1. Скачайте под списком файлы для выполнения задания
  2. В index.html файле создайте скелет HTML документа
  3. В теге body создайте абзац, в котором создайте две ссылки. Первая ссылка с текстом "Главная", вторая ссылка с текстом "Контакты"
  4. После абзаца с ссылками добавьте заголовок первого уровня с текстом "Главная", и еще один абзац с каким-нибудь текстом, можете использовать сайт-генератор случайного текста lipsum.com 
  5. Скопируйте содержимое страницы index.html в файл contacts.html и поменяйте текст заголовка на "Контакты"
  6. Теперь перелинкуйте страницы между собой. В одном и другом файле пропишите ссылки в атрибуте href. Ссылка с текстом "Главная" должна вести на страницу index.html, ссылка с текстом "Контакты" должна вести на страницу contacts.html
  7. На странице контактов создайте еще один абзац с двумя ссылками. Первая ссылка с текстом "Наш телефон: 28484848" и вторая ссылка с текстом "Наш e-mail: [email protected]"
  8. У ссылки с номером телефона используйте соответствующий протокол звонка при клике на эту ссылку
  9. У ссылки с e-mail адресом используйте соответствующий протокол написания e-mail письма при клике на эту ссылку
  10. В навигации, там где ссылки "Главная" и "Контакты", добавьте еще одну ссылку с текстом "Наш партнер". Эта ссылка должна быть на двух страницах
  11. В ссылке "Наш партнер" добавьте ссылку на Google.ru, которая должна открываться в новой вкладке
  12. На главной странице создайте еще один абзац, с текстом "Наша презентация", в атрибуте href укажите ссылку на файл present.pdf и добавьте атрибут download 

Назад к списку задач

Если хотите поделиться своим решением, используйте сайты типа codepen.io и оставляйте ссылку в комментарии

Обсуждение (22)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии

Sergii
https://codepen.io/sergii_tytarenko/pen/JjYOKqx?editors=1100
Denis
https://codepen.io/cameronhoff/pen/NWRYNJG
Styop
https://codepen.io/mpgcqfdo-the-vuer/pen/JjEqwQe?editors=1100
Yevhenii Dodiak
https://codepen.io/makarov2021/pen/zYNQeLX

Дело в том , что я не умею пользоваться этим текстовым редактором , и мне пришлось скинуть код с двух разных файлов по очереди сверху-вниз, через .
Перехода с файла на файл не нужно ожидать , этого не произойдет , потому что не найдет такой страницы.
Думаю ,если бы через id , то оно бы элементарно опускалось бы и поднималось к элементу.
KolyNone
https://codepen.io/kolynone/project/editor/XWdWbd
Анна
https://codepen.io/anyuta04071983/pen/dyWEdqE
nosia
https://codepen.io/nosia/pen/XWeGBxp
  • nosia
    https://codepen.io/nosia/pen/vYpMqRK
    • nosia
      https://codepen.io/nosia/pen/QWBBjgE
Инна
https://codepen.io/pen?template=NWwdKWo
Chandarik
https://codepen.io/Chandarik/pen/abEEELG
Александр
https://codepen.io/inojoj/pen/rNJXwPB
kokentus
https://codepen.io/kokentus/pen/ExEYxwz
d_28io
https://codepen.io/d_28io/pen/mdLqeOa
ilds
https://codepen.io/ilvdrskn/pen/poKdpLX (не разобрался как на codepen добавить вторую страницу с HTML, так что если кому будет не сложно - объясните пожалуйста :))
Ehrom
https://codepen.io/Ehrom/pen/ExppBRQ
Иван
https://codepen.io/HouSSton-Senior/pen/RwYByvB
там мои комментарии есть, посмотрите, если будет непонятно.
Авенир
https://codepen.io/Avenir-Caprioly/pen/VwgqRRm

сделано как написано
Anatoliy Nosenko
https://codepen.io/nosia80/pen/JjVXLVd
Абдулла
https://codepen.io/ahmkedxy-the-encoder/pen/mdgqqWJ
Дмитрий
1. https://codepen.io/iqywfque-the-encoder/pen/mdgqZmy
2. https://codepen.io/iqywfque-the-encoder/pen/vYMWqeY
Сергей
https://codepen.io/Sergey-Maximow/pen/ZEgvrLp -контакты
https://codepen.io/Sergey-Maximow/pen/jOgYZmP -главная