HTML概述
    什么是HTML
        HTML Hyper Text Markup Language     超文本标记语言  ：w3c组织，规定了html中一系列标签的功能，学习标签的功能
    HTML的作用
        用来展示数据
        HTML是用来制作页面（静态页面）

  HTML的使用
    HTML的文件的创建
        一个HTML文件，扩展名是.html或者htm结尾
    HTML的结构标签（文件标签）
            跟标签<html></html>
            <head>--html的头标签     <title>网页的标题
            <body>--html的体标签
注意事项
    忽视大小写，推荐小写
    标签嵌套要正确，不要你中有我，我中有你
    属性值用双引号或者单引号括起来
    围堵标签<font><font>  自闭和标签<br/>换行   <hr/>横线
   
HTML的字体标签 <font>
    <font>标签：HTML中的字体标签
        使用<font>文字</font>
            <标签 属性名=“属性值”属性名=“属性值></标签>
            属性
                color属性：字体颜色
                    英文单词设置：black,red, grean，blue
                    使用16进制数设置：#FFFFFF  两位表示一个颜色，#FFF一位表示一个颜色
                    color="rgb(值1，值2，值3)"
                size属性：字体的大小  只能是1-7
                face属性：字体
HTML的排版标签
    标题标签：h 标签<h1>...</h1>  一共有6级
    段落标签：p 标签<p>...</p>
    字体加粗标签：b 标签<b></b>
    斜体标签：i 标签<i>...</i>
    下划线标签 ：u标签
    居中标签： <center>标签
    空格 &nbsp；     
    格式化 <pre><pre> 
    &gt；大于号 >
    &lt ；小于号 <

HTML的图片标签<img/>
    属性：
            src  图片的来源
            width  宽度
            height  高度
            alt  图片找不到显示的内容
            title  鼠标放上去显示的内容
图片的路径
     相对路径    以./或者../开头的路径（以.开头的可以省略.）
                    如果图片跟文件在同一路径 直接写文件名或者./文件名
                    如果图片在上一级写../文件名
                    如果图片在下一集写img/文件名
     绝对路径  以/开头的路径           /项目名/文件路径

列表标签
    有序列表
        <ol>
                <li><li>
        </ol>
        type属性 ：1  数字类型  a 英文类型 I 罗马字符   start 从哪开始
    无序列表
        <ul>
                <li><li>
        </ul>
        type属性 ：disc  实心点   circle  空心圆    square 实心方块
超链接标签 a标签
       href 连接的路径  ： <a href="链接的地址">传智播客</a>
       target  打开方式 ： _self  在自身页面打开      _blank新打开一个窗口    _parent  

            
表格标签<table><table>
        <table>
                    <tr>（行）
                            <td></td>（列）
                    </tr>
        </table>
属性
        width 表格宽度
        height 表格高度
        border 边框
        align  表格水平位置  left  center  right
<td>的属性： colspan =“列数” rowspan=“行数” 
<tr>属性 bgcolor 背景色  background  插入背景图片

表单标签<form>
        action 提交的路径  默认提交到当前页面
            method  请求的方式 get 和post  默认get

            get方式和post方式的区别？（面试题）
                get：   数据会显示到地址栏中  有大小的限制（1kb）  不安全
                post： 数据不会显示到地址栏中    没有大小限制   相对安全     

表单元素
            <input type="text">   文本框
                共有属性  name 表单元素的名称  必须有那么属性，后台才能接收到数据
                                value 文本框的默认值
                                size   文本框的长度
                                maxlength   文本框输入的最大长度
                                readonly    只读文本框
                                desabled   让表单不可用
                                placeholder  表单提示文字
             <input type="password">   密码框
            <input type ="radio"> 单选按钮
                            checked  单选按钮默认被选中
                            name一样就能绑定在一起
                            value必须赋值
            <input type="checkbox"> 复选按钮

            <input type="button">  普通按钮 没有任何功能的按钮
            <input type="submit">提交按钮
            <input type="reset">重置按钮
            < input type="file"> 文件上传的表单项     
            <input type="hidden">隐藏字段
            <input type="image">图片按钮

            <select>  下拉列表
                        selected  默认被选中
            <textarea>  文本域  默认值  直接写在代码中间  
                        cols字符数来规定宽度   （占几列）
                        rows字符数来规定行数    （占几行）
            
HTML5的扩展表单标签（有写浏览器不支持）
    <input type="email">
       <input type="date">
       <input type="number"> 只能输入数字
       <input type="color">