HTML知识点汇总

            1
            <!
            DOCTYPE html
            >
            2
            <
            html
            >
            3
            <
            head
            >
            4
            <!--
              作用：配置html文件  
            -->
            5
            </
            head
            >
            6
            <
            body
            >
            7
            <!--
             书写标签组成的网页结构 
            -->
            8
            </
            body
            >
            9
            </
            html
            >
        

            1、h系列（h1-h6）（headline的缩写） 
   作用：给文本添加标题语义 
  注意：h系列的标签不能相互嵌套，网页一般只有一个h1标签
        

            2、p（paragragh）段落标签

  作用：给文本添加段落语义

  注意：p是文本级标签，内部只能书写文本类的内容，比如：文本，图片，表单元素，废弃标签
        

            3、img标签（单标签）
   
            <
            img 
            src
            =""
             alt
            =""
            />
            
   src:路径，插入图片所在的位置
   alt：图片加载失败时显示的文本
   width:设置图片的宽度
   height:设置图片的高度 注意：宽度和高度一般只设置一个让图片按比例缩放
    
            <
            img 
            src
            ="images/01.png"
             alt
            ="图片加载失败，请刷新"
             width
            ="200px"
            />
        

             4、a标签（超链接）  

　　　href: 属性值书写的是要跳转页面的路径（路径可以为相对路径和绝对路径）　　

　　　target: 属性值设置新页面打开方式

     默认值（_self）：在当前窗口打开

　　　_blank: 在新窗口打开

　　　title: 悬停提示文本

    
            <
            a 
            href
            ="#id"
            ></
            a
            > 可以进行页面内锚链接跳转

              5、列表
     5.1无序列表 ul
      作用：给文本添加无序列表语义
      ul:unordered list 无序列表
      li:list item   列表项
      注意：
　　    ul和li是第一个成对出现的标签,出现ul一定有li，有li一定被ul包裹
　    　ul内部只能嵌套li不能出现任何其他标签。

     5.2有序列表 ol 
　　   作用：给文本添加有序列表语义
　　    ol:ordered list 有序列表
　　    li:list item 列表项
　　    每一个列表项之间有顺序之分
　　    ol,li也是一组成对出现的标签，ol一定嵌套li。
　　    ol内部嵌套一个或者多个li

       5.3自定义列表 
　　    作用：给文本添加自定义列表语义
　　    dl: definition list 自定义列表
　　    dt: definition title 标题
　　    dd: definition description 描述
　　    dl嵌套dt和dd，dt和dd是同级关系，dt是标题，dd是对标题解释说明（dl>dt+dd）        
        

                6、表单元素
       6.1form  
　　     说明：将所有的表单元素都书写在form标签内部
　　　　　   　form标签是功能标签不是结构标签
　　　　　  　 提交位置：action
　　　　　　   提交方式：method
　　　　　　   
            <
            form 
            action
            ="1.php"
             method
            ="get"
            ></
            form
            > 
            
　　　　　　  表单元素：提供给用户进行输入或者选择控件
　　　　　  　属性：type，根据type属性值，有不同的表单类型 
       6.2单行文本框  
            <
            input 
            type
            ="text"
             name
            ="yonghuming"
             value
            ="用户名"
            /> 
            
　　    6.3密码框  
            <
            input 
            type
            ="password"
             name
            ="mima"
            /> 
            
       6.4单选框     
　　　　　　
            <
            p
            >
            
　　　　 　　请选择性别：
　　　　 　　
            <
            input 
            type
            ="radio"
             name
            ="sex"
            />
            男性
　　　　　　 
            <
            input 
            type
            ="radio"
             name
            ="sex"
             checked
            ="checked"
            />
            女性
　　　　　　
            </
            p
            > 
            
          说明： 
　　　　　　type属性值：radio
　　　　　　同一组单选框，必须设置相同的name属性值
　　　　　　checked: 设置表单被选中checked

　　6.5复选框 
　　　　请选择爱好： 
　　　　
            <
            p
            > 
            <
            input 
            type
            ="checkbox"
             name
            ="fav"
             id
            ="study"
             checked
            ="checked"
            /><
            label 
            for
            ="study"
            >学习</label><input type="checkbox" name="fav" id="sing"/><label for="sing">唱歌</label></p> 
　　　　说明：type属性值：checkbox
  　　　　　　 同一组复选框，必须设置相同的name属性值
　　　　　　   也具有checked属性
　　　　　　   可以使用label标签