上周日在家看完开课吧前端基础的 http 部分，都是很基础的东西，但也学到了新的知识，其实把基础东西过一遍的目的不是说想要一下子把这些都学会，而是说知道哪些东西有哪些知识点，或者说这个东西能做什么，等需要用到的时候就知道去哪找了。虽然过了两天了， 还是梳理一下吧。
视频教程中先是用到了 sublime ，可能是个人习惯，我觉得论功能性，他没有 webstorm 好用，论轻量性，好像和 vscode 也感受不到什么区别但还是尝试了下。下面一条条整理下知识点吧。
html 骨架
<!DOCTYPE...>
<html>
<head>
</head>
<body>
</body>
</html>
- html:负责语义，结构
- css:负责样式
- js:负责交互
其实想看的就是这些，当你知道他比较本质的东西，很多时候就好做决定了
关于字符集
不多 bb ，在哪都用 utf-8 就行了，数据库中用 utf8mb4
meta 标签
浏览器搜索页中的网页简介就是写在 meta 的 Description 属性中，关键字写在 Keywords 属性中
<meta name="Description" content="慕课网（IMOOC）是IT技能学习平台。慕课网(IMOOC)提供了丰富的移动端开发、php开发、web前端、android开发以及html5等视频教程资源公开课。并且富有交互性及趣味性，你还可以和朋友一起编程。" />
<meta name="Keywords" content="慕课,学习" />
英文全称也是我看视频觉得很有用的东西，因为知道了全称，不仅能记住标签，还能知道他到底是干嘛的。
- H -- headline , 容器级标签，一共六级 , H1 - H6
- P -- paragraph，文本级标签
- src -- source
- alt -- alternative , 图片裂了显示的内容
- title -- 悬停文字
相对路径/绝对路径
搞定 ./ 和 ../ 还有 ‘ ’ 就行了，实战中基本不用绝对路径
超链接
a -- anchor , 锚 href -- href-reference 超-引用 target: _self _blank 空白的（是否打开新标签） title: 说明
<a href="#">回顶部</a>
还有页面内锚点，跨页面的锚点，自行百度
list ul：unorder list or：order list dl：definition list（一般用在页面最下面） dt：definition title dd：definition description
<dl>
<dt>标题</dt>
<dd>列表</dd>
</dl>
div: division 分割 span: span 范围
input
type
* text value * password value * radio name * checkbox name * button value * submit value * reset还有radio id 配合 label for 的用法，自行百度
下拉框
<select>
<option>something<option>
<option>something<option>
<option>something<option>
</select>
textarea
<textarea cols="10" row="10"/>
空格 non-breaking-space
上周日就看完了，到现在才整理完，抓紧看 css 去了
