Как смелые слова в абзаце в HTML/CSS?

Я начинаю заниматься веб-программированием и задаю очень простые вопросы.

Я пытаюсь выделить несколько слов в одном абзаце, но я не знаю, как это сделать с помощью HTML/CSS. Я понял, как смелые целые абзацы, но не отдельные слова. Как я могу выделить одно слово, например "смелое" в моем примере?

Это выделяет полный абзац:

<html>
<head>
<style type="text/css">
p.n1
{
    font:15px bold 30px Georgia,serif;
}

</style>
</head>

<body>
<p class="n1">I am in bold. </p>
</body>
</html>

Ответы

Ответ 1

<p><strong>This is in bold.</strong> This is not.</p>

Вы можете найти Mozilla Developer Network, чтобы быть очень удобной и надежной ссылкой.

Ответ 2

Я знаю, что этот вопрос старый, но я наткнулся на него, и я знаю, что другие люди могут иметь такую ​​же проблему. Все эти ответы в порядке, но не дают правильных подробностей или фактических ИСТИННЫХ советов.

При желании стилизовать определенный раздел абзаца используйте тег span.

<p><span style="font-weight:900">Andy Warhol</span> (August 6, 1928 - February 22, 1987) 

was an American artist who was a leading figure in the visual art movement known as pop 

art.</p>

Энди Уорхол (6 августа 1928 - 22 февраля 1987 года) был американским художником, который был ведущей фигурой в искусстве визуального искусства, известном как поп-арт.

Как показывает код, стили тега span на указанных словах: "Энди Уорхол". Вы можете дополнительно форматировать слово, используя любые кодовые стили шрифтов CSS.

{font-weight; font-size; text-decoration; font-family; margin; color}, etc.

Любое из этих и более способов может использоваться для стилизации слова, группы слов или даже указанных абзацев без необходимости добавления класса в документ таблицы стилей CSS. Надеюсь, это поможет кому-то!

Ответ 3

<style type="text/css">
p.boldpara {font-weight:bold;}
</style>
</head>

<body>
<p class="boldpara">Qaru is good site for developers. I really like this site </p>

</body>

</html>

http://www.tutorialspoint.com

Ответ 4

если вы хотите просто "смело", Ответ Майка Хофера в основном правильный.

но обратите внимание, что тег выделяет его содержимое по умолчанию, но вы можете изменить это поведение с помощью css, например:

p strong {
    font-weight: normal;
    font-style: italic;
}

Теперь ваш "полужирный" выделен курсивом:)

Итак, попробуйте использовать теги по его значению, а не по умолчанию.

Ответ 5

<p><b> BOLD TEXT </b> not in bold </p>;

Включите текст, который вы хотите выделить жирным шрифтом между <b>...</b>

Ответ 6

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

  • Создайте класс для создания любого элемента жирным шрифтом. Поэтому для текста абзаца это будет
span.bold(This name can be anything do not include parenthesis) {
   font-weight: bold;
}
  • В своем html вы можете получить доступ к этому классу, используя теги span и добавив класс жирного или любого другого, которое вы выбрали

Ответ 7

Добавить тег <b>

<p> <b> I am in Bold </b></p>

Для получения более тегов форматирования текста нажмите здесь