html总结

1、HTML
行标签：img、span、strong 、i 、b、a
这类元素会占据尽可能少的空间，并且一个紧贴一个从左到右，从上往下排列、他们不受width、height样式影响、在窗口变化时，他们大小不变，但会自动行

块标签：div、p 、section 、h1 、header 、footer
这些元素会独占一行，它们受width和height的控制、在窗口变化时，他们跟着变宽或边窄、除非设置了width min-width max-width
它们在纵向上也会尽可能少的占用空间 这类元素叫块元素(标签)

行内块：
有一些元素不在这些类别中 或很难分类 如script link title td等

   用一下方式可以修改他们的默认特性
        display:inline    即行元素
       display:block    即块元素
       display:inline-block 即行内块元素
       display:none; 可以隐藏标签 
       visibility: hidden; 也可以隐藏标签 但标签的位置仍然被占居着

转义字符：
&lt：小于号
&gt：大于号

      &emsp：表示一个中文空格
      &nbsp：表示一个英文空格
      　

      &copy：版权声明

      <br> ：换行

      &spades; 纸牌的四种花型
      &clubs;  
      &hearts;
      &diams;

语义化标签
header main aside footer
单纯的表示一个删除线
表示一个删除线 具有语义化
表示文本加粗 具有语义化
单纯的表示此处文本加粗

里面的内容，所有空格都可以显示出来（想怎么写都可以）

      div section

      iframe 
            内嵌框架；这个标签可以用于在当前网页中内嵌其他网页，src属性指定内嵌网页的初值 
            将a标签的target属性与iframe标签的name属性保持一致，可以将a连接的网页展示在iframe中

有序列表：

• 
  
• 
  

ul定义有序列表 默认带有左内间距40px 上下外边距16px

无序列表

1. 
   
3. 
   

ol定义有序列表 默认带有左内间距40px 上下外边距16px

表格标签：
caption定义表格标题

table标签声明一个表格
tr：表示一行 rowspan：行合并
td：表示一列 colspan：列合并

表头，文本加粗
设计表主体样式
设计表尾样式

       <article> article定义主要文章

表单元素
<!-- form标签用来向服务端（远程的一台计算机或者计算机矩阵）发送请求的方式是通过method设置的 有如下值
GET向服务端获取信息
POST向服务端提交信息

比如 我们平时在地址栏中输入并访问一个网站时 其实发送的是GET请求
平时我们注册用户信息时 会把用户的信息提交到服务器上 其实发送的是POST 请求form表单默认发起GET请求

action动作行为本质上对应服务器的地址即可以请求远程地址 也可以请求本机地址表单相何处发送数据
enctype:用来给form表单数据加密 目的是为了数据安全性
POST" enctype="application/x-www-form-urlencoded
url编号 在url地址中巴一些特殊字符进行编码转换 默认值
multipart/form-data上传文件是加密
text/plain 纯文本加密

fieldset 表单域 lengend为表单域添加标题 表单标签集合

用户名：
for设置与id一样的值 leable可以与其关联 获得文本框的焦点

  minlength 控制标签中输入内容的最小长度

mi\axlength 控制标签中的最大长度
required 属性控制input标签 必须填写内容
readonly控制标签的内容只读

placeholder设置文本框提示内容
name属性用于提交到服务器后的表单数据
或者通过JavaScript引用表单数据
只有设置了name属性的值才能提交白丹时传递他们的值
value规定input元素的值

submit提交按钮会把表单数据发哦送到服务器

reset重置按钮会清楚表单中的所有数据

input type=image 时表示图片按钮 要配合src 属性使用
自定义按钮
按钮
img 按钮

   单选按钮 radio name 必须一样是才可以互斥 

男 女

复选框 disabled 用来禁用标签

苹果

香蕉 橙子

    <input type="password" placeholder="请输入密码">

<textarea name=“linemor” id=“ttl” cols=“30” rows=“10” style=“resize:none”;>

name 规定下拉列表的名称
select 选择框
multiple 属性用来支持多选
选中一项按下shift 键 在选中另一项 连续选中
选中一项 按下Ctrl 键 再选其他项 可以跳跃选择 间隔选中
option标签是选择框的选择项
value是属性是选择项的值
selected 首次加载时默认选中 -->

第一项 第二项 第三项 第四项 第四项 郑州 洛阳 南京 常州 语法规则 1. 标签组成：标签名称 标签属性 标签内容区 2. 标签名称由开始标签和结束标签组成 3. 标签有双标签和单标签（没有结束标签的标签） 4. 标签属性有标签名和属性值组成 5. 标签属性必须写在标签上 6. 标签可以只有属性名 没有属性值 成为单属性 checked multiple