HTML5标签分类整理

一、基本元素

    :用于定义HTML注释,位于之间的数会被当做注释处理。

    :是HTML5文档的根元素。

    :用于定义HTML5文档的页面头部分。

    :一般放在head标签下,用于为HTML5文档定义页面标题。<br></p> <p>    <body>:定义HTML的主体部分,可以指定id,class , style等通用属性,换可以指定一系列的事件属性。<br></p> <p>    <h1>到<h6>:定义标题,从h1到h6字体大小依次减小。<br></p> <p>    <p>:段落标签,段落标签无论该表签中的内容时否满一行,该表签都会占满一行。<br></p> <p>    <br>:换行<br></p> <p>    <hr>:一条水平直线<br></p> <p>    <div>:定义文档中的各个结点,通常与CSS结合进行页面布局,该元素可以指定id , class ,style等属性。<br></p> <p>    <span>:与div类似,一般用于定义一段一般性的文本,该标签不能指定宽度,它的宽度只能由内容撑开,会随着内容的多少而发生改变。<br></p> <p>二、文本格式相关元素</p> <p>    <b>和<strong>:用于对文本进行加粗处理<br></p> <p>    <i>:使文本倾斜显示<br></p> <p>    <em>:用于强调文本,显示效果于<i>类似<br></p> <p>    <small>:定义小一号字体,一般不常用。<br></p> <p>    <sup>:上标文本<br></p> <p>    <sub>:下标文本<br></p> <p>    <bdo>:定义文本显示的方向,通过dir属性来指定方向,当属性值为ltr时,从左向右;当属性值为rtl时,从右向左。<br></p> <p>三、语义相关元素</p> <p>    <abbr>:表示一个缩写<br></p> <p>    <address>:表示一个地址,通常用斜体显示。<br></p> <p>    <blockquote>:定义一段长的引用文本。<br></p> <p>    <q>:定义短的引用文本<br></p> <p>    <code>:用来表示一段代码<br></p> <p>    <dfn>:定义专业术语<br></p> <p>    <del>:定义文档中被删除的文本。以中划线形式显示<br></p> <p>    <ins>:定义文档中插入的文本,以下划线显示。<br></p> <p>四、超链接和锚点</p> <p>    例:<a href="www.baidu.com">百度</a></p> <p>    属性:<br></p> <p>        href:超链接所链接的资源<br></p> <p>        target:一般用来表示是否打开一个新的窗口,默认是_self,即在自身显示,可以通过修改这个属性值为:_black来指定在新的窗口显示<br></p> <p>        download:点击时,下载download属性中所指向的资源。<br></p> <p>    那么如何做一个锚点呢?</p> <p>        代码: <br></p> <pre><code class="language-html"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 这里是锚点

定义到锚点

       

你可能感兴趣的:(前端)