2016.6.10-2016.6.17_html/css_WEB-ITnose

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

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

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 class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li>文字</li></ol></pre>    <!--预设标签，文字按原文档格式显示-->    <nobr>不折行</nobr><!--标签内的文字不会自动换行-->    <blockquote>向右缩进</blockquote>    <div>层标签</div><br><br>    <!--页面文字-->    <h2>标题格式</h2>    <!--段落标签-->    <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>x</var><!--变量声明-->

音频文件为什么不响？

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

 1  2  3     <meta charset="utf-8"> 4     <title></title> 5  6  7     audio player not available. 8     <source src="１.mp3" type="audio/mp3"> 9 10 

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