标签学习

把一张网页比作一个人标签就表示一个人所有的可见部分，如五官、四肢、... 对于真实存在的但是肉眼不可见的部分，如思想、人格、性取向等标签是管不着的。 包含着页面中所有的可见元素，比如链接、段落、图片... 是所有的可见元素的先人。

把一张网页比作一个人标签就包含了一个人的基础信息，虽然无法直接观察到，但确实存在，如姓名、人格、取向... 用于包含一张网页中抽象的基础信息（元信息）。

和的区别在于只想包含看得见摸得着的内容，如身材、长相、肤色等等， 中只能包含抽象的元信息，并不是说不能包含抽象内容，它可以，只是它不想，你硬要把抽象内容写进去也勉强行，但它更在乎看得见摸得着的。不要，但很诚实。

-

，

，

，

，

，

都是标题标签，用于概括页面中不同主题的内容，其中

最大，

其次，依次类推，没有。

是段落标签（paragraph的缩写），用于给文字划分段落，一组

元素为一个段落

是用于在网页中划分区域的（division的缩写），通常作为容器而存在，用于包含网页中的内容, 是最常用的网页元素之一。

div>的特点是非常纯粹，在没有明确指定的情况

下没有边框，没有填充，没有边距，完全透明，在标签中没有内容的情况下高度为零，完全不可见，它的高度随身体里的内容而定，内容多就高内容少就低，可以说

是个完美的容器，想象一个完全透明、没有质量、体积为零但容积自由伸缩无限、质量还极好的塑料袋，

就是个这样的存在。

用于定义网页中的链接，链接也叫做锚或锚链接，而即是anchor（锚）的缩写。

例如，要定义一个跳转到百度的链接可以这样写：

    
        点击测试网络
    

其中href是标签的一个属性，用于制定跳转的目标地址，此处要注意语法， href之后有等号，地址要写在等号右边，其值最好用引号包住（考虑到值有可能存在空格的情况）。

链接默认在当前页面打开，如果想在新标签页打开可以将target属性指定为_blank：

    
        点击测试网络
    

target属性的默认值是_self，也就是在当前页面打开。

中可以存在子元素，其子元素也会作为链接的一部分，图片链接便是通过这种特性实现的：

用于定义网页中的图片。我们平常在网页中见到的大部分图片都是用这个标签定义的。

其中src（source）是标签的一个属性，用于指定图片的地址。

不允许存在结束标签，以下的写法是有误的：

为什么？因为不能存在子标签，所以无法作为容器存在，结束标签便没有意义了。 没有空间的杯子只是个玻璃块，盖子完全没有意义。

支持的所有的常用图片格式: .gif、.jpg、.png、.svg...

表格类标签

标签用于定义表格，单独出现并没有什么用，它需要和他专有的子标签在一起才有意义。

的子标签有：

（table row）：定义行，出现一组就是一行，出现多组就是多行。

中。

中。

（table head）：定义表头，见例子。

（table body）：定义表身，见例子。

怎么用

对于简单的数据

（table data）：定义单元格，一般包含在
（table head cell）：定义表头单元格，一般包含在

的结构也可以简单些：

王花花	21岁
李拴蛋	19岁

而更复杂的数据可以用更严谨结构表示：

  
 
    

      
姓名
      
年龄
      
取向
    
  
 
  
 
    

      
王花花
      
21
      
拴蛋
    
    

      
李拴蛋
      
19
      
花花
    
  
 

标签用于定义页头，也就是页面中的引导性内容

用于定义页脚，也就是页面中的补充性内容

姓：
名：
重置
提交

用来表示一个缩写词或字母缩略词。在某些浏览器中，当您把鼠标移至带有 标签的缩写词/首字母缩略词上时， 标签的 title 属性可被用来展示缩写词/首字母缩略词的完整版本。

mmp

是什么

用于接收用户的输入。没有用户就没法输入数据，登录注册什么的都不能做，复杂的表单就别想了。

type属性

的类型比较多，每一种侧重于不同的数据类型和结构：

•  默认值（可以不填type属性），用于输入文字，如用户名，昵称等等。
•  密码输入，我们平时输密码时的小黑点就是这么来的。
•  单选框，在需要用到单选但选项少的情况下使用。如性别（只有两个选项）。
•  多选框（复选框），在需要用到多选但选项少时使用，多选，但是选项少的情况下使用。如性取向˙Ꙫ˙ 。
•  选择文件，上传文件必用。
•  重置表单。
•  隐形输入框，一般用于在表单提交时回传重要的令牌（就是一串自产自销的无序字符）来验证用户是真的或状态是对的。
•  按钮，不推荐，正常情况下使用即可，因为可以包含子元素，而不行，灵活度的问题。

举例：

  
  男


  
  女

 

请选择你的性取向


  
  男


  
  女

 

请选择文件

 

  姓名：
  

  年龄：