Inhaltsverzeichnis

Gemeinsame HTML-Tags: " >Gemeinsame HTML-Tags:

HTML-Dokumentformat: " >HTML-Dokumentformat:

HTML-Dokumentanalyse: " >HTML-Dokumentanalyse:

Heim

Web-Frontend

HTML-Tutorial

Allgemeine HTML-Tags

Dec 05, 2016 pm 01:26 PM

Gemeinsame HTML-Tags:

HTML-Dokumentformat:

Zuallererst ist HTML eine Hypertext-Tag-Sprache, die die Grundlage für die Erstellung von Webseiten bildet.

Zweitens enthält das HTML-Dokument mindestens grundlegende und gepaarte Dateien , , ;

Schließlich ist das Attribut-Tag in HTML-Dokumenten unverzichtbar, da es einige Attribute von HTML-Webseiten beschreibt und Zeichenkodierungen umwandelt.

<span style="color: #008080"> 1</span> <span style="color: #0000ff"><span style="color: #ff00ff">DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 2</span> <span style="color: #0000ff"><span style="color: #800000">html </span><span style="color: #ff0000">xmlns</span><span style="color: #0000ff">="http://www.w3.org/1999/xhtml"</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 3</span> <span style="color: #0000ff"><span style="color: #800000">head</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 4</span>     <span style="color: #0000ff"><span style="color: #800000">meta </span><span style="color: #ff0000">http-equiv</span><span style="color: #0000ff">="Content-Type"</span><span style="color: #ff0000"> content</span><span style="color: #0000ff">="text/html; charset=utf-8"</span> <span style="color: #0000ff">/&gt;</span>
<span style="color: #008080"> 5</span>     <span style="color: #0000ff"><span style="color: #800000">title</span><span style="color: #0000ff">&gt;</span>我是网页标题<span style="color: #0000ff"></span><span style="color: #800000">title</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 6</span> <span style="color: #0000ff"></span><span style="color: #800000">head</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 7</span>     <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 8</span> <span style="color: #000000">        我是网页内容。  
</span><span style="color: #008080"> 9</span>     <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">10</span> <span style="color: #0000ff"></span><span style="color: #800000">html</span><span style="color: #0000ff">&gt;</span></span></span></span></span></span></span>

Nach dem Login kopieren

HTML-Dokumentanalyse:

1. Das Root-Tag ist das Root-Tag des HTML-Dokuments. Der gesamte Inhalt der Seite muss in enthalten sein.

2. Das Dokument im Head-Tag wird nicht auf der Webseite angezeigt. Der Zweck besteht darin, dass der Browser die darin enthaltenen Attribute analysiert.

3. Der Titel-Tag muss prägnant und prägnant sein und kann den Hauptinhalt einer Webseite zusammenfassen, also als Titel einer Webseite Seite.

1. Die am häufigsten verwendeten Tags:

...

Titel-Tag ▷ Nach der Einstellung wird er schwarz angezeigt und mutig. Der Code und die Wirkung lauten wie folgt:

<span style="color: #008080"> 1</span> <span style="color: #0000ff"><span style="color: #800000">html</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 2</span> <span style="color: #0000ff"><span style="color: #800000">head</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 3</span>     <span style="color: #0000ff"><span style="color: #800000">meta </span><span style="color: #ff0000">http-equiv</span><span style="color: #0000ff">="Content-Type"</span><span style="color: #ff0000"> content</span><span style="color: #0000ff">="text/html; charset=utf-8"</span> <span style="color: #0000ff">/&gt;<img src="/static/imghw/default1.png" data-src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204204948381-163635024.png" class="lazy"   style="max-width:90%" alt=""  style="max-width:90%"  style="max-width:90%"></span></span></span></span>

Nach dem Login kopieren

<span style="color: #008080"> 4</span>     <span style="color: #0000ff"><span style="color: #800000">title</span><span style="color: #0000ff">&gt;<span style="color: #000000">PB_</span></span>6大标题类型<span style="color: #0000ff"></span><span style="color: #800000">title</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 5</span> <span style="color: #0000ff"></span><span style="color: #800000">head</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 6</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 7</span>     <span style="color: #0000ff"><span style="color: #800000">h1</span><span style="color: #0000ff">&gt;</span>我是标题h1<span style="color: #0000ff"></span><span style="color: #800000">h1</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 8</span>     <span style="color: #0000ff"><span style="color: #800000">h2</span><span style="color: #0000ff">&gt;</span>我是标题h1<span style="color: #0000ff"></span><span style="color: #800000">h2</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 9</span>     <span style="color: #0000ff"><span style="color: #800000">h3</span><span style="color: #0000ff">&gt;</span>我是标题h1<span style="color: #0000ff"></span><span style="color: #800000">h3</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">10</span>     <span style="color: #0000ff"><span style="color: #800000">h4</span><span style="color: #0000ff">&gt;</span>我是标题h1<span style="color: #0000ff"></span><span style="color: #800000">h4</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">11</span>     <span style="color: #0000ff"><span style="color: #800000">h5</span><span style="color: #0000ff">&gt;</span>我是标题h1<span style="color: #0000ff"></span><span style="color: #800000">h5</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">12</span>     <span style="color: #0000ff"><span style="color: #800000">h6</span><span style="color: #0000ff">&gt;</span>我是标题h1<span style="color: #0000ff"></span><span style="color: #800000">h6</span><span style="color: #0000ff">&gt;</span> 
<span style="color: #008080">13</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">14</span> <span style="color: #0000ff"></span><span style="color: #800000">html</span><span style="color: #0000ff">&gt;</span></span></span></span></span></span></span></span></span>

Nach dem Login kopieren

Absatz-Tags . Der Code lautet wie folgt:

<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">2</span>     <span style="color: #0000ff"><span style="color: #800000">p</span><span style="color: #0000ff">&gt;</span>我是一个段落。<span style="color: #0000ff"></span><span style="color: #800000">p</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">3</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span></span></span>

Nach dem Login kopieren

3. ZeilenumAllgemeine HTML-Tagsuch-Tag ▷ Legen Sie den ZeilenumAllgemeine HTML-Tagsuch des Textes auf der Webseite fest. [Hinweis] Dies ist ein einzelnes Tag ohne End-Tag. Der Code und die Wirkung lauten wie folgt:

<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">2</span> 　　欢迎来到pengbo518博客园！<span style="color: #0000ff"><span style="color: #800000">Allgemeine HTML-Tags </span><span style="color: #0000ff">/&gt;</span><span style="color: #000000"> 我是强制换行标签喔！<img src="/static/imghw/default1.png" data-src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161203000631271-945862362.png" class="lazy"   style="max-width:90%" alt="Allgemeine HTML-Tags"  style="max-width:90%"  style="max-width:90%"></span></span></span>

Nach dem Login kopieren

<span style="color: #008080">3</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>

Nach dem Login kopieren

Trennlinien-Tag ▷ Legen Sie die Trennlinie für den Inhalt auf der Webseite fest. [Hinweis] Dies ist auch ein einzelnes Tag ohne End-Tag. Der Code und der Effekt lauten wie folgt:

<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">2</span> <span style="color: #000000">    　你是我的月亮
</span><span style="color: #008080">3</span>     <span style="color: #0000ff"><span style="color: #800000">hr </span><span style="color: #0000ff">/&gt;</span>
<span style="color: #008080">4</span> <span style="color: #000000">    　我是地球<allgemeine html-tags><img src="/static/imghw/default1.png" data-src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161203001938631-1115592738.png" class="lazy"   style="max-width:90%" alt=""  style="max-width:90%"  style="max-width:90%"></allgemeine></span></span></span>

Nach dem Login kopieren

<span style="color: #008080">5</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>

Nach dem Login kopieren

Zentrierungs-Tag ▷ Stellen Sie die Position des Inhalts auf der Webseite so ein, dass das Dokument zentriert ist gesamte Seite.

1 body>
2     center>
3     　　我就在网页中间显示，你能怎么滴我？嗯哼
4     center>  
<span style="color: #008080">5</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>

Nach dem Login kopieren

6、

有序列表标签【注意】要套

列表项使用。 ▷ 设置网页中的内容，使文档有序排列。代码及效果如下：

<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">2</span>     <span style="color: #0000ff"><span style="color: #800000">ol</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">3</span>         <span style="color: #0000ff"><span style="color: #800000">li</span><span style="color: #0000ff">&gt;</span>我是第1列<span style="color: #0000ff"></span><span style="color: #800000">li</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">4</span>         <span style="color: #0000ff"><span style="color: #800000">li</span><span style="color: #0000ff">&gt;</span>我是第2列<span style="color: #0000ff"></span><span style="color: #800000">li</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">5</span>         <span style="color: #0000ff"><span style="color: #800000">li</span><span style="color: #0000ff">&gt;</span>我是第3列<span style="color: #0000ff"></span><span style="color: #800000">li</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">6</span>     <span style="color: #0000ff"></span><span style="color: #800000">ol</span><span style="color: #0000ff">&gt;<img src="/static/imghw/default1.png" data-src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204204319599-592154556.png" class="lazy"   style="max-width:90%" alt=""  style="max-width:90%"  style="max-width:90%"></span></span></span></span></span></span>

Nach dem Login kopieren

<span style="color: #008080">7</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>

Nach dem Login kopieren

7、

无序列表标签【注意】要套

列表项使用。 ▷ 设置网页中的内容，使文档无序排列。代码及效果如下：

<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">2</span>     <span style="color: #0000ff"><span style="color: #800000">ul</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">3</span>         <span style="color: #0000ff"><span style="color: #800000">li</span><span style="color: #0000ff">&gt;</span>我是第1列<span style="color: #0000ff"></span><span style="color: #800000">li</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">4</span>         <span style="color: #0000ff"><span style="color: #800000">li</span><span style="color: #0000ff">&gt;</span>我是第2列<span style="color: #0000ff"></span><span style="color: #800000">li</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">5</span>         <span style="color: #0000ff"><span style="color: #800000">li</span><span style="color: #0000ff">&gt;</span>我是第3列<span style="color: #0000ff"></span><span style="color: #800000">li</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">6</span>     <span style="color: #0000ff"></span><span style="color: #800000">ul</span><span style="color: #0000ff">&gt;<img src="/static/imghw/default1.png" data-src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204204218693-875385495.png" class="lazy"   style="max-width:90%" alt=""></span></span></span></span></span></span>

Nach dem Login kopieren

<span style="color: #008080">7</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>

Nach dem Login kopieren

8、

自定义列表标签【注意】要套

列表项使用。 ▷ 设置网页中的内容，使文档无序排列。代码及效果如下：

<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">2</span>     <span style="color: #0000ff"><span style="color: #800000">dl</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">3</span>         <span style="color: #0000ff"><span style="color: #800000">dt</span><span style="color: #0000ff">&gt;</span>我是自定义标题1<span style="color: #0000ff"></span><span style="color: #800000">dt</span><span style="color: #0000ff">&gt;<img src="/static/imghw/default1.png" data-src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204205523490-2070875690.png" class="lazy"   style="max-width:90%" alt=""></span></span></span></span>

Nach dem Login kopieren

<span style="color: #008080">4</span>         <span style="color: #0000ff"><span style="color: #800000">dd</span><span style="color: #0000ff">&gt;</span>我是自定义描述1<span style="color: #0000ff"></span><span style="color: #800000">dd</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">5</span>         <span style="color: #0000ff"><span style="color: #800000">dt</span><span style="color: #0000ff">&gt;</span>我是自定义标题2<span style="color: #0000ff"></span><span style="color: #800000">dt</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">6</span>         <span style="color: #0000ff"><span style="color: #800000">dd</span><span style="color: #0000ff">&gt;</span>我是自定义描述2<span style="color: #0000ff"></span><span style="color: #800000">dd</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">7</span>     <span style="color: #0000ff"></span><span style="color: #800000">dl</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">8</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span></span></span></span>

Nach dem Login kopieren

9、

Nach dem Login kopieren

自定义格式标签 ▷ 自定义设置网页中的内容格式。代码及效果如下：

<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">2</span>    <span style="color: #0000ff"><span style="color: #800000">pre</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">3</span> <span style="color: #000000">           您好！
</span><span style="color: #008080">4</span> <span style="color: #000000">           欢迎您来到 pengbo518 博客园<img src="/static/imghw/default1.png" data-src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204210310131-1915429582.png" class="lazy"   style="max-width:90%" alt=""></span></span></span>

Nach dem Login kopieren

<span style="color: #008080">5</span> <span style="color: #000000">           感谢您对我的关注支持！
</span><span style="color: #008080">6</span> <span style="color: #000000">           让我们共同学习探讨吧！      
</span><span style="color: #008080">7</span>    <span style="color: #0000ff"></span><span style="color: #800000">pre</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">8</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>

Nach dem Login kopieren

10. Beschriftung der Schriftart [fett] Der Code und die Wirkung lauten wie folgt: 11. Schriftform Beschriftung [kursiv] 🎜>

Legen Sie die Schriftart fest, die kursiv angezeigt werden soll. Der Code und die Wirkung lauten wie folgt: 12. SchriftformBeschriftung [unterstrichen] 🎜>Legen Sie die Schriftart fest, die mit Unterstreichung angezeigt werden soll.

Der Code und die Wirkung lauten wie folgt:

13. SchriftformBeschriftung [Tiefgestellt] 🎜>▷ Legen Sie fest, dass der Text tiefgestellt angezeigt werden soll. Der Code und die Wirkung lauten wie folgt: 14. SchriftformBeschriftung [Hochgestellt] > 🎜>

Legen Sie fest, dass der Text hochgestellt angezeigt werden soll. Der Code und die Wirkung lauten wie folgt:

** 10、11、12、13、14 ** ▷ 代码及效果集合如下：

<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">2</span>     <span style="color: #0000ff"><span style="color: #800000">b</span><span style="color: #0000ff">&gt;</span>《静夜思》<span style="color: #0000ff"></span><span style="color: #800000">b</span><span style="color: #0000ff">&gt;</span> 
<span style="color: #008080">3</span>     <span style="color: #0000ff"><span style="color: #800000">sub</span><span style="color: #0000ff">&gt;</span>李白<span style="color: #0000ff"></span><span style="color: #800000">sub</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">4</span>     <span style="color: #0000ff"><span style="color: #800000">p</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">5</span>            <span style="color: #0000ff"><span style="color: #800000">i</span><span style="color: #0000ff">&gt;</span>床前明月光，疑是地上霜。<span style="color: #0000ff"></span><span style="color: #800000">i</span><span style="color: #0000ff">&gt;</span>　<allgemeine html-tags><allgemeine html-tags><span style="color: #008080">6</span>     　　    <span style="color: #0000ff"><span style="color: #800000">u</span><span style="color: #0000ff">&gt;</span>举头望明月，低头思故乡。<span style="color: #0000ff"></span><span style="color: #800000">u</span><span style="color: #0000ff">&gt;</span> </span></allgemeine></allgemeine></span></span></span></span></span>

Nach dem Login kopieren

<em id="__mceDel"><span style="color: #008080">7</span>         <span style="color: #0000ff"><span style="color: #800000">sup</span><span style="color: #0000ff">&gt;</span>pengbo518<span style="color: #0000ff"></span><span style="color: #800000">sup</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">8</span>     <span style="color: #0000ff"></span><span style="color: #800000">p</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">9</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span></span></em>

Nach dem Login kopieren

15、字体标签 ▷ 设置字体、字号、颜色等。代码语法及效果如下：

语法：文本

<span style="color: #008080"> 1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 2</span>    <span style="color: #0000ff"><span style="color: #800000">font </span><span style="color: #ff0000">size</span><span style="color: #0000ff">="+2"</span><span style="color: #ff0000"> face</span><span style="color: #0000ff">="Arial, Helvetica, sans-serif"</span><span style="color: #ff0000"> color</span><span style="color: #0000ff">="#FF0000"</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 3</span> <span style="color: #000000">       HTML I love you !
</span><span style="color: #008080"> 4</span>    <span style="color: #0000ff"></span><span style="color: #800000">font</span><span style="color: #0000ff">&gt;<img src="/static/imghw/default1.png" data-src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204231516740-1821234010.png" class="lazy"   style="max-width:90%" alt=""></span></span></span>

Nach dem Login kopieren

<span style="color: #008080"> 5</span>        <span style="color: #0000ff"><span style="color: #800000">Allgemeine HTML-Tags </span><span style="color: #0000ff">/&gt;</span>
<span style="color: #008080"> 6</span>    <span style="color: #0000ff"><span style="color: #800000">font </span><span style="color: #ff0000">size</span><span style="color: #0000ff">="+3"</span><span style="color: #ff0000"> face</span><span style="color: #0000ff">="隶书"</span><span style="color: #ff0000"> color</span><span style="color: #0000ff">="#0000FF"</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080"> 7</span> <span style="color: #000000">       热爱生活，热爱博客园
</span><span style="color: #008080"> 8</span>    <span style="color: #0000ff"></span><span style="color: #800000">font</span><span style="color: #0000ff">&gt;</span>     
<span style="color: #008080"> 9</span> <span style="color: #0000ff"><span style="color: #800000">body<span style="color: #0000ff">&gt;</span></span></span>
</span></span>

Nach dem Login kopieren

16、 Allgemeine HTML-Tags 图像标签 ▷ 设置字体、字号、颜色等。代码语法及效果如下：

　　语法： Allgemeine HTML-Tags

<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">2</span>    <span style="color: #0000ff"><span style="color: #800000">img </span><span style="color: #ff0000">src</span><span style="color: #0000ff">="images.png"</span><span style="color: #ff0000"> title</span><span style="color: #0000ff">="小鱼"</span><span style="color: #ff0000"> width</span><span style="color: #0000ff">="70px"</span><span style="color: #ff0000"> height</span><span style="color: #0000ff">="70px"</span><span style="color: #ff0000"> alt</span><span style="color: #0000ff">="鱼干"</span> <span style="color: #0000ff">/&gt;<img src="/static/imghw/default1.png" data-src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204232949302-201637373.png" class="lazy"   style="max-width:90%" alt=""></span></span></span>

Nach dem Login kopieren

<span style="color: #008080">3</span> <span style="color: #000000">      我的小鱼干呢
</span><span style="color: #008080">4</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>

Nach dem Login kopieren

17、超链接标签 ▷ 创建超链接，href属性来设置页面的链接地址。代码语法及效果如下：

<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>
<span style="color: #008080">2</span>     <span style="color: #0000ff"><span style="color: #800000">a </span><span style="color: #ff0000">href</span><span style="color: #0000ff">="http://www.baidu.com"</span><span style="color: #0000ff">&gt;</span>百度<span style="color: #0000ff"></span><span style="color: #800000">a</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">||<img src="/static/imghw/default1.png" data-src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161205001152240-1209790473.png" class="lazy"   style="max-width:90%" alt=""></span></span></span>

Nach dem Login kopieren

3     a href="http://www.taobao.com">淘宝a>||
4     a href="http://www.cnblogs.com">博客园a>
<span style="color: #008080">5</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span>

Nach dem Login kopieren

[Ergänzung] 1. Dateipfad: 1. Absoluter Pfad: ▷ Der absolute Pfad bezieht sich auf den Domainnamen oder disk Der vollständige Pfad des Symbols.

2. Relativer Pfad: ▷ Relativer Pfad bezieht sich auf die Pfadbeziehung zwischen dem Pfad dieser Datei und anderen Dateien (oder Ordnern). Zum Beispiel:

　　　① Wenn sich beide im selben Ordner befinden, verknüpfen Sie pengbo518.html kann in index.html wie folgt verlinkt werden:

　 > href=" pengbo518.html">pengbo518 Blog Park

　　　② wenn pengbo518.htmlDie Datei ist index.html Der übergeordnete Pfad der Datei kann in index.html wie folgt verlinkt werden:

>pengbo518.html">pengbo518 Blog Garden

　　　　　　　　　　二. Ankerpunkt: 　　　　　　 ▷ Einstellen einer Der Ankerpunkt wird normalerweise auf einem bestimmten Thema oder oben im Dokument platziert. Erstellen Sie dann einen Ankerlink, über den Sie schnell zum angegebenen Ort navigieren können.

Link zum Anker im aktuellen Dokument: Linktext

Links zu Ankern in anderen Dokumenten:

Erklärung dieser Website

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