<html>3

<接上文>

<body>
<table align="center" width="500" bgcolor="purple" cellspacing="1" ><!--cellspacing单元格间距-->
    <caption>学生信息表</caption>
    
    <!--表格标题用caption-->
    
    <thead bgcolor="yellow">
        <tr>
            <th>姓名</th>
            <th>学号</th>
            <th>性别</th>
            <th>专业</th>
        </tr>
    </thead>
    <!--tr*3>td*4-->
    <tbody align="center" bgcolor="red">
        <tr>
            <td>昊昊</td>
            <td>5201314</td>
            <td>男</td>
            <!--td横跨两行，下面的td就可以删除,colspan 设置跨的列数 ，td里也是什么都可以放-->
            <td rowspan = "2">软件</td>
        </tr>
        <tr>
            <td>浩浩</td>
            <td>51201314</td>
            <td>男</td>
            <td>机械</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

制作细线表格

  1 table标签 设置bgcolor为边框颜色 cellspacing="1"
  2 其他行设置bgcolor="white"

表单
收集用户信息
掌握表单相关元素及其相关属性
输入框input

  属性 type="text或password或radio或checkbox/button/reset/submit/image" 
      name 标识输入框，将来后端用它获取数据
      value 用在text/password表示显示默认文字，用在checkbox/radio表示提交到
      后台的数据，用在button/submit/reset表示按钮的文字
      checked 让单选按钮或复选框默认设置选中状态
      maxlength 设置文本框和密码框的输入最大长度
      size 设置文本框和密码框的尺寸
     下拉列表 select
     文本域 textarea

## 注释
注释注解解释方便别人阅读代码

定义表单

<body>
<!--form定义表单-->
<form>
    <fieldset>
        <legend>用户信息</legend>
    
   <p> <label>用户名：<input type="text" maxlength="6" value="张三" name="uname" id="user"></label></p><!--value默认名字-->
    <p> <label>密码：<input type="password" name="lhs"></label> </p>
    <p>性别：
        <input type="radio" name="sex" checked>男<!--性别一定要取相同的，这样可以互斥,checked默认设置选项-->
        <input type="radio" name="sex">女<!--radio本义老式收音机-->
    </p>
    <p>
        <input type="checkbox" name ="hobby" id="" > 小提琴
        <input type="checkbox" name ="hobby" id="" >话剧
        <input type="checkbox" name ="hobby" id="" >王者
        <input type="checkbox" name ="hobby" id="" >健身
          
    </p>
    <p>
        所在城市
        <select name="city" id=""><!--value是后台获取的东西-->
            <option value=""disabled>请输入城市</option>
            <option value=""selected>贵阳</option>
            <option value="">西安</option>
            <option value="">兴义</option>
            <option value="">河北</option>
        </select>

        <select name="skill" multiple id="">
            <optgroup label="html">
                <option value="">HTML5</option>
                <option value="">CSS3</option>
            </optgroup>
            <optgroup label="css">
                <option value="">CSS2</option>
                <option value="">CSS3</option>
            </optgroup>
            </select>
        </br>

            <p>
                个人简介
                <textarea name="" id="" cols="30" rows="10">

                </textarea>
            </p>
                    <!--用在text/password表示默认文字，用在checkbox/radio表示提交到后台的数据，用在button/submit/reset表示-->
            <p><!--简单打印出来 input:button或者其他 按回车就可以得到完整代码-->
                <input type="button" value="注册">
                <input type="submit" value="提交">
                <input type="reset" value="重置到默认">
                <input type="image" src="cat.jpg" alt="" width="30">                    
            </p>
            
        </select>
    </p>
</fieldset>
</form>

</body>
## html的其他知识
1 实体符

<body><!--空白折叠现象会折叠成一个空格
    &nbsp;空格
    &lt;< less than
    &gt;> greater than
    更多实体符看w3c官网


-->
    <p>
    青青子衿，
    &nbsp;&nbsp;&nbsp;&nbsp;
    &ltspan>&lt/span>


    悠悠我心
</p>

2 meta 元信息

  <head>
      <meta charset="utf8">
      <meta name="keywords" content="淘宝,电子商城,...">
      <meta name="description" content="...." >
      <meta http-equiv="refresh" content="5;url=https://www.baidu.com">
  </head>

<html>3

花海

引用和评论

问题记录

Html&Css测试试题（简单版）

在线考试答题系统（Web+H5+小程序）开发方案与实现附源代码

语义化 HTML (Semantic HTML)

CSS专题之响应式设计(下)

HTML专题之meta标签

css文字溢出省略不生效的场景记录