HTLM部分

• 标签 <标签名> ：标记语言(HTML, XML)

1. HTML文件的结构
   1.1在开头用来声明 HTML5
   1.2所有内容包含在标签中
   1.3在html标签中先有标签
   1.4要显示的内容写在标签
   1.5注释一般在一段代码的开始和结束都要加

    # 中文要设置此项
  

  
  

• 定义内部样式表
• 定义JS代码或引入外部JS文件
• 引入外部样式表文件
• 定义网页原信息，可以定义关键字

 # 关键字 百度爬虫
  # 描述
 # 两秒之后跳转
 # 告诉IE已最高模式渲染

---

• 其他标签

用 = 复制的是属性， 任何标签都有三个固定属性， id，class，style

1. --
   标题标签
2. 图片标签
3. 要显示的内容 # target="_blank" 可以从新标签页打开，默认为当前页打开。可以设置跳转连接，其他网页或者当前页面设置的其他标签。
4. 加粗标签
5. 斜体标签
6. 下划线
7. 删除线

8. 段落标签
9. 
   换行标签

10. ---

    水平线
11. 单独显示，不在一行
12. 多个span在一行显示
13. 列表标签
    13.1 无序列表, type属性 disc 实心圆点，circle 空心圆，square 实心方块，none 无样式

  

      
列表 
  

13.2 有序列表，type属性控制序号 1、A、a、I，start 起始值

    
列表

13.3 标题列表，

    
标题
    
内容

14. 表格 broder 边框像素， cellpadding 内边距，cellspacing 外边距，width 像素百分比， rowspan 单元格列合并，colspan 行合并。

 # 表格标题
     # 表格一行
       # 表格一列
       # 表体
    

  
姓名
年龄
      
爱好
    
  
  

       
小强
       
29
       
干啥
    
  

---

• 标签分类

1. 块儿级标签，独占一行
   默认占浏览器的宽度，能设置长和宽
2. 内联标签（行内标签）
   根据内容决定长度，不能设置长和宽

---

• 标签嵌套规则

1. 行内标签不能嵌到块级标签
2. p标签不能嵌套块级标签

---

• 常用特殊符号

< # 小于号
> # 大于号
© # 版权符号
  # 空格
& # &符号
¥ # 人民币符号
® # 注册符号 

---

• form 表单相关内容

前后端有数据交互的时候用form表单

1. 所有提交的数据在表单中
2. form 中的 action= 对应到后端要提交的地址， method 对应请求方式get post。有文件上传时需要post方式，并且修改属性enctype="multipart/from-data"。disabled 禁用
3. 使用键值对形式提交，标签外是提示性文本可以用中文，标签内用英文为宜
4. input\select\textarea 都需要有name属性，为后端的键，标签外是提示信息
5. 必须有提交按钮

• input 常用tpye属性：

1. text 文本
   1.1 value 设置默认值
   1.2 readonly 设置只读
2. password 密码
3. radio 单选
4. checkbox 多选
5. date 日期
6. datetime 时间
7. file 文件
8. button 普通按钮，多用js绑定事件
9. reset 重置
10. submit 提交
11. textarea 大段文本
12. select 下拉菜单
    12.1 option 具体的下拉选项
    12.2 optgroup 分组的下拉选项
    12.3 multiple 可以多选的下拉框
    12.4 selected 默认选项
13. email 邮箱
14. hidden 隐藏标签

  
  

  
 # form 配合input标签使用 input需要有name 以便后端取值, value 为提交时所带的值
  
  # 使用p标签单独起一行
     #  type = “text” 出现输入框 ，name 为后端取数据的键
  
  
  # 使用p标签单独起一行
     #  type = “password” 出现密码输入框
  
 
性别：  # 使用p标签单独起一行
    男 #  type = “radio” 选择按钮 
    女 #  type = “radio” 选择按钮
 
 
  爱好：
    爱好1 #  type = “checkbox” 选择按钮 
    爱好2 #  type = “checkbox” 选择按钮
    爱好3 #  type = “checkbox” 选择按钮 ，这里为一组

  来自哪里：
    # 选择菜单
     # 一级菜单
     朝阳 # 二级菜单
     顺义
     昌平
    
   
    上海
    山东
  


   # 大文本区域
  

   

       #上传文件的标签
  
生日:


   # type = "submit" 出现提交按钮 ，value 控制按钮名字
   # 重置按钮
   # 普通按钮

<\body>