Ich möchte die Symbole auf meiner HTML-Seite drucken

In diesem Code habe ich einige Symbole in meiner HTML-Seite verknüpft. Ich möchte sie auf meiner HTML-Seite drucken. Wie kann ich es tun?. Ich bekomme keine ausreichende Antwort auf meine Suche, also entschuldige mich, wenn es sich um ein Duplikat handelt. in diesem link haben sie gezeigt, wie man Symbole aus dem Internet geladen mit und tag, statt Internet ich möchte von meinem Computer mit den gleichen Tags laden, können Sie mir helfen?Ich möchte die Symbole auf meiner HTML-Seite drucken

<html> 
    <head> 
     <!-- <link rel="stylesheet" href="make.css"> 
     <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">--> 
     <link rel="icon" type="image/png" href="icona.png" sizes="32x32" /> 
     <link rel="icon" type="image/png" href="iconb.png" sizes="32x32" /> 
     <link rel="icon" type="image/png" href="iconc.png" sizes="32x32" /> 
     <link rel="icon" type="image/png" href="icond.png" sizes="32x32" /> 
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" /> 
    </head> 
    <body> 

    </body> 
</html>

zum Beispiel hier der <i> Tag wird verwendet, um ein Symbol zu laden.

<a id="fa-flag" href="javascript:;" onClick="$C.setIcon()"> 
    <i class="fa fa-flag"> </i>fa-flag 
</a>

Quelle

2016-08-19 Dream Hunter

Möchten Sie die Symbole in HTML-Seite anzeigen und drucken Sie die Seite? –

Nein, ich möchte nur Symbole in HTML-Seite anzeigen –

Die Frage des OP ist irreführend. Oben sieht es so aus, als ob sie eine Bilddatei laden möchten, von Kommentaren, die FontAwesome-Styling auf ihre eigenen Icon-Dateien anwenden wollen (was nicht wirklich zutrifft). –

Die link Tags, die Sie verwenden, sind für die Einstellung der Seiten Favicon-Symbol (Icon in der Browser-Tab).

Um das Bild der HTML-Seite zum Rendern hinzuzufügen, müssen Sie innerhalb des Dokumentkörpers ein img-Tag hinzufügen.

<body> 
    <img src="favicon-32x32.png" height="32" width="32" /> 
<body>

Quelle

2016-08-19 06:27:32

@dreamhunter Kannst du bitte klarstellen, was du mit Iconfarbe meinst? Sie können CSS-Filter anwenden (https://css-tricks.com/almanac/properties/f/filter/). Wenn der Filter jedoch nicht dynamisch sein muss, wird empfohlen, das Bild vor dem Hochladen zu bearbeiten, um die Berechnung zu minimieren. –

Serien-Downvoting? Wer ist der auskommende Ruck? – mplungjan

@mplungjan Sie können meine Antwort überprüfen, ich wurde auch abgelehnt. :/ –

IMG TAG

Sie benötigen img Tag verwenden, um ein Bild auf der Webseite

LINK TAG angezeigt wird

Der Tag für die Definition einer Verbindung verwendet ein externes Dokument.

Quelle

2016-08-19 06:32:12

Warum der Downvote? Donvotes ohne Kommentare sind nutzlos. –

'das Tag wird verwendet, um zu externen Stylesheets zu verlinken.' und keine anderen Vorschläge? – mplungjan

was war daran falsch? –

Sie können das Link-Tag nicht zum Anzeigen von Symbolen auf Ihrer Seite verwenden. Sie lädt externe Stylesheets und setzt das Icon der Browser-Registerkarte (Favicon). Sie können die folgenden link für weitere Details beziehen.

Bilder, die Sie zwei Dinge tun können, um anzuzeigen: -

1) Mit einem img tag: -

<body> 
    <img src="icona.png" height="32" width="32" /> 
    <img src="iconb.png" height="32" width="32" /> 
    <img src="iconc.png" height="32" width="32" /> 
    <img src="icond.png" height="32" width="32" /> 
    <img src="favicon-16X16.png" height="16" width="16" /> 
<body>

2) Durch einen div tag: -

html : -

<body> 
    <div class="image-icona" height="32" width="32"></div> 
<body>

cs s: -

.image-icona{ 
    width: 32px; 
    height: 32px; 
    background-image: url("../img/icona.png"); 
    background-repeat: no-repeat; 
    background-size: contain; 
}

Quelle

2016-08-19 06:47:19

Ich möchte die Symbole auf meiner HTML-Seite drucken

Antwort

Verwandte Themen