自己总结的HTML5知识点（一）

• nternet 互联网：将全球的计算机连接起来所形成的网络

• web 万维网：通俗的说就是网页，把各类信息通过网页的形式提供给用户

• web与Internet的关系：web是internet上的一个应用

• web工作原理：用户使用浏览器通过HTTP协议访问web服务器，web服务器通过HTTP协议反馈相应的信息到浏览器供用户使用

• HTML：超文本标记语言

• 单标记/空标记：

• 双标记

  
  
  
  
  
  

  标题

  
  

  段落

  
  
  
  
  
  

• 加粗倾斜下划线删除线
  上标下标
  
  块分区行内分区
  预格式化

• 插入图片：

     (绝对路径)
  
     (相对路径)
  
  width/height:设置图片宽/高，只能设置一个，否则图片会失真
  

• 插入链接：

    网址链接
  

  

  
    
表格标题
         
    
                                   
        
第一行，第一列

        
第一行，第二列
        
第一行，第三列
     
  

• 行分组：

    - 表头行分组
  
    - 表主体行分组
  
    - 表尾行分组
  

• 单元格跨行：

    -    
  

• 单元格跨列：

    - 
  

• 表格嵌套：

...

  
     
         ....
     
  

...

• 有序列表

    ...
   
...
    ...
   
...
   ...

        type类型
        1，数字(默认)
        a，小写字母
        A，大写字符
        i，小写罗马数字
        I，大写罗马数字

• 无序列表

    
  
            ...
        
  ...
            ...
         
  ...
             ...
    
        type类型
        disc:实心圆(默认)
        circle:空心圆
        square,实心矩形
  

• 定义列表

  • dl:标记定义一个定义列表

  • dt:标记定义了定义列表中的一个术语

  • dd:标记对定义列表中的术语提供定义

• 表单

• 
  
  
  不要公开我的信息
    
   
  

• 选项框

  • select:创建选项框

  • name:选项框命名

  • size:大于1，则为滚动列表

• multipe:设置多选

• 通用选择器 *{ }

• 元素选择器 h1 { } 权值为1

• 类选择器 .color { } 权值为10

• id选择器 #num { } 权值为100

• 内联样式 < p styple=""> 权值为 1000

• 群组选择器 .color,#num,h1 { }

• 后代选择器 body p { }

• 子代选择器 body>h2>p { }