电脑相关
\ 快捷键
| ctrl + tab | 切换 | win + e | 打开资源管理器 |
|---|---|---|---|
| alt + f4 | 关闭程序 | win + d | 显示桌面 |
| f2 | 重命名 | ctrl + 空格 | 切换中英文 |
shift + space 全角半角切换
\ 查看临时文件夹
地址 C:\Users\Danny（用户名）\AppData\Local\Microsoft\Windows\Temporary Internet Files
第二次打开页面觉得比第一次快是因为有了缓存
\ 上网的实质
上网就是请求数据，就是文件传输
服务器上存放着网页的相关文件，包括html文件、css文件、js文件、图片等。当我们打开浏览器，输入网址，我们的计算机就会对这些文件发出HTTP请求。
服务器收到请求之后，会把这些文件通过HTTP协议，传输到我们的计算机中（保存到了刚才那个临时文件夹中）。这些文件，将在我们计算机本地的浏览器中，进行渲染、呈递
超文本传输协议HTTP
Hypertext Transfer Protocol
这是一个文件的传输协议，我们上网的时候，所有的文件都是通过HTTP这个协议，从服务器上传输到客户的电脑里面的
HTML是英语HyperText Markup Language的缩写，超文本标记语言
现在的业界的标准，网页技术严格的三层分离
- html就是负责描述页面的语义；
- css负责描述页面的样式；
- js负责描述页面的动态效果的
问题： h1标签的作用
- 正解： 给文本增加主标题的主义
- 误： 给文字加粗、加黑、加大
ps: HTML4.01这个版本，这个版本是IE6开始兼容的。HTML5是IE9开始兼容的
字符集
有两个字库 UTF-8 和 gb2312。
UTF-8 是国际通用字库，里面涵盖了所有地球上所有人类的语言文字，比如阿拉伯文、汉语、鸟语……
gb2312 是国标，是中国的字库，里面仅涵盖了汉字和一些常用外文，比如日文片假名，和常见的符号
UTF-8 里面存储一个汉字 3 个字节。而 gb2312 中存储一个汉字 2 个字节
ps: 用 meta 标签可以声明当前这个 html 文档的字库，但是一定要和保存的类型一样，否则乱码
sublime中的设置：file -> save with encoding
<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />
以上是设置页面描述，与 SEO 相关 （search engine optimization，搜索引擎优化）
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
问题： h 标签放到 p 标签中
结果：以前说不允许，浏览器会自动闭合 p 标签，使 h 标签前后各有一个 p 标签 （审查元素 f12）
html 标签
<img src="baby.jpg" alt="巴黎结婚照" />
<!-- alt是英语 alternate “替代”的意思，出错图片无法被显示的时，
出现的替代文字（有的浏览器不支持） -->
a 标签 a 是英语 anchor “锚”的意思
<!-- 跳转页面 href = -->
<a href="01.html" title="title内容" alt="alt内容" target=_blank>跳转页面</a>
title 为元素提供额外说明信息,鼠标滑过显示
alt 属性则是用来指定替换文字
href 是英语 hypertext reference 超文本地址的缩写
blank 就是“空白”的意思，就表示新建一个空白窗口
<!-- 跳转到锚点位置 href = -->
<a href="#wdzp">点击我就查看我的作品</a>
锚点用 name 属性来设置，一个a标签如果 name 属性（或者 id 属性），那么就是页面的一个锚点
字符实体
ps: 实体名称对大小写敏感，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）
| 显示结果 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|
| 空格 | 空格 | |
  |
| < | 小于号 | < |
< |
| > | 大于号 | > |
> |
| & | 和号 | & |
& |
| " | 引号 | " |
" |
| ’ | 撇号 | ' (IE不支持) |
' |
| ￠ | 分（cent） | ¢ |
¢ |
| £ | 镑（pound） | £ |
£ |
| ¥ | 元（yen） | ¥ |
¥ |
| € | 欧元（euro） | € |
€ |
| § | 小节 | § |
§ |
| © | 版权（copyright） | © |
© |
| ® | 注册商标 | ® |
® |
| ™ | 商标 | ™ |
™ |
| × | 乘号 | × |
× |
| ÷ | 除号 | ÷ |
÷ |
不间断空格（non-breaking space）
浏览器会截断 html 中的空格，只留一个，要增加数量，用字符实体
html 标签
<body link="red" vlink="green" alink="yellow">
<br/> <hr/> <p> ...</p>
<center> 麦子学院！非常棒的在线IT培训！</center>
<pre>麦子学院！ 非常棒的在线IT培训！</pre>
<font size="7" color="red" face="新细明体">麦子学院</font>
<ul type='circle'> <!-- disc square -->
<li>苹果1</li>
<li>苹果2</li>
<li>苹果3</li>
</ul>
<li>B选项 <!-- 嵌套 -->
<ol type="a">
<li>第一节课</li>
<li>第二节课</li>
<li>第三节课</li>
</ol>
</li>
<dl> <!--自定义列表-->
<dt>软件说明：</dt>
<dd>简单介绍软件的功能及基本应用</dd>
<dt>软件界面</dt>
<dd>用于选择软件的外观</dd>
<dd>用于选择软件的功能</dd>
</dl>
<!--表格-->
<table width="960" align="center" border="1" rules="all" cellpadding="15">
<caption align="bottom">表格的标题</caption>
<tr bgcolor="#ccc" align="center" valign="center">
<th bgcolor="red" align="left" rowspan="2" colspan="2">班级</th>
<th>姓名</th>
<th>年龄</th>
<th>成绩</th>
</tr>
<tr align="center">
<td>四年级1班</td>
<td>张三</td>
<td>16</td>
<td bgcolor="red"><font color="white">53</font></td>
</tr>
</table>
</body>
width="30%"
其他一些标签： b i u s sub sup
cite em strong small del big
input 标签
type 值： text, password, submit, image, radio(单选，name 相同)
checkbox, button
HTML5新增和废弃的标签
\ 废弃的标签
以下的 HTML 4.01 元素在HTML5中已经被删除，虽然浏览器为了兼容性考虑都还支持这些标签，但建议使用新的替代标签，矛盾的是老浏览器对新标签的支持度又不够，视项目的受众对象而定了。
1、能用CSS代替的元素
这些元素包含basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为页面展示用的，表现的内容应该由CSS完成。
2、frame框架
这些元素包含 frameset、frame、noframes。HTML5中不支持 frame 框架，只支持 iframe 框架，或者用服务器方创建的由多个页面组成的符合页面的形式，删除以上这三个标签。
3、只有部分浏览器支持的元素
这些元素包含 applet、bgsound、blink、marquee 等标签。
4、其他被废除的元素
废除 rb，使用 ruby 替代 废除 acronym 使用 abbr 替代
废除 dir 使用 ul 替代 废除 isindex 使用 form 与 input 相结合的方式替代 废除 listing 使用 pre 替代 废除 xmp 使用 code 替代
废除 nextid 使用 guids
废除 plaintex 使用 “text/plian”（无格式正文）MIME 类型替代
表单：
<input type="hidden" value="隐藏的内容" name="mihiddenma" size="10">
type: text password image button reset submit radio checkbox
<select name="dizhi">
<option value="sichuan">四川</option>
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
</select>