Фото Сергея Белосова
Блог Сергея Белоусова
  • - Разработка сайтов
  • - Обучаю профессиональной верстке
  • - Консультации по разработке сайтов и поиску клиентов
Мои контакты: skype skype skype skype

Урок 1-3

Изучаем теги <a> и <img>



Вопросы по уроку:

  1. Какие возможности дает тег <a> и при помощи чего ? (перечислите по пунктам 1, 2, 3, например: 1. При помощи такого-то атрибута - можно сделать такое-то действие и т.д.).
  2. Какие 2 вида путей к файлам существуют и чем они отличаются ?
  3. Что такое тег <img>, опишите как он работает.
  4. Какие 2 вида форматов картинок в основном используются в верстке, чем они отличаются и в каких случаях применяются.

Домашнее задание:

  1. Скачать картинки logo.jpg logo.png
  2. Сделайте 2 якоря, которые будут скролить страницу ко второму уроку и третьему (Пример: Якорь ко второму уроку).
Оформите текст таким образом:

www.yandex.ru - открывается в этой же вкладке браузера.
www.yandex.ru - открывается в новой вкладке (написать в скобках при помощи чего это делается).
Относительный путь к картинки .jpg открывается в новой вкладке.

Добавили картики .jpg и .png по нажатию они скачиваются и при помощи атрибута width="" для картинки сделали им ширину 200 пикселей а высота уменьшилась автоматически пропорционально ширине.

 

Напишите заключение по уроку:

  1. Что понравилось и что не понравилось.
  2. Какие общие впечатления и настрой.