Skip to content

novicode1/frontend-html-semantic

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Создание семантического документа на HTML

В документе src/index.docx дан текст статьи. Требуется воссоздать данную статью с помощью HTML. Делать оформление и стили не требуется. Задание состоит только в создании разметки.

Задание нужно выполнить в документе src/index.html. Он пустой. В нём требуется создать полноценный HTML документ:

  • использовать только теги без атрибутов class;
  • не писать собственный CSS;
  • подключить файл стилей src/css/style.css. Без него задание можно выполнить, но с ним текст будет выглядеть привлекательнее;
  • использовать заранее приготовленые графические ресурсы из папки src/images
  • содержание в начале документа должно вести на соответствующее место в документе. При клике страница моментально должна скролиться до соответствующего заголовка.

Что требуется знать

  1. Доктайп
  2. Подключение внешних стилей
  3. Ссылки-якоря
  4. Теги: p, meta, link, h1, h2, h3, ul, ol, li, a, article, code, img, em, strong, table, tr, td, th, dt, dd

Две последние ссылки в документе нужно сделать открывающимися в новой вкладке

Основы HTML

Элемент

Превью выполненного задание можно посмотреть на скриншоте src/preview.png. Допускается, что получившийся результат может не на 100% соответствовать скриншоту.

Превью скриншот:

src/preview.png

Настройка окружения

В проект включена автоматизированная проверка на валидность по W3C и статический анализ кода. Подробности настройки окружения можно почитать в HELP.md. Но задание можно выполнить и без этого, имея только браузер и редактор кода.

About

Создание документа с использованием только HTML

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 84.5%
  • CSS 10.5%
  • JavaScript 4.4%
  • Batchfile 0.6%