как выделить слова в абзаце жирным шрифтом в 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>

html css paragraph
person user1111042    schedule 30.01.2012    source источник

Ответы (7)


arrow_upward
44
arrow_downward 

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

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

person Mike Hofer    schedule 30.01.2012
comment
Превосходно, вот URL-адрес спецификации HTML 4.01: w3.org/TR/html4/struct/text.html#h-9.2.1 и из черновика спецификации HTML 5.0: dev.w3.org/html5/spec/Overview.html#the-strong-element - person sarnold; 30.01.2012
comment
strong не обязательно подразумевает смелость, но текст внутри имеет более высокую относительную важность. b - это правильный тег, который следует использовать, если вы просто хотите изменить стиль представления или, в качестве альтернативы, использовать элемент span с классом с соответствующим стилем. То же самое верно для em для акцента и i. - person djlumley; 30.01.2012
comment
Хотя b и strong являются отдельными элементами, строго стилистическая информация (например, b) принадлежит таблице стилей. Однако я признаю вашу точку зрения. На что я, вероятно, должен был указать ему, так это на использование вложенного диапазона с идентификатором и использование стиля для его выделения. Но это немного пуристично, и я выбрал самый прямой путь к решению проблемы. - person Mike Hofer; 30.01.2012

arrow_upward
14
arrow_downward

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

Если вы хотите стилизовать определенный раздел абзаца, используйте тег 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. Я надеюсь, что это помогает кому-то!

person Michael Anderson - NinjaSush2    schedule 20.04.2013

arrow_upward
7
arrow_downward 

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

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

person user1177371    schedule 30.01.2012

arrow_upward
5
arrow_downward

если вы хотите просто «полужирный», ответ Майка Хофера в основном правильный.

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

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

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

Поэтому старайтесь использовать теги по их значению, а не по стилю по умолчанию.

person Rodrigo    schedule 30.01.2012
comment
быстрое примечание: способ сортировки ответов может меняться со временем (или в зависимости от того, как их сортирует конкретный пользователь), поэтому вместо приведенного выше ответа вы должны указать имя отвечающего и / или включить ссылку на сам ответ. - person Cheran Shunmugavel; 30.01.2012

arrow_upward
3
arrow_downward 

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

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

</body>

</html>

http://www.tutorialspoint.com

person swati16    schedule 12.08.2012
comment
* Stack overflow - лучший сайт для разработчиков. - person Angel Cuenca; 21.02.2017

arrow_upward
1
arrow_downward

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

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

arrow_upward
1
arrow_downward

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

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

Чтобы просмотреть дополнительные теги форматирования текста, нажмите здесь

person mee    schedule 10.07.2015