---

今天试试处理音频，视频和画布的问题。

• 音频：
  内联式：
  
  新标签页打开： 播放音乐《陈一发儿 - 童话镇》
• 视频：
  内联式（为了节省空shi间我只放了 OGG 格式视频，兼容性不能保证）：
  
  或者：
  
  新标签页打开： 播放上面的视频
• 画布简单实践：
  首先创建一个画布，宽 324 像素，高 216 像素：
  

  按下下列按钮就能做对应的事情：

  清空    画一个红色矩形

---

今天重点学习表单。

• input 标签放到下一节讲，这一节先试试其他的标签：
  
  C C++ C# Python Java JavaScript
  

  这里是上面的文字框里的字符串和单选框里的字符串拼合的结果：

  点我弹出合并结果
• 用户名：
  密码：
  点我弹出密码    清空
• 男
  女
  骑车
  开车
  点我弹出已选项

---

• meta 是个很神奇的头部标签，有的功能在这个网页的源代码的头部被我注释掉了。
• HTML 的字符实体（实体符号）与其说是有用，不如说是避免解析文档时，和 HTML 中的预留字符冲突而产生的东西。
• XHTML检验链接：点我，强迫症的福音。

---

首先写一段鬼畜的东西：

bdo 标签的作用就是逆序显示文字，不过只有部分浏览器支持。

今天补充一下超链接的知识吧，顺带学点有趣的东西。

---

• 这是一个没有下划线的超链接，通过 style="text-decoration:none" 实现。
  当然，既然有下划线，那么有上划线也很正常，通过style="text-decoration:overline" 实现（但我实在是想不出有什么要用到的地方）。
  点击这个超链接可以 瞬 间 跳 转 到大前天的笔记哦。（如果大前天不存在，那么就会定位到文档的顶端，不会有错误发生。）

• 通过使用 map、area 标签，下面的图像可以点击，然后你会直达某个日期的笔记：
  
  虽然很好玩，但我觉得这个要和 SVG、Js 配合才能发挥出大威力，动态计算范围比硬编码靠谱多了。

• iframe 标签可以在网页里再显示网页（很奇迹，不会递归）：
  
  穿越到最初的地方。

---

第三天。

现在是 Code Cademy 和 W3C School 一起看学习着 HTML 。

---

• pre 标签很适合显示计算机代码：

  int a = 0;

  但是没有 关键词高亮 功能诶。

• code 标签，看起来一样：

  int b = 1;

  常常和 pre、var 结合使用，为了更好的文档语义，适当地用好这些标签也是很有必要的。我在此发现了 HTML 的有趣之处。

• 这是超链接标签 a 和引用标签 cite 内的文字。
• address 标签和 footer 标签配合使用，一般放在网页底部，显示版权信息之类的。
• acronym 和 abbr 都是表示缩写，不过 H5 不支持前者，所以一律用后者比较靠谱。

• 这是长的引用：

  这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。

  这是短的引用：

  这是短的引用。

  使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。

• 一打有 二十 十二 件。

  大多数浏览器会改写为删除文本和下划线文本。

  一些老式的浏览器会把删除文本和下划线文本显示为普通文本。

---

由于点击超链接的时候会在当前页面跳转，我想让它自动新建窗口跳转，于是搜了搜，发现最简单的方法是在 head 标签里加上 <base target="_blank" /> 就行了。

还有一种是用 JavaScript 动态修改，麻烦了些。

---

好，今天是第二天。

尝试一下 超链接 和 图片 吧。

---

---

---

关于前端，我目前处于瞎jb学的阶段。

我会尝试做点东西，不断 commit、push，每天完善一下这个页面。

先熟悉一下基本的东西。

---

• 这是无序列表，让我看看能不能改变
• 这些列表项的
• 左边的点的样式

1. 这是有序列表，我看看能不能
2. 把列表项改成罗马数字
3. 嗯？

---

其实以前就接触过一点前端，但当时觉得这玩意儿怎么没有 IDE，标签样式这些没有一个概览窗口查看，很吃力。

WebStorm 似乎是个好东西，但它不是免费的，破解的估计不太稳定，最后查了一下发现其实有公开密钥可用。

……

想了想自己的基础还不太行，先用 Sublime Text 码着吧。