白岩冰实训第二天
1.知识内容总结
1.常见的标签
1.有序列表：type="1" 数字风格表示列表顺序。 type="a" 小写字母风格表示列表顺序。 type="i" 罗马数字风格表示列表顺
<ol type="">
<li> li 是 list item 的首字母缩写 </li>
<li> li 表示列表项目(列表条目) </li>
</ol>
2.无序列表：type="disc" 实心圆表示列表顺序 。type="square" 矩形表示列表顺序。 type="circle" 空心圆表示列表顺序。
<ul type="">
<li> 无序列表 和 有序列表内部的 列表项目 都使用 li 元素来表示 </li>
<li> 无序列表 和 有序列表内部的 列表项目 都使用 li 元素来表示 </li>
</ul>
3.定义列表：
<dl>
<dt>标题</dt>
<dd>对标题的描述</dd>
</dl>
练习程序：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h2>商品信息</h2>
<h4>产品类别</h4>
<hr />
<ul>
<li>数码</li>
<ul type="circle">
<li>笔记本</li>
<li>手机</li>
<li>家电</li>
</ul>
<li>美容</li>
<li>服装</li>
</ul>
<hr />
<dl>
<dt>联想电脑</dt>
<dd>产品型号：xxxxx</dd>
<dd>产品价格：8888</dd>
<dd>所在地：青海</dd>
</dl>
</body>
</html>
4.表格
表格由标签来定义。每个表格均有若干行（由标签定义），每行被分割为若干单元格（由标签定义）。例如：
<table border="1px">
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr><td>21</td>
<td>22</td>
<td>23</td>
</tr>
</table>
表格标签 ：rowspan 合并行 colspan 合并列
练习程序：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table width="500px" border="1">
<!-- 第一行 start-->
<tr>
<td colspan="4"><h1>商品类目</h1></td>
</tr>
<!-- 第一行 end -->
<!-- 第二行 -->
<tr>
<td rowspan="3">虚拟</td>
<td>移动</td>
<td>联通</td>
<td>小灵通</td>
</tr>
<!-- 第三行 -->
<tr>
<td>充值卡</td>
<td>彩票</td>
<td>双色球</td>
</tr>
<!-- 第四行 -->
<tr>
<td>梦幻</td>
<td>QQ</td>
<td>游戏币</td>
</tr>
<!-- 第五行 -->
<tr>
<td rowspan="3">护肤</td>
<td>梦幻</td>
<td>QQ</td>
<td>游戏币</td>
</tr>
<!-- 第六行 -->
<tr>
<td>梦幻</td>
<td>QQ</td>
<td>游戏币</td>
</tr>
<!-- 第七行 -->
<tr>
<td>梦幻</td>
<td>QQ</td>
<td>游戏币</td>
</tr>
</table>
</body>
</html>
5.表单：
### 练习程序：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单</title>
</head>
<body>
<form action="#" method="get">
<!-- input 输入框， type用来指定其类型
value 用于指定其值 readonly 属性表示只读 disabled禁用
required 必填 placeholder 默认提示文字
-->
文本框：<input type="text" value="123" readonly="readonly" disabled="disabled"/> <br />
密码框：<input type="password" required="required" placeholder="请输入密码"/> <br />
颜色：<input type="color" /> <br />
<!-- 单选或者多选框，通过名称将多个input 绑定成一组 -->
<!-- checked属性，默认选中 -->
单选框：<input type="radio" name="gender"/>男
<input type="radio" name="gender" checked="checked"/>女
<br/>
多选框：<input type="checkbox" name="hobby"/>看书
<input type="checkbox" name="hobby" />打游戏
<input type="checkbox" name="hobby" checked="checked" />写代码
<br />
下拉列表：<select>
<!-- option 是每一个选项 -->
<option>青海省</option>
<option selected="selected">陕西省</option>
<option>山东省</option>
</select>
<br/>
文本域：<textarea cols="20" rows="5"></textarea>
<br/>
<button type="button">普通按钮</button>
<input type="button" value="普通按钮" />
<br />
<button type="submit">提交按钮</button>
<input type="submit" value="提交按钮" />
<br />
<!-- 重置为初始状态，并不是清空 -->
<button type="reset">重置按钮</button>
<input type="reset" value="重置按钮" />
</form>
</body>
</html>
2.echarts配置参数
可以改变图形的色彩，在echarts官网的实例模块内，寻找自己想要的图形样式以及色彩，将原程序内部分程序用官网的程序替换一下即可。
3.mysql安装
安装步骤就省略了图片太多
2.心得体会
通过这两天的学习我感觉难度越来越大，昨天学习的东西很简单，到了今天就显得有一些吃力了，还是会有一些地方因为自己的走神导致更不上课程的进度，就会产生一些遗漏的地方。而且我觉得上午授课收获较多，到了下午会有一些困意和疲惫，注意力没有那么集中，遗漏的地方较多。我要克制自己，认证听讲，因为这个课真的是漏下了一块就要好久才能接上。
点赞
评论