2016.6.10-2016.6.17

说在前面：

嗯...博主现在是大一，前段时间犯脑癌想开一个技术博，记录一下学习过程，也是这么做的。

为什么要学前端呢？无非就是为了走在发家致富，迎娶白富美的康庄大道上。那几周来对前端开发已经入门了，（鼓掌，鼓掌）非常有意思。但还是感觉道阻且长。不懂的东西越来越多......不过还好，有好多人帮我呀，ありがとう。

html+css+js，入门很容易。读过网页设计的书也感觉OK。(捂脸，折腾小一个月还是有战果的)，希望懒癌远离我，让我坚持把博客写下去。

从这周开始对学过的HTML5和CSS，开始梳理一下知识点（我觉得重要的标签，今天先写一部分）。

---

头：

标签：定义在

标签中。用于定义网页的信息。

下面是一些总结：

 1     meta charset="utf-8" />
 2     页面编码信息>
 3     meta http-equiv="refresh" content="5"; url="www.baidu.com"/>
 4     url被省略时，为刷新本页面>
 5     meta http-equiv="expires" content="Sunday 26 October 2016 01:00 GMT">
 6     设置网页缓存过期时间>
 7     meta http-equiv="cache-control" content="no-cache"/>
 8     meta http-equiv="pragma" content="no-cache"/>
 9     禁止缓存>
10     meta http-equiv="set-cookie" content="Sunday 26 October 2016 01:00 GMT"/>
11     删除cookie>
12     meta http-equiv="window-target" content="_top"/>
13     打开新窗口,top代表打开一个独立页面>
14     meta http-equiv="enter-equiv" content="revealtrans(duration=3,transition=12)"/>
15     网页过度效果 用css和javascript代替>
16     meta name="keyword" content="网页设计"/>
17     帮搜索引擎，有的搜索引擎会限制关键字，之间用逗号隔开>
18     meta name="description" content="学习网页设计的网站"/>
19     设置页面描述>
20     meta name="generator" content="Adobe Dreamweaver CS3"/>
21     设置编辑工具>
22     meta name="author" content="jingsen_liu"/>
23     设置作者>
24     meta name="robots" content="all"/>
25     限制搜索方式。。。>

页面标签：用于网页文字排版：

 排版标签>
    页面注释>
    p>段落标签p>
    br/>
    换行标签>
    hr width="100" size="100" color="#9999ff">
    插入一条水平线,设置水平线的宽度和长度，颜色>
    hr align="center">
    水平线对齐方式，包括center，left，right，默认为center>
    hr noshade>
    去除水平线阴影>
    center>居中标签center>
    pre>文字pre>
    预设标签，文字按原文档格式显示>
    nobr>不折行nobr>标签内的文字不会自动换行>
    blockquote>向右缩进blockquote>
    div>层标签div>


    页面文字>
    h1>标题格式h1>
    段落标签>
    font face="宋体，隶书" color="blue" size="4">文字font>
    设置不同的文字字体，h5中用span代替 >
    em>斜体字em>
    strong>粗体字strong>
    u>带下滑线文字u>
    strike>删除线文字strike>
    s>删除线文字s>
    sub>下标sub>
    sup>上标sup>
    code>等宽标签，多用于英语code>
     
    空格>
    ruby>被标注文字rt>标注文字rt>ruby>文字标注>
    var>xvar>变量声明>

音频文件为什么不响？

这周处理的一个技术问题是：我引入HTML文件的音频文件不响。下面的代码没有对播放器的格式进行太多设置（代码是正确的），毕竟没有学javascrit呢，现在只能用CSS改改播放器界面大小。

 1 html>
 2 head lang="en" >
 3     meta charset="utf-8">
 4     title>title>
 5 head>
 6 body>
 7     audio src="#">audio player not available.audio>
 8     audio controls="controls" autoplay="autoplay" loop="loop">source src="１.mp3" type="audio/mp3">audio>
 9 body>
10 html>

原因：编译器不识别我引入的音频文件的格式，要在编译器里确定音频文件的格式为.mp3。

---