开始学习web前端了，以下是整理的笔记，方便记录，希望自己能坚持：
1.前后状态的不同，叫做交互效果。有了人的操作，机器给了一个反馈；
2.保存（save/ctrl+s），后缀一定要加.html
3.Hypertext Markup Language 超文本标记语言
4.<html></html>根标签
<head></head>里面放的是思想，设置浏览器用的，人看不到
<body></body>是展示给用户看的
右键打开 Open in Browser
5.属性
属性名="属性值"
属性名不用加刷引号，属性值必须加
编码字符集：GB2312国家编码字符集
GBK：GB2312+繁体
<meta charset="utf-8">
unicode是万国码，包括了所有国家的语言
utf-8是unicode
6.<title>淘宝网,淘</title>
7.<html lang = “en”>告诉搜索引擎爬虫，我们的网站是关于什么内容的en 代表是英文，zh 是中文，德语是 de
竞价排名费 1-999 元/点击一次，但是有 IP 段锁定
例这样是告诉搜索引擎的
<meta content = “服饰” name = “keywords”>
<meta content = “时装” name = “description”>
8.<p></p>段落标签，让内容成段展示
9.标题标签，成段展示，独占一行，加粗字体，更改字体大小（从 1 到 6 依次减小）
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
10、<strong>加粗</strong>
<em>斜体</em>
例又加粗又斜体，写成嵌套功能
<strong>
<em>又加粗又斜体</em>
</strong>
11.<del></del>这是一个中划线
12.<address></address>这是一个地址标签。可以用斜体+成段展示模拟13、<div></div>独占一行
<span></span>不独占一行
div 和 span 这两个标签是为了成块展示，规格化，这两个就是容器，功能如下：
功能 1：分块明确，让整个页面更加结构化；
功能 2：捆绑操作的作用（搬书架）
