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">></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">></span> <span style="color: #008080"> 3</span> <span style="color: #0000ff"><span style="color: #800000">head</span><span style="color: #0000ff">></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">/></span> <span style="color: #008080"> 5</span> <span style="color: #0000ff"><span style="color: #800000">title</span><span style="color: #0000ff">></span>我是网页标题<span style="color: #0000ff"></span><span style="color: #800000">title</span><span style="color: #0000ff">></span> <span style="color: #008080"> 6</span> <span style="color: #0000ff"></span><span style="color: #800000">head</span><span style="color: #0000ff">></span> <span style="color: #008080"> 7</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">></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">></span> <span style="color: #008080">10</span> <span style="color: #0000ff"></span><span style="color: #800000">html</span><span style="color: #0000ff">></span></span></span></span></span></span></span>
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.
4.
1. ... 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">></span> <span style="color: #008080"> 2</span> <span style="color: #0000ff"><span style="color: #800000">head</span><span style="color: #0000ff">></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">/><img style="max-width:90%" src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204204948381-163635024.png" alt="" style="max-width:90%" style="max-width:90%"></span></span></span></span>
<span style="color: #008080"> 4</span> <span style="color: #0000ff"><span style="color: #800000">title</span><span style="color: #0000ff">><span style="color: #000000">PB_</span></span>6大标题类型<span style="color: #0000ff"></span><span style="color: #800000">title</span><span style="color: #0000ff">></span> <span style="color: #008080"> 5</span> <span style="color: #0000ff"></span><span style="color: #800000">head</span><span style="color: #0000ff">></span> <span style="color: #008080"> 6</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">></span> <span style="color: #008080"> 7</span> <span style="color: #0000ff"><span style="color: #800000">h1</span><span style="color: #0000ff">></span>我是标题h1<span style="color: #0000ff"></span><span style="color: #800000">h1</span><span style="color: #0000ff">></span> <span style="color: #008080"> 8</span> <span style="color: #0000ff"><span style="color: #800000">h2</span><span style="color: #0000ff">></span>我是标题h1<span style="color: #0000ff"></span><span style="color: #800000">h2</span><span style="color: #0000ff">></span> <span style="color: #008080"> 9</span> <span style="color: #0000ff"><span style="color: #800000">h3</span><span style="color: #0000ff">></span>我是标题h1<span style="color: #0000ff"></span><span style="color: #800000">h3</span><span style="color: #0000ff">></span> <span style="color: #008080">10</span> <span style="color: #0000ff"><span style="color: #800000">h4</span><span style="color: #0000ff">></span>我是标题h1<span style="color: #0000ff"></span><span style="color: #800000">h4</span><span style="color: #0000ff">></span> <span style="color: #008080">11</span> <span style="color: #0000ff"><span style="color: #800000">h5</span><span style="color: #0000ff">></span>我是标题h1<span style="color: #0000ff"></span><span style="color: #800000">h5</span><span style="color: #0000ff">></span> <span style="color: #008080">12</span> <span style="color: #0000ff"><span style="color: #800000">h6</span><span style="color: #0000ff">></span>我是标题h1<span style="color: #0000ff"></span><span style="color: #800000">h6</span><span style="color: #0000ff">></span> <span style="color: #008080">13</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">></span> <span style="color: #008080">14</span> <span style="color: #0000ff"></span><span style="color: #800000">html</span><span style="color: #0000ff">></span></span></span></span></span></span></span></span></span>
2. 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">></span> <span style="color: #008080">2</span> <span style="color: #0000ff"><span style="color: #800000">p</span><span style="color: #0000ff">></span>我是一个段落。<span style="color: #0000ff"></span><span style="color: #800000">p</span><span style="color: #0000ff">></span> <span style="color: #008080">3</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">></span></span></span>
3.
<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">></span> <span style="color: #008080">2</span> 欢迎来到pengbo518博客园!<span style="color: #0000ff"><span style="color: #800000">Allgemeine HTML-Tags </span><span style="color: #0000ff">/></span><span style="color: #000000"> 我是强制换行标签喔!<img style="max-width:90%" src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161203000631271-945862362.png" alt="Allgemeine HTML-Tags" style="max-width:90%" style="max-width:90%"></span></span></span>
<span style="color: #008080">3</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">></span>
4.
<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">></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">/></span> <span style="color: #008080">4</span> <span style="color: #000000"> 我是地球<allgemeine html-tags><img style="max-width:90%" src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161203001938631-1115592738.png" alt="" style="max-width:90%" style="max-width:90%"></allgemeine></span></span></span>
<span style="color: #008080">5</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">></span>
5.
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">></span>
6、 有序列表标签【注意】要套
<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">></span> <span style="color: #008080">2</span> <span style="color: #0000ff"><span style="color: #800000">ol</span><span style="color: #0000ff">></span> <span style="color: #008080">3</span> <span style="color: #0000ff"><span style="color: #800000">li</span><span style="color: #0000ff">></span>我是第1列<span style="color: #0000ff"></span><span style="color: #800000">li</span><span style="color: #0000ff">></span> <span style="color: #008080">4</span> <span style="color: #0000ff"><span style="color: #800000">li</span><span style="color: #0000ff">></span>我是第2列<span style="color: #0000ff"></span><span style="color: #800000">li</span><span style="color: #0000ff">></span> <span style="color: #008080">5</span> <span style="color: #0000ff"><span style="color: #800000">li</span><span style="color: #0000ff">></span>我是第3列<span style="color: #0000ff"></span><span style="color: #800000">li</span><span style="color: #0000ff">></span> <span style="color: #008080">6</span> <span style="color: #0000ff"></span><span style="color: #800000">ol</span><span style="color: #0000ff">><img style="max-width:90%" src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204204319599-592154556.png" alt="" style="max-width:90%" style="max-width:90%"></span></span></span></span></span></span>
<span style="color: #008080">7</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">></span>
7、 无序列表标签【注意】要套
<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">></span> <span style="color: #008080">2</span> <span style="color: #0000ff"><span style="color: #800000">ul</span><span style="color: #0000ff">></span> <span style="color: #008080">3</span> <span style="color: #0000ff"><span style="color: #800000">li</span><span style="color: #0000ff">></span>我是第1列<span style="color: #0000ff"></span><span style="color: #800000">li</span><span style="color: #0000ff">></span> <span style="color: #008080">4</span> <span style="color: #0000ff"><span style="color: #800000">li</span><span style="color: #0000ff">></span>我是第2列<span style="color: #0000ff"></span><span style="color: #800000">li</span><span style="color: #0000ff">></span> <span style="color: #008080">5</span> <span style="color: #0000ff"><span style="color: #800000">li</span><span style="color: #0000ff">></span>我是第3列<span style="color: #0000ff"></span><span style="color: #800000">li</span><span style="color: #0000ff">></span> <span style="color: #008080">6</span> <span style="color: #0000ff"></span><span style="color: #800000">ul</span><span style="color: #0000ff">><img style="max-width:90%" src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204204218693-875385495.png" alt=""></span></span></span></span></span></span>
<span style="color: #008080">7</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">></span>
8、 自定义列表标签【注意】要套
列表项使用。 ▷ 设置网页中的内容,使文档无序排列。代码及效果如下:
<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">></span> <span style="color: #008080">2</span> <span style="color: #0000ff"><span style="color: #800000">dl</span><span style="color: #0000ff">></span> <span style="color: #008080">3</span> <span style="color: #0000ff"><span style="color: #800000">dt</span><span style="color: #0000ff">></span>我是自定义标题1<span style="color: #0000ff"></span><span style="color: #800000">dt</span><span style="color: #0000ff">><img style="max-width:90%" src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204205523490-2070875690.png" alt=""></span></span></span></span>
<span style="color: #008080">4</span> <span style="color: #0000ff"><span style="color: #800000">dd</span><span style="color: #0000ff">></span>我是自定义描述1<span style="color: #0000ff"></span><span style="color: #800000">dd</span><span style="color: #0000ff">></span> <span style="color: #008080">5</span> <span style="color: #0000ff"><span style="color: #800000">dt</span><span style="color: #0000ff">></span>我是自定义标题2<span style="color: #0000ff"></span><span style="color: #800000">dt</span><span style="color: #0000ff">></span> <span style="color: #008080">6</span> <span style="color: #0000ff"><span style="color: #800000">dd</span><span style="color: #0000ff">></span>我是自定义描述2<span style="color: #0000ff"></span><span style="color: #800000">dd</span><span style="color: #0000ff">></span> <span style="color: #008080">7</span> <span style="color: #0000ff"></span><span style="color: #800000">dl</span><span style="color: #0000ff">></span> <span style="color: #008080">8</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">></span></span></span></span>
9、
<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">></span> <span style="color: #008080">2</span> <span style="color: #0000ff"><span style="color: #800000">pre</span><span style="color: #0000ff">></span> <span style="color: #008080">3</span> <span style="color: #000000"> 您好! </span><span style="color: #008080">4</span> <span style="color: #000000"> 欢迎您来到 pengbo518 博客园<img style="max-width:90%" src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204210310131-1915429582.png" alt=""></span></span></span>
<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">></span> <span style="color: #008080">8</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">></span>
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] 🎜>
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 ** ▷ 代码及效果集合如下:
15、 字体标签 ▷ 设置字体、字号、颜色等。代码语法及效果如下: 语法:文本 16、 图像标签 ▷ 设置字体、字号、颜色等。代码语法及效果如下: 语法: 17、超链接标签 ▷ 创建超链接,href属性来设置页面的链接地址。代码语法及效果如下: [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.
<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">></span>
<span style="color: #008080">2</span> <span style="color: #0000ff"><span style="color: #800000">b</span><span style="color: #0000ff">></span>《静夜思》<span style="color: #0000ff"></span><span style="color: #800000">b</span><span style="color: #0000ff">></span>
<span style="color: #008080">3</span> <span style="color: #0000ff"><span style="color: #800000">sub</span><span style="color: #0000ff">></span>李白<span style="color: #0000ff"></span><span style="color: #800000">sub</span><span style="color: #0000ff">></span>
<span style="color: #008080">4</span> <span style="color: #0000ff"><span style="color: #800000">p</span><span style="color: #0000ff">></span>
<span style="color: #008080">5</span> <span style="color: #0000ff"><span style="color: #800000">i</span><span style="color: #0000ff">></span>床前明月光,疑是地上霜。<span style="color: #0000ff"></span><span style="color: #800000">i</span><span style="color: #0000ff">></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">></span>举头望明月,低头思故乡。<span style="color: #0000ff"></span><span style="color: #800000">u</span><span style="color: #0000ff">></span> </span></allgemeine></allgemeine></span></span></span></span></span>
<em id="__mceDel"><span style="color: #008080">7</span> <span style="color: #0000ff"><span style="color: #800000">sup</span><span style="color: #0000ff">></span>pengbo518<span style="color: #0000ff"></span><span style="color: #800000">sup</span><span style="color: #0000ff">></span>
<span style="color: #008080">8</span> <span style="color: #0000ff"></span><span style="color: #800000">p</span><span style="color: #0000ff">></span>
<span style="color: #008080">9</span> <span style="color: #0000ff"></span><span style="color: #800000">body</span><span style="color: #0000ff">></span></span></em>
<span style="color: #008080"> 1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">></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">></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">><img style="max-width:90%" src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204231516740-1821234010.png" alt=""></span></span></span>
<span style="color: #008080"> 5</span> <span style="color: #0000ff"><span style="color: #800000">Allgemeine HTML-Tags </span><span style="color: #0000ff">/></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">></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">></span>
<span style="color: #008080"> 9</span> <span style="color: #0000ff"><span style="color: #800000">body<span style="color: #0000ff">></span></span></span>
</span></span>
<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">></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">/><img style="max-width:90%" src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161204232949302-201637373.png" alt=""></span></span></span>
<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">></span>
<span style="color: #008080">1</span> <span style="color: #0000ff"><span style="color: #800000">body</span><span style="color: #0000ff">></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">></span>百度<span style="color: #0000ff"></span><span style="color: #800000">a</span><span style="color: #0000ff">></span><span style="color: #000000">||<img style="max-width:90%" src="http://images2015.cnblogs.com/blog/1072336/201612/1072336-20161205001152240-1209790473.png" alt=""></span></span></span>
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">></span>