HTML总结

简介

1. 超文本标记语言（Hyper Text Markup Language）
2. 什么是表签（大多数标签）：主要有以下几点？
   <1>、尖括号包围、成对出现
   <2>、开始标签，结束标签
   <3>、元素

编辑器

2. 什么是表签（大多数标签）：主要有以下几点？
   <1>、HBulider
   <2>、Subline
   <3>、VSCode
   <4>、WEbStorm
   <5>、…

文档结构

1. 注释：< ！ – 注释的内容 – >
2. html文档结构
   <1>、html 标签 真正表示了一个文档是html文档
   <2>、head 标签 摘要部分，用户不会直接看到，但是非常重要
   <3>、body 标签 正文部分，用户真正会看到的部分，大多数内容写在此标签里

元素分类

1. 块元素：div、p 、h1-h6、ol 、ul 、li、dl、hr\ 标签。

2. 行内元素：a、span、 br、i、em、strong、code、mark、u、br/等标签。

3. a标签
   <1>、超链接href是引用地址；
   <2>、target打开文档的多种方式，包括( _blank打开新窗口；_self原窗口打开；
   _parent； _top )；
   <3>、name锚点的使用

文本格式化标签 =>：b、big、em、i、small、strong、sub、sup、ins、del等标签

3. 内联块元素（行内块元素）：input、select、img、textarea、button标签

表格

标签	意思
thead	页头
tbody	表格的主体
tfoot	页脚
tr	行
th	表头
td	单元格
border	边框
colspan	列单元格合并
rowpan	行单元格合并
cellspacing	单元格间距,单元格之间会保持设定的距离
celpadding	单元格留白,使单元格具有留白效果

表单

1. form：表单标签

• action属性：属性值是一个submit发送的网址.
• target属性：网页的打开方式.
  1._blank属性值: 在新窗口/选项卡中打开。
  2._slef属性值: 在同一框架中打开。(默认）
  3._top属性值: 在父框架中打开。
  4._parent属性值: 在整个窗口中打开。
• metod属性：传输数据的方法.
  1.get属性值：原样发送，安全性低；
  2.post属性值：转码加密后发送

2. input：用于搜集用户信息

• name属性：属性值规定表单名称.
• type属性：属性规定 input 元素的类型
  1、radio属性值: 单选按钮。
  2、checkbox属性值: 多选按钮 。
  3、text属性值: 表示用户输入的是文本格式。
  4、password属性值: 表示用户输入的是密码。
  5、submit属性值: 提交按钮。
  6、reset属性值：重置按钮。
  7、button属性值: 单纯只是一种按钮。
• value属性：
  1、type=“button”, “reset”, “submit” - 定义按钮上的显示的文本；
  2、type=“text”, “password”, “hidden” - 定义输入字段的初始值;
  3、type=“checkbox”, “radio”, “image” - 定义与输入相关联的值

3. textarea：多行文本域

• rows属性：规定文本区内的可见行数。
• type属性：规定文本区内的可见宽度。

4. textarea：下拉列表

• option属性：下拉列表的内容。----》
  1、selected属性: 用来确定预选项.；
  2、value属性：定义与输入相关联的值。
• optgroup属性：用来分选项组,可以将某一类放到一个组中。
  1、lable属性: 用来规定当前项目组名
  2、option属性：下拉列表的内容
  <1>、selected属性: 用来确定预选项. ；
  <2>、value属性：定义与输入相关联的值；
  <3>、disable属性: 用来禁止某选项组 。

框架

1. iframe：内联框架

属性	含义
src	规定在 iframe 中显示的文档的 URL
width、height	定义iframe 的宽度和高度
name	规定 iframe 的名称
scrolling	规定是否在 iframe 中显示滚动条

2. framest：框架集

属性	含义
cols	定义框架集中列的数目和尺寸
rows	定义框架集中行的数目和尺寸

注意：frameset标签只能直接写在html，不能写在其他标签里。