Тегам: Поиск по тегам — ТЕГИ

Селекторы по тегам и по классам — Основы CSS — HTML Academy

Загрузка…
Через несколько секунд всё будет готово

  • index.html
  • style.css
HTML

<!DOCTYPE html> <html lang=»ru»> <head> <meta charset=»utf-8″> <title>Сайт начинающего верстальщика</title> <link rel=»stylesheet» href=»style.css»> </head> <body> <header> <h2>Сайт начинающего верстальщика</h2> </header> <main> <img src=»img/raccoon.svg» alt=»Аватарка»> <!— Добавьте класс тегу ниже —> <nav> <h3>Записи в блоге</h3> <ul> <li><a href=»day-1.html»>День первый. Как я забыл покормить кота</a></li> <li><a href=»day-2.html»>День второй. Хочу быть верстальщиком</a></li> <li><a href=»day-3. html»>День третий. Мой кот на меня обиделся</a></li> <li><a href=»day-4.html»>День четвёртый. Как я чуть не заболел</a></li> <li><a href=»day-5.html»>День пятый. Отдыхаю</a></li> <li><a href=»day-6.html»>День шестой. Как я ничего не понял</a></li> <li><a href=»day-7.html»>День седьмой. Кекс выдал мне задание</a></li> <li><a href=»day-8.html»>День восьмой. Очень серьёзный</a></li> <li><a href=»day-9.html»>День девятый. Точнее ночь</a></li> <li><a href=»day-10.html»>День десятый. Подведение итогов</a></li> <li><a href=»day-11.html»>День одиннадцатый. Без фанатизма</a></li> <li><a href=»day-12.html»>День двенадцатый. Все любят печенье</a></li> <li><a href=»day-13.

html»>День тринадцатый. Нашёл статью</a></li> <li><a href=»day-14.html»>День четырнадцатый. Новый формат</a></li> <li><a href=»day-15.html»>День пятнадцатый. Галерея селфи</a></li> </ul> </nav> <section> <p>Всем привет! Добро пожаловать на мой первый сайт. Ещё недавно я понятия не имел, кто такой верстальщик, а теперь я нашёл <a href=»https://htmlacademy.ru/courses»>тренажёры по HTML и CSS</a> и поставил перед собой цель — стать им. У меня даже появился инструктор — Кекс, который не позволит мне расслабиться и будет следить за моими успехами.</p> <p>Моё первое задание — вести дневник и честно писать обо всех своих свершениях.</p> </section> <section> Раздел про навыки </section> </main> <footer> Подвал сайта </footer> </body> </html>

CSS

body { padding: 0 30px; font-size: 16px; line-height: 26px; font-family: «Arial», sans-serif; color: #222222; background: #ffffff url(«img/bg-page. png») no-repeat top center; } h2 { font-size: 36px; line-height: normal; } h3 { font-size: 20px; line-height: normal; } a { color: #0099ef; text-decoration: underline; } .avatar { border-radius: 50%; } /* Замените селектор по тегу на селектор по классу */ nav { margin-bottom: 30px; padding: 20px; background-color: #4470c4; border: 5px solid #2d508f; color: #ffffff; } nav a { color: #ffffff; } ul { list-style: none; padding-left: 0; } footer { margin-top: 30px; } /* Меняем в селекторах nav на .blog-navigation */

Что в задании вам не понравилось?

Не работает проверка кодаЗадание слишком сложноеНепонятная теорияДругое (сейчас напишу)

Другое (сейчас напишу)

Спасибо! Мы скоро всё исправим)

Код изменился, нажмите «Обновить» или включите автозапуск.

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

ЗадачиВыполнено

  1. Тегу nav добавьте в разметке класс blog-navigation.
  2. Смените селектор по тегу в правиле nav на селектор по классу .blog-navigation.

Теги

Главная / Интернет-магазин / Интернет-магазин 2.0 / Теги

При необходимости вы можете создавать теги для товаров и настраивать страницы этих тегов (указывать текст описания тега, адрес страницы, параметры оптимизации и пр).

Тег в данном случае — это некая метка, характеризующая товар (например, «продукция apple» или «уценка»).

Как и прежде теги можно напрямую прописывать в окне редактирования товара — в таком случае тег автоматически создастся в разделе «Теги» (а в качестве ЧПУ будет установлено транслитерированное название).

Рассмотрим, как работать с тегами.

Шаг 1

Чтобы попасть в список всех существующих тегов, на рабочей панели Магазина 2. 0 выберите пункт «Теги».

Шаг 2

Откроется окно с перечнем всех существующих тегов. Для того чтобы создать новый, нажмите на ссылку «+Добавить». Обратите внимание, по умолчанию у Вас нет добавленных тэгов.

Шаг 3

В открывшемся окне укажите название тега (иными словами, введите сам тег) — поддерживаются буквы, цифры, пробел, нижнее подчеркивание, тире (минус, дефис), точка.

Шаг 4

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

Шаг 5

На вкладке «ЧПУ» укажите адрес для страницы тега (по умолчанию используется название тега).

Обратите внимание!

Настоятельно рекомендуем вам перед началом работы с ЧПУ ознакомиться с соответствующей инструкцией.

Шаг 6

На вкладке «SEO-параметры» вы можете задать следующие настройки:

Шаг 7

После внесения всех изменений, не забудьте сохранить их.

Будет создана страница  тега, на которую будут попадать все товары, помеченные данным тегом.

Редактирование тега

Чтобы внести изменения в уже существующий тег, нажмите на иконку с изображением карандаша в строке с нужным вам тегом.

Обратите внимание!

Изменения затронут все товары, за которыми данный тег закреплен (соответственно, если вы поменяете название тега, он изменится во всех товарах).

Групповые операции с тегами

При необходимости вы можете осуществлять сразу над несколькими тегами следующие виды операций:

  • Индексация,открыть ссылки,
  • Не индексировать, закрыть ссылки,
  • Не индексировать, открыть сслки,
  • Индексировать, закрыть ссылки,
  • Удалить

Для этого:

  1. Отметьте галочки рядом с тегами, которые вы хотите изменить или удалить.
  2. Из списка над перечнем тегов выберите нужную операцию.
  3. Нажмите на кнопку «Применить».

Обратите внимание!

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

Также вы можете задать, сколько тегов выводить на одной странице.

Поиск по тегам

При необходимости вы можете осуществлять поиск по тегам с помощью соответствующей строки.

Удаление тега

Для удаления тега нажмите на иконку с изображением корзины в строке с нужным вам тегом.

Обратите внимание!

При удалении тег открепляется от всех товаров, к которым он был прикреплен.

Переход к странице тега на сайте

Чтобы перейти к странице тега, нажмите на иконку с изображением страницы со стрелкой.

Обратите внимание!

У каждого тега должны быть уникальные название и ЧПУ.
Товары на странице тега сортируются в соответствии с настройкой «Сортировка товаров в категориях» в «Параметрах магазина».

Была ли статья вам полезна?

Да

Нет 

Укажите, пожалуйста, почему?

  • Рекомендации не помогли
  • Нет ответа на мой вопрос
  • Содержание статьи не соответствует заголовку
  • Другая причина

Комментарий

Читайте также

    Платья — TAGS BOUTIQUE

    Сортировка Рекомендуемая цена, от низкой к высокойЦена, от высокой к низкойПо алфавиту, от A до ZПо алфавиту, от Z до ADДата, от старой к новойДата, от новой к старойЛучшие продажи

    Макси-платье Cut To The Chase — Синий

    49,00 долларов США

    Макси-платье Cut To The Chase — Коричневый

    49 долларов. 00

    Макси-платье Work Of Art

    $85.00

    Макси-платье Алисса

    $70.00

    Платье Made You Look — Оранжевый

    $85.00 9Платье с запахом 0002 So Worth It — Зеленый

    $96.00

    Платье с запахом So Worth It — Кремовый

    $96.00

    Миконос Макси — зеленый

    $69.00

    Миконос Макси — Ню

    $69.00

    Платье «Солнечное сияние на мне»

    $59.00

    Платье «Почувствуй тепло»

    49,00 долларов США

    Клеопатра Макси — Оранжевый

    $89. 00

    Продано

    Макси-платье Perfect Cut — Красный

    $85.00

    Макси-платье Perfect Cut — черный

    $85.00

    Платье Kandi Apple Twirl

    $76.00

    Платье миди Camila

    $70.00

    Продано

    Макси-платье в полоску Essex — Золото

    $69.00 9Платье макси в полоску 0002 Essex — Синий

    $69.00

    Клеопатра макси — зеленый

    $89.00

    Такое кокетливое платье — салатовый

    $59. 00

    Платье миди Ализе

    $55.00

    Платье Миди Tessa — Черный

    $60.00

    Платье миди Tessa — Телесный

    $60.00

    Платье Кэссиди — Синий

    $75.00

    все — TAGS БУТИК

    Сортировка Рекомендуемая цена, от низкой к высокойЦена, от высокой к низкойПо алфавиту, от A до ZПо алфавиту, от Z до ADДата, от старой к новойДата, от новой к старойЛучшие продажи

    Макси-платье Cut To The Chase — Синий

    49,00 долларов США 9Макси-платье 0002 Cut To The Chase — Коричневый

    49,00 долларов США

    Макси-платье Work Of Art

    $85. 00

    Комплект юбки Bali

    $75.00

    Макси-платье Алисса

    $70.00

    Плиссированный комплект Peru — желтый

    $75.00

    Плиссированный комплект Peru — Розовый

    $75.00 Комбинезон в полоску

    Panama — белый

    $60.00

    Полосатый комбинезон панама — телесный

    $60.00

    Комбинезон Camilla — Розовый

    $60.00

    Комбинезон Camilla — Зеленый

    $60.00

    Комплект Шорт Natalia — Розовый

    $70. 00

    Джинсовая рубашка Oh Snap

    $60.00

    Платье Made You Look — Оранжевый

    $85.00

    Брюки Brooklyn

    $80.00

    Комплект джоггеров с застежкой-молнией — джинсовая ткань

    $85.00

    Короткий набор «На блоке»

    45 долларов США

    Комбинезон Halo-телесный

    $69.00

    Комбинезон Halo — ржавчина

    $69.00

    Комбинезон Halo, синий

    $69.00

    Такой веерный верх

    $48.
Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *