body 标签

我是一个按钮 <b>你好 字体加粗    <i>  我好 斜体      <u>她也好 下划线         <s>大家都好 横线

标签分类两类：　　　　　　　　html标签：超文本标记语言，就是标记用的。

　　　　内敛标签（行内标签）：不独占一行 ，内敛标签只能嵌套内敛标签    <b>    <i>    <u>    <s>   button   span   img

　　　　块级标签（行外标签）：自己独占一行，可以嵌套内敛标签和某些块级标签     h1--h6    br     hr(横线隔开）  <p>（段落标签） div

　　　　p标签：不能嵌套p标签，也不能嵌套块级标签

换行标签    <br>

<div>    不占一行，没有任何其它效果    白纸上画画

<span>     不占一行，没有任何效果

<img src="12.jpg" alt="sdadsas">   
img标签：
　　　　属性  src=‘图片路径’   网络地址的绝对路径本地相对路径
　　　　　　　　alt=‘xxx’  描述当图片没有下载下来的时候显示的描述
　　　　　　　　title=‘xxx’   当鼠标停留的时候显示描述
　　　　　　　　width=‘xx’      宽度为多少像素
　　　　　　　　height=‘xx’     高度为多少像素
　　　　　　　　　　　　<img src="1.jpg" alt="sdadsas" title="美女" width="200" height="200">

a标签：       <a href="https://www.baidu.com" target="_blank">百度</a　　　　属性   href  ： 超链接地址

　　　　　　　　target：是否新建窗口   _blank (新窗口）   _self（当前窗口）
列表标签   ul  无序列表
　　　　属性
　　　　　　disc   实心圆点   默认值
　　　　　　circle    空心圆圈
　　　　　　square     实心方块
　　　　　　none      无样式
　　　　　　　

    <ul type="circle">
        <li>太白</li>
        <li>alex</li>
        <li>景女神</li>
    </ul>

　　　　ol  有序列表
　　　　　　　　属性    type    1数字列表，默认值
　　　　　　　　　　　　　　　　　　A大写字母
　　　　　　　　　　　　　　　　　　a小写字母
　　　　　　　　　　　　　　　　　　I 大写罗马
　　　　　　　　　　　　　　　　　　i小写罗马
　　　　　　start=‘1’   起始位置从几开始

    <ol type="A">
        <li>大壮</li>
        <li>wusir</li>
        <li>alex</li>
    </ol>

标题列表

<dl>
        <dt>菜单</dt>
        <dd>b哥炒鸡蛋</dd>
        <dt>菜单2</dt>
        <dd>水煮李帅</dd>

    </dl>

空格： <dt>菜&nbsp;&nbsp;单</dt> 

大于号小于号： <dd>b哥&lt;炒&gt;鸡蛋</dd> 

表格标签
　　　　　　

<table border="1" cellpadding="10" cellspacing="20">
        <thead>
            <tr>
                <td>姓名</td>
                <td>年龄</td>
                <td>爱好</td>
            </tr>
        </thead>
        <tbody>
        <tr>
            <td>B哥</td>
            <td>40</td>
            <td>炒鸡蛋</td>
        </tr>
        <tr>
            <td>大壮</td>
            <td>38</td>
            <td>抽烟喝酒烫头</td>
        </tr>
        <tr>
            <td>雪飞</td>
            <td>18</td>
            <td>大壮</td>
        </tr>
        </tbody>
    </table>

　　　　cellpadding: 文字和内边框的距离

　　　　cellspacing: 内边框和外边框的距离

　　　　border: 边框的宽度

input标签：用户输入

　　　　type 属性：控制输入框的样式的

　　　　name属性：分组，携带数据的key     key：value

　　　　value：选择框提交数据的值，输入框的默认值

　　　　submit：提交按钮     value改按钮的名字      button按钮也可以

　　　　date：日期输入框

　　　　CheckBox：复选框

　　　　radio：单选框

　　　　reset：重置按钮

　　　　hidden：隐藏输入框

　　　　file：文本选择框

　　checked默认选中

    <input type="radio" name="sex" value="male" checked>男
    <input type="radio" name="sex" value="female">女
    <input type="checkbox" name="hobby" value="1">喝酒
    <input type="checkbox" name="hobby" value="2">抽烟
    <input type="checkbox" name="hobby" value="3">烫头

　　readonly设置为只读   针对的是输入框   text   password

　　disabled   不允许操作   所有的input都可以设置

　　设置了readonly的标签，它的数据可以被提交到后台，设置了disabled的数据，是不能提交到后台

    用户名：<input type="text" name="user" value="admin" readonly>
    密码：<input type="password" name="password" disabled>

     select 标签：放在form标签里面使用

<select name="city" multiple>   多选
        <option value="1" selected >上海</option>
        <option value="北京">北京</option>
    </select>

　　　　属性：multiple   ：  布尔属性，设置后为多选下拉框，否则默认单选

　　　　　　　disabled ： 禁用

　　　　　　　selected ： 默认选中该项

　　　　　　　value ： 定义提交时的选项值

label标签：

    <label for="username">用户名</label>
    用户名：<input id="username" type="text" name="user" value="admin" readonly>
    <label>
        密码：<input type="password" name="password" disabled>
    </label>

两种方式。   for：执行对哪个标签进行标识             效果：点击lable标签中的字，就能让标识的标签获得光标

textarea：  多行文本

　　　　属性：name：名称

　　　　　　　rows：行数    相当于文本框的高度设置

　　　　　　　cols ： 列数    相当于文本框长度设置

　　　　　　　disabled ： 禁用

form   表单    form表单触发提交数据的操作：submit     button    必须卸载表单的里面

<form action="http://127.0.0.1:8001">
    用户名：<input type="text" name="user">
    密码：<input type="password" name="password">
    <input type="radio" name="sex" value="male">男
    <input type="radio" name="sex" value="female">女
    <input type="checkbox" name="hobby" value="1">喝酒
    <input type="checkbox" name="hobby" value="2">抽烟
    <input type="checkbox" name="hobby" value="3">烫头
    <input type="submit">
</form>

action  指定数据提交路径