" in das Head-Tag der Seite ein."/> " in das Head-Tag der Seite ein.">

Heim  >  Artikel  >  Web-Frontend  >  So legen Sie ein Seitensymbol (Logo) in HTML fest

So legen Sie ein Seitensymbol (Logo) in HTML fest

青灯夜游
青灯夜游Original
2021-06-03 17:46:5764822Durchsuche

In HTML können Sie das Link-Tag verwenden, um das Seitensymbol festzulegen. Fügen Sie einfach den Code „“ hinzu .

So legen Sie ein Seitensymbol (Logo) in HTML fest

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Materialien vorbereiten

1. Bereiten Sie ein ICO-Symbol mit der Größe 32px*32px vor.

2. Bereiten Sie die Entwicklungsumgebung vor.

Beginnen Sie mit der Erstellung

Das Festlegen des ICO-Symbols einer Webseite ist eigentlich relativ einfach. Fügen Sie einfach eine Codezeile zum head-Tag der Seite hinzu. <link rel="shortcut icon" href="favicon.ico">, sieht diese Codezeile sehr einfach aus? head标签中添加一行代码即可。<link rel="shortcut icon" href="favicon.ico">,这行代码看着是不是很简单?

使用示例如下:

<!--声明文档内容为html-->
nbsp;html>
<!--设置语言为英文-->


    <!--设置文档默认编码-->
    <meta>
    <!--网页的title-->
    <title>系统首页</title>
    <!--设置ico图标-->
    <link>


<p>Hello World</p>

在浏览器中刷新页面,如果看到类似下图的效果,那么恭喜你!这一波操作已经成功。

So legen Sie ein Seitensymbol (Logo) in HTML fest

说明:

link元素可以用来引入HTML页面外部的资源文件。在Web开发过程中开发者会用link将CSS文件引入到页面中,当然也可以用link设置ico图标。

rel :表示将要引用的资源类型。

href:表示指向资源的URL。

<link rel="shortcut icon" href="favicon.ico">,代码中rel="shortcut icon"是一种固定写法。如果缺省该属性会影响ico图标的正确显示。所以该属性千万要记得写。这行代码通俗的讲就是告诉浏览器帮忙引入一个ico格式的图标,资源的地址在href

Anwendungsbeispiele sind wie folgt: rrreeeAktualisieren Sie die Seite im Browser. Wenn Sie einen Effekt sehen, der dem Bild unten ähnelt, herzlichen Glückwunsch! Diese Operationswelle war erfolgreich.

🎜So legen Sie ein Seitensymbol (Logo) in HTML fest🎜 🎜Beschreibung: 🎜🎜🎜Das link-Element kann verwendet werden, um Ressourcendateien außerhalb der HTML-Seite einzuführen. Während des Webentwicklungsprozesses verwenden Entwickler link, um CSS-Dateien in die Seite einzufügen. Natürlich können sie auch link verwenden, um das ICO-Symbol festzulegen. 🎜🎜🎜rel: Gibt den Ressourcentyp an, auf den verwiesen werden soll. 🎜🎜href: Stellt die URL dar, die auf die Ressource verweist. 🎜🎜<link rel="shortcut icon" href="favicon.ico">, rel="shortcut icon" im Code ist eine feste Schreibmethode. Wenn dieses Attribut standardmäßig eingestellt ist, wirkt es sich auf die korrekte Anzeige des ICO-Symbols aus. Sie müssen also daran denken, dieses Attribut zu schreiben. Um es für Laien auszudrücken: Diese Codezeile weist den Browser an, bei der Einführung eines Symbols im ICO-Format zu helfen. Die Adresse der Ressource ist in href. 🎜🎜Empfohlenes Tutorial: „🎜HTML-Video-Tutorial🎜“🎜

Das obige ist der detaillierte Inhalt vonSo legen Sie ein Seitensymbol (Logo) in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn