了解了一下前端学习的路线，我有点震惊，学习的东西真的很多很多，如下:
原来css也只是准备工作，不禁感慨任重而道远
附带一张我HTML和css的视频学习进度
这周学习完了HTML和css中的属性和一部分选择器
HTML—给网页的内容添加语义，而不是改变样式
1.首先了解了五大浏览器
| 浏览器 | |
|---|---|
| IE | |
| Firefox | 火狐 |
| chrome | 谷歌 |
| opera | 欧朋 |
| safari | mac自带 |
ps:我的认知水平仅限于知道它们的名字（惭愧）
2. 字符集:字符集合，将字符排序并标上序号
字符编码:规定标上序号的字符储存的方式
| 字符编码 | 储存内容 |
|---|---|
| ASCII | 只储存了英文字母及字符 |
| GB2312 | 储存了简体中文字符 |
| GBK | 储存了简体和繁体中文字符 |
| UNICODE | 分为UCS和UTF，其中UTF包括UTF-8，UTF-16，UTF-32 |
3.网页编写代码的格式:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title>
</head>
<body> </body>
</html>
4.基础标签
| 标签 | 作用 |
|---|---|
| H系列标签 | h1~h6 ，给文本定义标题 |
| p标签 | 定义段落 |
| Hr标签 | 显示分割线 |
| img标签 | 插入图片 |
| a标签 | 超链接，控制页面之间的跳转 |
| base标签 | 统一超链接如何打开 |
| br标签 | 定义换行 |
| title标签 | 定义网站的标题 |
| 注释 | < !- -内容- ->或者/**/ |
| 锚点 | 例如点击头部跳转到中部或者尾部 |
| 假链接 | 点击之后不会跳转 |
练习：
5.列表
- 有序列表（ordered list)
<ol>
<li>需要显示的内容</li>
</ol>
- 无序列表(unordered list)（前面会有小圆点）
例如新闻列表
<ul>
<li>需要显示的内容</li>
</ul>
eg:
效果图
- 定义列表
例如京东网站尾部的信息
eg：
<dl>
<dt></dt>//定义列表中的标题
<dd></dd>//定义标题下的内容
</dl>
6.表格标签
- 格式:
<table>
<tr>//行
<td>显示的内容</td>//小格
</tr>
</table>
- 细线表格
<table bgcolor="black",cellspacing="1px">
<tr bgcolor="white">
<td>内容</td>
</tr>
</table>
- 单元格合并
1.竖直方向
<td colspan="2"></td>
2.水平方向
<td rowspan="2"></td>
效果
6.表单标签
- 格式:
<form>
<表单元素>
</form>
- 常见的表单标签
1.input标签
2.Label标签
3.datalist标签
4.select标签
5.textarea标签
6.video标签
7.audio标签
8.marquee标签
9.详情概要标签
10.字符实体
下面用到1，2，3，4，5标签常用的属性和值做了一个简单的注册界面，代码如下
效果图:
写周报太难了呜呜┭┮﹏┭┮头大
