摘要：它俩都提到了超文本。什么是超文本我理解的超文本就是区别于文本，普通文本就是纯文字。说完了超文本，那标记语言是什么意思标记就是，给文本打上标签，代表是什么东西。
目录
TOC
</>复制代码
文档声明，这个表示文档类型是html5文档其它的都是固定标签，这个是叫根标签,lang表名元素内容的语言。值是符合标准的语言代码。这里是中国大陆 中文。其最大作用是告诉发生阅读器的发声方式，搜索引擎告诉用户使用哪种语言编写文档等。头部元素的容器。头部内容,里面的标签是可选用的。<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">meta</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="xml"><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">style</span>></span><span class="xml"><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">link</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"></<span class="hljs-name">head</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">body</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> 页面主体内容，里面的标签是可以选用的。但是其它就是固定标签。<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">h1</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">p</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">a</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">img</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> ...<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"></<span class="hljs-name">body</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">html</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-comment"><!-- 这是注释 --></span> 只有这种注释方式。注释中可以直接使用回车换行。<span class="hljs-tag"></<span class="hljs-name">code</span>></span><span class="hljs-tag"></<span class="hljs-name">pre</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">h5</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"注释"</span>></span>注释<span class="hljs-tag"></<span class="hljs-name">h5</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">blockquote</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">p</span>></span><span class="hljs-comment"><!-- 这里面的就是注释 --></span><span class="hljs-tag"></<span class="hljs-name">p</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">blockquote</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">ol</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>HTML注释不支持嵌套。<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>HTML注释不能写在HTML标签中。？？？<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>通常好的注释方式是，要注释某段，一般在这段的前面和后面加上注释；也就是用一个注释对包裹着需要注释的代码段。如下：<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">ol</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">pre</span>></span><span class="hljs-tag"><<span class="hljs-name">code</span>></span><span class="hljs-comment"><!-- xx部分 开始 --></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> 这里放你xx部分的HTML代码<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-comment"><!-- xx部分 结束 --></span><span class="hljs-tag"></<span class="hljs-name">code</span>></span><span class="hljs-tag"></<span class="hljs-name">pre</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">h4</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"什么是标签"</span>></span>什么是标签？<span class="hljs-tag"></<span class="hljs-name">h4</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">ol</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>使用尖括号包裹着，且标签有成对或者单标签。成对标签是两个标签构成，一个开始标签一个叫结束标签，他们之间可以有内容（text,other标签）；单标签只有标签和属性，单标签自己结束。<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>其实看一个html文档，就是标签和文本，其它都媒体类型都是标签包含着，都看作为标签。<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>标签用来表示HTML文档的结构的。<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>标签是可以嵌套的。<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">p</span>></span>html标签不区分大小写。<span class="hljs-tag"></<span class="hljs-name">p</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">h5</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"标签分类"</span>></span>标签分类<span class="hljs-tag"></<span class="hljs-name">h5</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>标签按照有无标识文本：<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>有文本的，即有开始标签和结束标签，它们之间就是文本内容。<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">p</span>></span>无文本的，<span class="hljs-tag"><<span class="hljs-name">tag</span> <span class="hljs-attr">name</span>/></span> ，这种标签是不需要具体标识文本内容的。主要使用它们的属性内容。<span class="hljs-tag"></<span class="hljs-name">p</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">ol</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">p</span>></span>标签（元素）按照类型分：这个类型影响约束标签的一些属性。<span class="hljs-tag"></<span class="hljs-name">p</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">ol</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>块标签:block 独占一行 可设置高度，宽度，行高，顶部，底部边距，默认浏览器宽度。<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>行内标签:inline 在一行中，不可设置高度，宽度，底部，底部边距；可以设置行高line-height.<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>行内块状标签:inline-block 在一行中，可设置高度，宽度，顶部，底部边距，行高。<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">ol</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">p</span>></span>标签按照head中和body中：<span class="hljs-tag"><<span class="hljs-name">br</span> /></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>pass<span class="hljs-tag"></<span class="hljs-name">p</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">blockquote</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">p</span>></span>标签可嵌套，但是不是任意标签都可以随意嵌套。<span class="hljs-tag"><<span class="hljs-name">br</span> /></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>无大小写区别<span class="hljs-tag"></<span class="hljs-name">p</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">blockquote</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">h5</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"什么是标签属性"</span>></span>什么是标签属性？<span class="hljs-tag"></<span class="hljs-name">h5</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">p</span>></span>说了标签有tag名字，有的标签有包围着text内容，有的单标签就没有text包含。除了前两，还有一个就是标签有属性，就是标签tag会有什么属性，可以存K-V键值对数据结构，来表示标签的属性信息。<span class="hljs-tag"><<span class="hljs-name">br</span> /></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>那总结下标签有tag，attrs，text 三要素。<span class="hljs-tag"><<span class="hljs-name">br</span> /></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>自己理解的标签属性：<span class="hljs-tag"><<span class="hljs-name">br</span> /></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>1.首先，属性能够使得标签信息更多，让标签能个有更多的功能。<span class="hljs-tag"><<span class="hljs-name">br</span> /></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span>2.其次，不同的标签可能有属于自己的属性，但是属性k其实是一个分类，标签针对同一类属性使用相同的k，不同的v还可以将v作为k，其还能有content对应的值。如meta标签的，http-equiv属性都是http有关的，而其v又作为一个k，对应后面的content值。所以我所属性扩展出更多属性，就是通过这样做出来的。第一个属性是分类，k的v和后面的content的值才构成了一个k-v的结构。<span class="hljs-tag"></<span class="hljs-name">p</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">p</span>></span>content和href ，type的特殊共同作用。<span class="hljs-tag"></<span class="hljs-name">p</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">h5</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"适用于大多数html标签的属性"</span>></span>适用于大多数HTML标签的属性<span class="hljs-tag"></<span class="hljs-name">h5</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">table</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">thead</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"header"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">th</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>属性<span class="hljs-tag"></<span class="hljs-name">th</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">th</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>描述<span class="hljs-tag"></<span class="hljs-name">th</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">thead</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tbody</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>class<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>为html元素定义一个或多个类名classname，类名从样式文件引用<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>id<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>定义元素标签的唯一id<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>sytle<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>行内样式,css样式放在行内<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>title<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>描述元素标签的额外信息(作为工具条使用)<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tbody</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">table</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">h4</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"常用标签"</span>></span>常用标签<span class="hljs-tag"></<span class="hljs-name">h4</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">table</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">thead</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"header"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">th</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>标签名<span class="hljs-tag"></<span class="hljs-name">th</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">th</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>标签及其内容意思<span class="hljs-tag"></<span class="hljs-name">th</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">th</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>标签属性<span class="hljs-tag"></<span class="hljs-name">th</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">th</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>可嵌套在哪些标签中<span class="hljs-tag"></<span class="hljs-name">th</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">thead</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tbody</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>html<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>html的固定标签,每个html文档必须有。<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>lang<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>根节点,最外层<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span><span class="hljs-tag"><<span class="hljs-name">strong</span>></span>head<span class="hljs-tag"></<span class="hljs-name">strong</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>文档头，描述文档各个属性和信息，包括文档标题；内容就是包含其它标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>只能嵌套在html中，且唯一<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>title<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>网页标题；内容就是标题文本<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>meta<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>提供页面的原信息；单标签不会包含内容<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>1.http-equiv;2.name3.content存放前两个标签对应的值；<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>嵌套在head标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>link<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>定义当前文档与外部资源的关系，可以链接个图标icon<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>1.rel 必须，表明连接的是是什么；2.href 外部文档的位置url；3.type MIME类型，规定链接文档的类型；单标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>嵌套在head标签中<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>base<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>定义所有下面所有链接默认的连接目标地址;单标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>href；target<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>嵌套在head标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>style<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>定义css样式<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>type<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>可在head中<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>body<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>包含标签;内容就是标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>只能嵌套在html中<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>h1<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>表示标题；独占一行；块标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>标题只有1-6级别,在body标签中<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>p<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>表示段落paragraph的简写；独占一行；块标签；浏览器会在段落前后添加空行<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>style;id给块命名,名字唯一<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>b<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>加粗；行内标签;<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>strong<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>加粗强调;行内标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>同b,但是strong为盲人阅读器提供了重读的效果<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>i<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>斜体;行内标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>em<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>斜体；行内标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>同i<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>s<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>删除线；行内标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>u<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>下划线标签；行内标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>sup<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>上标；行内标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>sub<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>下标；行内标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>a<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>超链接标签anchor锚点;行内标签;对文本、图片链接到其它文本或页面或图片<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>target:_blank新页面打开;_slef当前页;_top跳出框架;title;href<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>可嵌套在块标签中<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>li<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>列表中一条记录;块标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>嵌套在ol和ul标签中<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>ul<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>无序号列表，前面点号；块标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>type:none,circle,square,disc默认<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>ol<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>有序号列表，前面是序号；块标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>type:1,a,A,i,I；style:list-type:none<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>div<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>分区division,把文档分割成独立的不同的部分；块标签；想象成其它元素容器<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>id唯一标识，class分类<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>分区还可再分区<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>span<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>内联元素也叫inline行内元素;用来给文本容器；用来设置样式<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>img<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>图片；行内块；<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>src;target;title;style<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>br<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>换行标签；<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>hr<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>水平线<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>span<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>将包含的内容摘出，用css表示<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>特殊字符<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>®<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>map<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>和img有映射关系<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>area<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>嵌套在map标签里<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>form<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>input<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>label<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>select<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>option<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>textarea<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>table<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>表格标签，包裹thead tbody tfoot;<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>thead<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>表格头标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>tbody<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>表格体标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>tfoot<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>表格脚标签<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"odd"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>tr<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>表格的一行<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"even"</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: center;"</span>></span>td<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span>表格的一个单元；单元可以设置rowspan/colspan来表名表格单元占据几个行或者列<span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"text-align: left;"</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">tbody</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"></<span class="hljs-name">table</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">h4</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"常用引用标签"</span>></span>常用引用标签<span class="hljs-tag"></<span class="hljs-name">h4</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">h5</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"head标签中的引用"</span>></span>head标签中的引用<span class="hljs-tag"></<span class="hljs-name">h5</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">pre</span>></span><span class="hljs-tag"><<span class="hljs-name">code</span>></span># 引用外部css文件<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">link</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">'stylesheet'</span> <span class="hljs-attr">href</span>=<span class="hljs-string">'url'</span>/></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span># 引入外部js文件<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">'url'</span>></span><span class="undefined"></span></span></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span># 引入网站标签页图标<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">link</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">'icon'</span> <span class="hljs-attr">href</span>=<span class="hljs-string">'url'</span>/></span><span class="hljs-tag"></<span class="hljs-name">code</span>></span><span class="hljs-tag"></<span class="hljs-name">pre</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">h5</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"body标签中的引用"</span>></span>body标签中的引用<span class="hljs-tag"></<span class="hljs-name">h5</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">pre</span>></span><span class="hljs-tag"><<span class="hljs-name">code</span>></span># 在body中最后引入js文件<span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">'url'</span>></span><span class="undefined"></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><span class="hljs-tag"></<span class="hljs-name">code</span>></span><span class="hljs-tag"></<span class="hljs-name">pre</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">h4</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"table元素中进行行合并和列合并"</span>></span>table元素中进行行合并和列合并<span class="hljs-tag"></<span class="hljs-name">h4</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">p</span>></span>做一个课程表<span class="hljs-tag"></<span class="hljs-name">p</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">pre</span>></span><span class="hljs-tag"><<span class="hljs-name">code</span>></span><span class="hljs-meta"><!DOCTYPE HTML></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">html</span> <span class="hljs-attr">lang</span>=<span class="hljs-string">'zh-CN'</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">head</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">meta</span> <span class="hljs-attr">charset</span>=<span class="hljs-string">'utf-8'</span>/></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">link</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">'icon'</span> <span class="hljs-attr">href</span>=<span class="hljs-string">'url'</span> /></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span><span class="hljs-tag"><<span class="hljs-name">li</span>></span> <span class="hljs-tag"><<span class="hljs-name">title</span>></span>表格
Monday Tuseday Wednesday Thursday Friday AM 数学 音乐 物理 生物 历史 语文 数学 英语 地理 化学 PM 历史 语文 数学 英语 地理 语文 数学 英语 地理 化学 Night 数学 英语
首先table中合并都是在单元标签td中的colspan rowspan熟悉来设置的。
colspan表明这个单元占据指定数的列，那么它所在的行tr的其它单元格数相应减少。
rowspan表明这个单元占据指定数的行，那么它的下一行在这个单元同列的单元就不用再有了。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/2042.html
摘要：年，和前端开发者与应用程序前端开发者之间产生了巨大的分歧。开发最常见的解决方案有手机和平板的原生应用程序桌面应用程序桌面应用程序原生技术最后，前端开发者可以从浏览器开发中学习到，编写代码不需要考虑浏览器引擎的限制。 前端开发者手册2019 Cody Lindley 编著 原文地址 本手册由Frontend Masters赞助，通过深入现代化的前端工程课程来提高你的技能。 下载：PDF ...
摘要：年，和前端开发者与应用程序前端开发者之间产生了巨大的分歧。开发最常见的解决方案有手机和平板的原生应用程序桌面应用程序桌面应用程序原生技术最后，前端开发者可以从浏览器开发中学习到，编写代码不需要考虑浏览器引擎的限制。 前端开发者手册2019 Cody Lindley 编著 原文地址 本手册由Frontend Masters赞助，通过深入现代化的前端工程课程来提高你的技能。 下载：PDF ...
摘要：年，和前端开发者与应用程序前端开发者之间产生了巨大的分歧。开发最常见的解决方案有手机和平板的原生应用程序桌面应用程序桌面应用程序原生技术最后，前端开发者可以从浏览器开发中学习到，编写代码不需要考虑浏览器引擎的限制。 前端开发者手册2019 Cody Lindley 编著 原文地址 本手册由Frontend Masters赞助，通过深入现代化的前端工程课程来提高你的技能。 下载：PDF ...
摘要：前端和后端是计算机行业最常用的两个术语在某种程度上，它们成了流行语。前端开发人员也称为前端设计师，他们可以创建一个没有任何后端开发的站点。 前端和后端是计算机行业最常用的两个术语；在某种程度上，它们成了流行语。它们决定了你作为软件开发人员的工作类型、你使用的技术以及你得到的报酬。那么，让我们来谈谈这两个术语之间的区别，它们...
摘要：官方规范估计很难出现现代框架的设计了，因为官方设计中前端三剑客是相互分离的方案，为了解决现阶段前端框架的问题，必须由完全接管，这几乎就是，或者支持语法的，可这与最初网页设计思路是违背的。现代前端框架正在告诉我们新的三剑客虚拟虚拟。 1 引言 深入思考为何前端需要框架，以及 web components 是否可以代替前端框架？ 原文地址，建议先阅读原文，或者阅读概述。 2 概述 现在前端...
摘要：一些知识点有哪些方法方法前端从入门菜鸟到实践老司机所需要的资料与指南合集前端掘金前端从入门菜鸟到实践老司机所需要的资料与指南合集归属于笔者的前端入门与最佳实践。 工欲善其事必先利其器-前端实习简历篇 - 掘金 有幸认识很多在大厂工作的学长，在春招正式开始前为我提供很多内部推荐的机会，非常感谢他们对我的帮助。现在就要去北京了，对第一份正式的实习工作也充满期待，也希望把自己遇到的一些问题和...
阅读 866·2023-04-25 19:43
阅读 4137·2021-11-30 14:52
阅读 3942·2021-11-30 14:52
阅读 4045·2021-11-29 11:00
阅读 3939·2021-11-29 11:00
阅读 4062·2021-11-29 11:00
阅读 3794·2021-11-29 11:00
阅读 6648·2021-11-29 11:00
