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

Урок 1-6

Семантическая разметка HTML документа. Теги section, div, span, aside, header, footer



Это на мой взгляд самая сложная и самая важная часть HTML языка, разграничить семантическую разметку HTML страниц - это то, с чего начинается любая верстка, вы должны научится понимать какую смысловую нагрузку несет в себе каждый блок страницы и подбирать соответствующие теги подходящие по смыслу.
Урок на мой взгляд получился сложным, по этому возможно вам будет тяжело все осовить и понять с первого раза.
Но это всего лишь временные трудности, которые рассеятся с опытом. =)

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

  1. Что такое семантическая разметка HTML документа ?
  2. Почему в структуре HTML страницы, заголовок h2 нельзя ставить выше чем h1 ?
  3. Что по смыслу определяет тег <section> ?
  4. Что по смыслу определяет тег <nav> ?
  5. Что по смыслу определяет тег <div> ?
  6. Чем отличается <section> от <div> ?
  7. Что по смыслу определяет тег <article> ?
  8. Для чего выравнивать вложенность тегов TABами ?
  9. Как, для удобства, сворачивать болшие фрагменты кода в саблайме ? =)
  10. Что по смыслу определяет тег <aside> ?
  11. Чем отличается динамическое и статическое содержимое страницы ?
  12. Что по смыслу определяет тег <header> и <footer> ?

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

  1. Создайте структуру вашего дневника такой же как показано на видео.
  2. Прикрутите боковую навигацию по урокам, ко всем блокам с уроками.

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

  1. Что понравилось и что не понравилось.
  2. Какие общие впечатления.
  3. Оцените по 10-ти бальной шкале, на сколько сложным вам показался язык HTML и поясните свою оценку письменно. (10 баллов - это самая сложная информция в моей жизни =) 1 балл - проще не бывает).