2.1 h(header)标签
<code><code class="hljs stylus"> h系列的标签(Header):<span class="hljs-tag">h1,<span class="hljs-tag">h2,<span class="hljs-tag">h3,<span class="hljs-tag">h4,<span class="hljs-tag">h5,<span class="hljs-tag">h6 作用:把页面上的文字加上标题上的语义 *注意:一个页面只能使用一个h1标签</span></span></span></span></span></span></code> </code>
2.2 p(paragraph)段落标签
<code><code class="hljs undefined"> 作用:给页面的上一段文字加上段落的语义。 特点:页面上的一个段落,单独占一行,并且与上下内容之间存在距离。</code> </code>
2.3 hr标签(Horizontal Rule)
<code><code class="hljs undefined"> 作用:在页面显示一条横线(没有自己的语义) 特点: 在页面显示一条横线,默认占整行。</code> </code>
2.4 br标签(break)
<code><code class="hljs undefined"> 作用和特点都是换行</code> </code>
2.5 b(Bold),u(Underlined),i(Italic),s(Strikethrough),strong,em,del,ins
<code><code class="hljs stylus"> 作用: b:加粗 语义:没有语义 u: 下划线 <span class="hljs-tag">i: 倾斜 s: 删除线 建议不要使用,因为这些标签没有语义。 作用: <span class="hljs-tag">strong:加粗 语义:加强语气 <span class="hljs-tag">ins:下划线 <span class="hljs-tag">em:倾斜 <span class="hljs-tag">del:删除线 可以使用</span></span></span></span></span></code> </code>
2.6 img标签(image):
<code><code class="hljs dos"> 作用:在页面显示一张图片 特点:就是显示图片。 属性: src 图片显示的路径 alt 如果图片加载不出来会显示这个属性中的文字 <span class="hljs-built_in">title 介绍这张图片</span></code> </code>
2.7 a标签(Anchor):锚
<code><code class="hljs livecodeserver"> <span class="hljs-operator">a 标签的其它名称: 超级链接,超链接,锚链接 作用:可以在一个页面跳转到另一个页面上 注意:在<span class="hljs-operator">a标签之内必须要写上文字,如果没有,那么这个标签在页面上找不到。 <span class="hljs-operator">a标签的其它用法: <span class="hljs-number">1.0可以不跳转(跳转到当前页面)href=”<span class="hljs-comment">#” <span class="hljs-number">2.0可以跳转到另外的页面。 <span class="hljs-number">3.0可以在当前页面进行定位。 A.设置<span class="hljs-operator">a标签的href属性为“<span class="hljs-comment">#id名”, B.在页面的指定位置加入一个目标标签(可以是任意标签) C.必须给这个标签设置一个id名:<p id="”mubiao”">这是目标</p> <span class="hljs-number">4.0在跳转的页面进行定位。 <span class="hljs-number">5.0可以进行下载。(强烈不推荐使用) <span class="hljs-operator">a标签的属性: href <span class="hljs-operator">a标签跳转的目标地址 target <span class="hljs-title">_blank:保留原始页面,再进行跳转 <span class="hljs-title">_self:在当前页面进行跳转 base 为页面上所有的<span class="hljs-operator">a标签设置跳转的方式(base标签一般放在titile标签下面)</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></code></code>