learn semantic markup

Несколько 1.1 - Семантическая практика разметки

Изучите семантический HTML, отметив эти документы.

Что это?

Это каталог текстовых документов, который вы можете отметить для практики, чтобы изучить HTML. Документы содержат типичный контент, который вы можете увидеть на веб -сайтах на вашем телефоне и на рабочем столе. Только текст включен здесь! Ваша задача - добавить наценку!

Помимо написания синтаксически правильного HTML -кода, ваша цель состоит в том, чтобы использовать HTML Markup для улучшения значения и сохранения контекста информации. Наценка должна добавить ясность.

Ваша цель - отметить документ с тегами, которые лучше всего описывают текст контента. Вы хотите, чтобы теги наилучшим образом выражали сообщение и намерение содержания каждого документа.

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

Используйте эти теги:

• Секционные теги
  • Заголовок <header> заголовок>
  • Раздел <section> Раздел>
  • Статья <article>
  • Нижний колонтитул <footer>
• Заголовки H1-6 <h1>
• Параграфы <p>
• маленький <small>
• Blockquote <blockquote>
• pre <pre>
• Код <code>
• Встроенные теги
  • Сильный <strong>
  • Акцент <em>
  • Аббревиатура <abbr>
  • Якорь <a>
  • время <time> время>
  • SuperScript <sup>
  • Цитата <q>

Начиная!

TL; DR Загрузите это репо и начните добавлять теги HTML в каждый из документов.

Этот репо содержит список проблем и решений. Каждый из файлов решения помечен.

Файл Challenge содержит только текст, без разметки, вы добавите разметку (теги).

Прежде чем начать прочитать комментарии в каждом файле. Также прочитайте сам текст. Наценка, которую вы добавляете, должна добавить контекст и усилить значение и намерение.

Как скачать этот код

Если у вас проблемы с загрузкой этого репо, вот шаги:

1. Откройте окно терминала и перейдите в папку, где вы хотели бы разместить этот репозиторий. (Это, вероятно, называется что -то вроде: dev/courses/web1.0 )

2. Введите следующий код:

 $ git clone [email protected]:soggybag/learn-semantic-markup.git

3. Перейдите на github.com и создайте новый репозиторий. (Примечание: убедитесь, что флажок для «Инициализации этого репозитория с помощью readme» не проверяется.)

4. Введите следующее, чтобы обновить пункт назначения вашего репозитория:

 $ git remote set-url origin [email protected]:YOUR_USERNAME/YOUR_REPO_NAME.git
$ git push -u origin master

5. Обновите страницу в своем недавно созданном репо Github, чтобы убедиться, что ваши изменения были успешно протестированы.

Проверьте свою работу

Вы можете проверить свою работу несколькими способами:

Используйте валидатор, чтобы проверить ваш синтаксис. Валидатор HTML проверяет синтаксис вашего HTML.

https://validator.w3.org

Проверьте свою работу в валидаторе.

Проверьте свою работу против решений. То, что у вас есть, не должно быть таким же, как решение!

Не стесняйтесь вносить свой вклад

Не стесняйтесь вносить свой вклад! Если у вас есть идеи для документа, который может сделать хорошую задачу, не стесняйтесь внести свой вклад. См. Руководство по содействию. Если у вас есть особенно хорошее решение, не стесняйтесь внести свой вклад!