十个常用的html标记,Html常用标签介绍

在前端开发工作中，常用的html标签有：

1.文档元数据标签

标签：表示那些不能由其它Html院相关标签(,,,

标签：规定了外部资源与当前html文档的关系，这个标签最长用于链接外部样式表CSS。

标签：规定了外部资源与当前html文档的关系，这个标签最长用于链接外部JS。

标签：定义文档的标题，显示在浏览器的标题栏或标签页上，它只可以包含文本，若是包含有标签，则包含的任何标签都不会被解释。

2.内容分区标签

标签：表示一组引导性的帮助信息，可能包含标题元素，也可以包含其他元素，像logo、分节头部，搜索表单等。

标签：表示最近一个章节内容或者节点元素的页脚部分。

标签：表示的是6个不同级别的标题，h1标签级别最高，h6标签级别最低；一个标题标签能简要描述该节的主题。

标签：表示文档或内容的主体部分，主体部分由于文档直接相关或者扩展文档的中心主体、应用的主要功能部分的内容组成，通俗说就是文档中重要的内容部分，例如导航栏、版权信息、网站logo、搜索框(作为文档的主要功能)。

标签：表示导航栏，一个页面的导航条通常使用nav标签。

标签：表示文档中的一个章节或一个区域。

3.文本内容标签

标签：表示一个通用型的流内容容器，它在语义上不代表任何特定的类型内容，它可以用来对其它元素进行分组，一般用于样式化相关的需求(不同容器使用class或id区分)。

• 标签：表示多项的无序列表。与
• 标签结合使用。
  1. 标签：表示多项的有序列表，通常使用在有带编号的列表。与
  2. 标签结合使用。

  3. 标签：用于表示列表里的条目，它必须被包含在一个父标签里，如一个无序列表
     • 标签，或是一个有序列表
     1. 。

     标签：表示文本的一个段落。

     标签：表示预定义格式文本，在该标签的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符(比如空白或换行符)都会显示出来。

     ---

     标签：表示水平线，即段落标签之间的主题内容转换。它是一条水平线。

     4.内联文本标签

     标签：同时也被表示为锚元素，通常用a标签来创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的插连接。属性标签有href、target。而target属性有4个不同的值，分别表示不同意思；_blank表示在新窗口打开新页面，_self表示在当前窗口打开新页面，_parent表示在该页面的父级窗口打开新页面，_top表示在该页面的顶级窗口打开新页面。写如下：

     标签中属性download定义了下载链接的地址。

     要注意的是：标签的href属性值可以加伪协议，意思是点击a链接之后什么都不做。执行了一段js但是没有发请求，页面没反应。

     标签：表示给字体加粗，粗体标签，用于吸引读者的注意到该标签的内容上。

     
     ：表示在文本中生成一个换行符号，此标签在写诗和地址时很有用，这些地方的换行都非常重要，

     标签：表示重视，标记出需要用户着重阅读的内容。一般以斜体展现。

     标签：用于表现因某些原因需要区分普通文本的一系列文本，它的内容通常以斜体显示。

     标签：表示键盘输入标签，用于表示用户输入，它将产生一个行内元素，以浏览器默认的monospace字体显示。

     标签：表示将文本中的字体变小一号，(例如大号变成中等、中等变成小，小变成超小)。

     标签：是短语内容的通用行内容器，没有任何特殊语义，span标签和div标签很相似，单div是块级元素，而span标签是行内元素。

     标签：表示文本十分钟呀，一般用粗体显示。

     _{标签：表示文本下标，定义一个文本区域，与主要的文本相比应该展示的更低更小，通常称为下标。}

     ^{标签：表示文本上标，定义一个文本区域，与主要的文本相比应该展示的更高更小，通常称为上标。}

     5.图片和多媒体标签

     标签：用于在文档中表示音频内容，这些音频资源可以用src属性来描述。

     标签：用于在文本中嵌入视频内容。

     标签：表示在文本中插入图片，通常格式

     标签：于area标签一起使用来定义一个图像映射。

     标签：在图片上定义一个热点区域，可以关联一个超链接，area标签仅在mao标签的内部使用。

     6.内嵌内容标签

     标签：html内联框架标签，表示嵌套的浏览器上下文，有效的将另一个html页面嵌入到当前页面中，属性用src。还有一个frameborder="0";这个样式，因为iframe标签默认带边框，将frameborder的值设置为0，边框就不显示。

     7.表格内容标签

     标签：定义表格的列头的行，通常显示粗体。

     标签：定义表格的内容部分
     标签：定义表格中各列总和的行。
     标签：定义表格首列的头。
     标签：表示表格的行。
     标签：定义表格内的数据标签。

     7.表单-内容标签

     标签：表示文档中的一个区域，这个区域包含有交互控住的元件，形成一个表单，向服务器提交信息。

     

     

     标签：用于为基于web表单创建交互式空间，给用户输入数据。input标签有多个type属性，不同的type属性值定义的功能不一样；下面列举常用的：

     

     input标签的type属性值

     语法是：

     标签：表示用户界面中项目的标题，通常与标签结合使用；如：苹果香蕉

     标签：是一种表单空间，通常用于下拉选项列表，可创建选项菜单，菜单内的内容选项标签为，可以由标签将内容选项进行分组，，

     默认是单选，属性multiple为true时，为多选。示例：

     

     标签：与select标签结合使用，用来定义select选项菜单内的内容。

     标签：文本域标签，表示一个多行纯文本编辑控件。