Вопрос №36675 от пользователя Fork Aski в уроке «Основы CSS», курс «Основы HTML, CSS и веб-дизайна»
Все топики
Fork Aski
Расставьте классы так, чтобы полужирный текст был зелёным, а обычный текст был наклонным: »’код»’
font-weight: bold; }
.nice { color: green; }
.impr { font-style: italic; }
<p>Something else.</p>
<p>Something.</p>
5 0
Nikita Mikhaylov
Здравствуйте
У вас возникли проблемы с этим заданием?
1
Yaroslav Bertov
Да
1
Денис Груздев
Да
0
user-4f04c8511a95ae43
Где там полужирный текст?(((Fork Aski,
0
Денис Груздев
Зеленый который полужирный, наклонный обычный текст
0
- Задавайте вопросы по уроку
- Проверяйте знания в квизах
- Проходите практику прямо в браузере
- Отслеживайте свой прогресс
Зарегистрируйтесь или войдите в свой аккаунт
Рекомендуемые программы
С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.
Профессия
с нуля
Фронтенд-разработчик
Разработка фронтенд-компонентов для веб-приложений
2 февраля 10 месяцев
Профессия
Новый с нуля
Онлайн-буткемп. Фронтенд-разработчик
Интенсивное обучение профессии в режиме полного дня
9 февраля 4 месяца
Профессия
с нуля
Python-разработчик
Разработка веб-приложений на Django
2 февраля 10 месяцев
Профессия
с нуля
Java-разработчик
Разработка приложений на языке Java
2 февраля 10 месяцев
Профессия
с нуля
PHP-разработчик
Разработка веб-приложений на Laravel
2 февраля 10 месяцев
Профессия
с нуля
Инженер по тестированию
Ручное тестирование веб-приложений
2 февраля 4 месяца
Профессия
с нуля
Node. js-разработчик
Разработка бэкенд-компонентов для веб-приложений
2 февраля 10 месяцев
Профессия
с нуля
Fullstack-разработчик
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
2 февраля 16 месяцев
Профессия
c опытом
Разработчик на Ruby on Rails
Создание веб-приложений со скоростью света
2 февраля 5 месяцев
Профессия
с нуля
Верстальщик
Верстка с использованием последних стандартов CSS
в любое время 5 месяцев
Профессия
В разработке с нуля
Аналитик данных
Сбор, анализ и интерпретация данных
16 марта 8 месяцев
Вертикальный и наклонный текст — Блог Игоря Штанга — ЖЖ
?- Вертикальный и наклонный текст
- nobelfaik
- 16 февраля, 2017
Иногда мне задают хорошие вопросы, на которые хочется ответить в блоге. Буду отвечать под тегом ??? Вот, например, Андрей спрашивает: Не смог найти информацию о вертикальных заголовках. Как к ним стоит относиться?
Вкратце: вертикальный текст читать сложнее, чем горизонтальный. Если вы это понимаете, делайте что хотите.
Есть по крайней мере две «объективные» причины поставить текст вертикально:
- Это служебный текст, и его можно вывести из основного потока чтения. Так иногда поступают с копирайтами, подписями, рубриками, колонтитулами.
- Вертикальное положение диктует формат. Например, корешок книги или вытянутый в высоту банер.
«Необъективных» причин — миллион: контраст, динамика, напряжение, ритм, дизайнерский произвол в конце концов. Изящное композиционное решение может быть бессмысленным и нецелесообразным, в этом нет ничего криминального.
Для сравнения: Бюро Артема Горбунова может позволить себе поставить вертикально только слово up, Бюро Зигфрида Одерматта — любое слово:
Зигфрид Одерматт. Реклама сушильной машины, 1960Чтобы вертикальный текст всё-таки остался текстом, нужно соблюсти типографическую гигиену. Атабеков в «Словаре-справочнике иллюстратора научно-технической книги» приводит следующие рекомендации (статья «Текст на графических оригиналах»):
Все надписи (фразы, слова или отдельные знаки) должны быть расположены так, чтобы они легко читались (рис. II): горизонтальные — слева-направо; вертикальные — снизу-вверх; наклонные — слева-вверх-направо либо слева-вниз-направо и при этом все буквы в строке должны строго держать линию.
Метки: ???, верстка, заголовок, знаю как, статья, типографика, цитата
Что делать со скобками
На «Большой переверстке» работали с новой таблицей — прейскурантом базы отдыха.
В ней много текста в скобках, и оказалось, что…Самая дурацкая сортировка
— это сортировка по форме. Например, когда строки располагают по длине: Или пытаются изобразить какую-то фигуру: Дурацкая она потому,…
Пунктуация на упаковке Яндекса
Снова о современной русской пунктуации. Давайте внимательно посмотрим, как набран текст на упаковке умной розетки Яндекса. 1. Без кавычекНазвание…
I Курсив HTML 4.01 Strict
I Курсив HTML 4.01 StrictВерсия | —/W3C//DTD HTML 4.01//EN | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Элемент | I | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Назначение | курсивный текст | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Описание | Этот элемент выделяет текст, предназначенный для выделения курсивом. Поскольку значение элемента I определяет внешний вид заключенного в нем содержимого, этот элемент считается «физическим» элементом разметки. Таким образом, он не передает значение элемента семантической разметки, такого как EM. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Начальный тег | Обязательно | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Attributes |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Содержание | ( #PCDATA | TT | I | B | BIG | SMALL | EM | STRONG | DFN | CODE | SAMP | KBD | VAR | CITE | ABBR | ACRONYM | A | IMG | OBJECT | БР | СЦЕНАРИЙ | КАРТА | Вопрос | СУБ | SUP | РАЗМЕР | БДО | ВВОД | ВЫБЕРИТЕ | ТЕКСТОБЛАСТЬ | ЭТИКЕТКА | КНОПКА )* | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Конечный тег | Обязательный | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Упоминается в | A ABBR ACRONYM ADDRESS B BDO BIG BUTTON CAPTION CITE CODE DD DEL DFN DIV DT EM FIELDSET h2 h3 h4 h5 H5 H6 I INS KBD ЭТИКЕТКА ОБОЗНАЧЕНИЕ LI ОБЪЕКТ P PRE Q SAMP МАЛЕНЬКИЙ ПРОЛЕТ СИЛЬНЫЙ SUB SUP ТД ТТ ТТ ВАР | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Пример |
|
Как использовать курсивный текст HTML для добавления курсивного содержимого
Перейти к содержимому
Рекламные объявления
Есть два тега, чтобы сделать текст HTML курсивом, и это теги и . Но между этими двумя тегами есть несколько различий, которые вы можете проверить в конце этого поста. Однако вы можете использовать их, чтобы выделить текст курсивом для форматирования в HTML.
Тег
для выделения текста HTML курсивомВы должны поместить содержимое в начальный тег и закрывающий тег . Это тег стиля HTML для выделения текста курсивом.
Если вы хотите, чтобы текст отличался от другого содержимого в HTML. Вы можете использовать HTML-тег курсива для создания курсивного текста, который люди могут легко отличить от другого контента.
Теперь давайте проверим синтаксис , чтобы использовать его в вашем HTML-контенте.
Синтаксис
Введите текст здесь…
Используя приведенный выше синтаксис, вы можете легко добавить курсивный текст в любой HTML-контент.
Пример
Испытать вживую
Это курсив
Это курсив |
Вывод
Это текст, выделенный курсивомВ этом примере все содержимое выделено курсивом. Тем не менее, вы должны выделить курсивом только тот контент, который вы хотите выделить среди других. Содержимое слегка выравнивается за счет увеличения его угла до некоторой степени.
Тег
Для выделения текстаВ дополнение к вышеуказанному тегу i вы также можете выделить текст курсивом с помощью HTML-тега . Однако тег не является тегом стиля HTML. Если вы хотите выделить текстовый контент из другого контента, вы должны использовать HTML-тег HTML.
Оба тега дают тот же текст, выделенный курсивом, что и вывод. Вы должны решить, хотите ли вы стилизовать текст или хотите выделить текст.
Чтобы использовать тег em, вы должны поместить содержимое в открывающий тег и закрывающий тег . Проверьте синтаксис тега , приведенный ниже.
Синтаксис
Поместите сюда свой контент…
Это тот же синтаксис, что и у тега i, вам нужно просто поместить свой контент в указанное выше место.
Пример
Испытать вживую
Это выделенный текст
Это выделенный текст |
Вывод
Это выделенный текстПриведенный выше текст показывает выделенное текстовое содержимое, при этом весь текст выделен курсивом.