it-swarm.com.de

Wie mache ich Text in HTML fett?

Ich versuche, Text mit 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.

Kann mir jemand sagen, was ich falsch mache?

136
user133145

verwenden Sie das Tag <strong> oder <b>

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

199
Andrija

HTML hat kein <bold> Tag, stattdessen müssten Sie <b> . Beachten Sie jedoch, dass mit <b> is seit einiger Zeit nicht mehr für CSS . Um dies zu erreichen, ist es besser, CSS zu verwenden.

Das <strong> tag ist ein semantisches Element für starke Betonung, das Standard fett ist.

48
Joey

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 umschließt Text, der vom Browser fett dargestellt 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 steht in eckigen Klammern, die stark hervorgehoben werden sollten. Stärker als das em-Element.

20
Sampson

In HTML verwenden:

  • Etwas <b>Text</b> dass ich mich ermutigen will.
  • Etwas <strong>Text</strong> dass ich mich ermutigen will.

In CSS verwenden:

  • Etwas <span style="font-weight:bold">Text</span> dass ich mich ermutigen will.
11
Geo

Kann 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 für Benutzer verfügbar machen, die Ihr vorgeschlagenes fett gedrucktes Design nicht sehen können (z. B. Benutzer von Suchmaschinen, vollständig blinde Benutzer, die Bildschirmleser verwenden, Benutzer mit Sehschwächen, die ihre eigenen Farben und Schriftarten verwenden). Geeky-Benutzer, die Textbrowser verwenden, Benutzer von sprachgesteuerten, sprechenden Browsern wie Opera für Windows). Daher hängt der richtige Weg, um Text fett zu machen, von Ihnen ab warum möchte es fett gestalten. Zum Beispiel:

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

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

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

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

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

  • Möchten Sie den Titel eines referenzierten Films oder Albums 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: bold;} ").

  • 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 in Ihrem CSS einen fett gedruckten Stil vor ("dfn {font-weight: bold;}").

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

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

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

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

  • Möchten Sie einen Text stark belasten, vielleicht für eine Warnung (" Hüten Sie sich vor dem Hund! ")? Verwenden Sie ein "strong" -Element und schlagen Sie in Ihrem CSS einen fett gedruckten Stil vor (z. B. "strong {font-weight: bold;}").

… Sie bekommen die Idee (hoffentlich).

Sie können kein HTML-Element mit der richtigen Semantik finden, um/warum/Sie möchten, dass dieser bestimmte Text fett dargestellt wird? Schließen 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 Texts ausdrückt ("<span class =" lede "> Lassen Sie mich diesen Artikel mit einem Satz beginnen, der ihn zusammenfasst. </ Span >), und schlagen Sie in Ihrem CSS einen fett gedruckten Stil vor (".lede {font-weight: bold;"}. Bevor Sie Ihre eigenen Klassennamen erstellen, sollten Sie prüfen, ob es ein Mikroformat (microformats.org) oder gibt 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>
6
Muhammad Awais

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

Z.B. 1

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

Z.B. 2

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

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

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

4
1010

Es ist nur <b> statt <bold>:

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

Beachten Sie, dass <b> ändert nur das Aussehen des Textes. Wenn Sie es fett darstellen möchten, weil Sie eine starke Betonung ausdrücken möchten, sollten Sie das <strong> Element .

3
Gumbo

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

2
John Saunders