Списки и изображения в HTML

Практическое занятие 1

Целью практического занятия является закрепление материала лекций 6 и 7. В ходе практического занятия формируются навыки структурирования и форматирования текста на страницах HTML, оформления информации в виде списков, работы с графическими изображениями.

Слушателю предлагается создать HTML-документ (например, с именем page1.html) и оформить фрагмент текста, представленный в "Приложения" , в виде веб-страницы. При верстке данного текста необходимо максимально придерживаться представленной структуры и оформления. Необходимо обратить особое внимание на элементы HTML, предназначенные для создания заголовков различного уровня, стандартных параграфов, цитирования, выделения контактной информации, выделения важных фрагментов текста.

К предложенному тексту необходимо добавить несколько уместных графических изображений (например, портрет А. Эйнштейна, автора представленной формулы), снабдив каждое из них осмысленными описаниями и определенными размерами.

Слушателю предлагается создать новый HTML-документ (например, с именем page2.html) и разместить в нем фрагмент текста, представленный в "Приложения" . При верстке необходимо обратить внимание на "ЗАКОНЫ ПРИКЛАДНОЙ ПУТАНИЦЫ", в котором используется маркированный список, вложенный в нумерованный. Слушателю также рекомендуется самостоятельно продумать и организовать список определений, с вложенными в него маркированным и нумерованным списками, как описано в "Списки и изображения в HTML" .