Wie mache ich Text in HTML fett?

Ich versuche, Text mithilfe von HTML fett zu machen, aber ich habe Mühe, ihn zum Laufen zu bringen.

Folgendes versuche ich:

Some <bold>text</bold> that I want emboldened.

Könnte mir jemand sagen, was ich falsch mache?

benutze <strong>oder <b>tagge

Sie können es auch mit CSS versuchen <span style="font-weight:bold">text</span>

HTML hat kein <bold>Tag, stattdessen müssten Sie verwenden <b>. Beachten Sie jedoch, dass die Verwendung <b>wird nun zugunsten von CSS für eine Weile entmutigt . Verwenden Sie dazu besser CSS.

Das <strong>Tag ist ein semantisches Element für eine starke Betonung, das standardmäßig fett gedruckt ist.

Der Markup-Weg:

<strong>I'm Bold!</strong> and <b>I'm Bold Too!</b>

Der Styling-Weg:

.bold {
  font-weight:bold;
}

<span class="bold">I'm Bold!</span>

Von: http://www.december.com/html/x1/

<b>

Dieses Element enthält Text, der vom Browser fett gedruckt werden soll. Da die Bedeutung des B-Elements das Erscheinungsbild des darin enthaltenen Inhalts definiert, wird dieses Element als "physisches" Markup-Element betrachtet. Als solches vermittelt es nicht die Bedeutung eines semantischen Markup-Elements wie strong.

<strong>

Beschreibung Dieses Element klammert Text ein, der stark hervorgehoben werden sollte. Stärker als das em-Element.

In HTML verwenden:

• Ein <b>Text </b>, den ich ermutigen möchte.
• Ein <strong>Text </strong>, den ich ermutigen möchte.

In CSS verwenden:

• Ein <span style="font-weight:bold">Text </span>, den ich ermutigen möchte.

Könnte mir jemand sagen, was ich falsch mache? "

"fett" war noch nie ein HTML-Element ("b" ist die engste Übereinstimmung).

HTML sollte strukturierten Inhalt enthalten. Publisher-CSS sollte Stile für diesen Inhalt vorschlagen. Auf diese Weise können Benutzeragenten den strukturierten Inhalt mit nützlichen Stil- und Navigationssteuerelementen Benutzern zugänglich machen, die Ihr vorgeschlagenes fett gedrucktes Design nicht sehen können (z. B. Benutzer von Suchmaschinen, völlig blinde Benutzer, die Bildschirmleseprogramme verwenden, schlecht sehende Benutzer, die ihre eigenen Farben und Schriftarten verwenden). geeky Benutzer, die Textbrowser verwenden, Benutzer sprachgesteuerter, sprechender Browser wie Opera für Windows). Daher hängt der richtige Weg, Text fett zu machen, davon ab, warum Sie ihn fett formatieren möchten. Beispielsweise:

• Möchten Sie Überschriften von anderen Texten unterscheiden? Verwenden Sie Überschriftenelemente ("h1" bis "h6") und schlagen Sie in Ihrem CSS einen fett gedruckten Stil vor ("h1, h2, h3, h4, h5, h6 {Schriftgröße: fett;}").

• Möchten Sie Beschriftungen für Formularfelder ermutigen? Verwenden Sie ein "label" -Element, ordnen Sie es programmgesteuert dem entsprechenden "select" -, "input" - oder "textarea" -Element zu, indem Sie ihm ein "for" -Attribut geben, das mit einem "id" -Attribut auf dem Ziel übereinstimmt, und schlagen Sie einen fetten Stil für vor es in Ihrem CSS ("label {font-weight: fett;"}).

• Möchten Sie eine Überschrift für eine Gruppe verwandter Felder in einem Formular ermutigen, z. B. eine Gruppe von Funkoptionen? Umgeben Sie sie mit einem "fieldset" -Element, geben Sie ihm ein "legend" -Element und schlagen Sie einen fett gedruckten Stil in Ihrem CSS vor ("legend {font-weight: fett;}").

• Möchten Sie eine Tabellenbeschriftung von der Tabellenbeschriftung unterscheiden? Verwenden Sie ein "caption" -Element und schlagen Sie einen fett gedruckten Stil in Ihrem CSS vor ("caption {font-weight: fett;}").

• Möchten Sie Tabellenüberschriften von Tabellendatenzellen unterscheiden? Verwenden Sie ein "th" -Element und schlagen Sie einen fett gedruckten Stil in Ihrem CSS vor ("th {font-weight: fett;}").

• Möchten Sie den Titel eines Films oder Albums, auf den verwiesen wird, vom umgebenden Text unterscheiden? Verwenden Sie ein "cite" -Element mit einer Klasse ("cite class =" movie-title ") und schlagen Sie in Ihrem CSS einen fett gedruckten Stil vor (" .movie-title {font-weight: fett;} ").

• Möchten Sie ein definiertes Schlüsselwort von dem umgebenden Text unterscheiden, der es definiert oder erklärt? Verwenden Sie ein "dfn" -Element und schlagen Sie einen fett gedruckten Stil in Ihrem CSS vor ("dfn {font-weight: fett;}").

• Möchten Sie einen Computercode vom umgebenden Text unterscheiden? Verwenden Sie ein "Code" -Element und schlagen Sie einen fett gedruckten Stil in Ihrem CSS vor ("code {font-weight: fett;}").

• Möchten Sie einen Variablennamen vom umgebenden Text unterscheiden? Verwenden Sie ein "var" -Element und schlagen Sie einen fett gedruckten Stil in Ihrem CSS vor ("var {font-weight: fett;}").

• Möchten Sie angeben, dass Text als Update hinzugefügt wurde? Verwenden Sie ein "ins" -Element und schlagen Sie einen fett gedruckten Stil in Ihrem CSS vor ("ins {font-weight: fett;}").

• Möchten Sie einen Text leicht betonen ("Ich liebe Kätzchen!")? Verwenden Sie ein "em" -Element und schlagen Sie einen fett gedruckten Stil in Ihrem CSS vor (z. B. "em {font-weight: fett;}").

• Möchten Sie einen Text stark betonen, vielleicht als Warnung (" Vorsicht vor dem Hund! ")? Verwenden Sie ein "starkes" Element und schlagen Sie einen fett gedruckten Stil in Ihrem CSS vor (z. B. "stark {Schriftgröße: fett;}").

… Sie haben die Idee (hoffentlich).

Sie können kein HTML-Element mit der richtigen Semantik finden , um / warum / Sie diesen bestimmten Text fett zu machen? Wickeln Sie es in ein generisches "span" -Element ein und geben Sie ihm einen aussagekräftigen Klassennamen, der Ihre Gründe für die Unterscheidung dieses Textes ausdrückt ("<span class =" lede "> Lassen Sie mich diesen Artikel mit einem Satz beginnen, der ihn zusammenfasst. </ Span >) und schlagen Sie einen fetten Stil in Ihrem CSS vor (".lede {font-weight: bold;"}. Bevor Sie Ihre eigenen Klassennamen erstellen, sollten Sie überprüfen, ob es ein Mikroformat gibt (microformats.org) oder gemeinsame Konvention für das, was Sie ausdrücken möchten.

Das HTML-Element definiert fetten Text ohne zusätzliche Bedeutung.

<b>This text is bold</b>

Das HTML-Element definiert starken Text mit zusätzlicher semantischer "starker" Bedeutung.

<strong>This text is strong</strong>

Eine andere Möglichkeit ist, es über CSS zu tun ...

ZB 1

<span style="font-weight: bold;">Hello stackoverflow!</span>

ZB 2

<style type="text/css">
    #text
    {
        font-weight: bold;
    }
</style>

<div id="text">
    Hello again!
</div>

Du bist fast da!

Für einen fett gedruckten Text sollten Sie Folgendes haben: <b> bold text</b>oder <strong>bold text</strong> Sie haben das gleiche Ergebnis.

Arbeitsbeispiel - JSfiddle

Es ist nur <b>anstelle von <bold>:

Some <b>text</b> that I want bolded.

Beachten Sie, dass <b>nur das Erscheinungsbild des Textes geändert wird. Wenn Sie es fett rendern möchten, weil Sie eine starke Betonung ausdrücken möchten, sollten Sie das <strong>Element besser verwenden .

Ich denke, die wirkliche Antwort ist http://www.w3schools.com/HTML/default.asp .