码迷,mamicode.com
首页 > 其他好文 > 详细

2016.6.10-2016.6.17

时间:2016-06-17 14:23:26      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

说在前面:

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

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

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

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


头:

<meta>标签:定义在<head>标签中。用于定义网页的信息。

下面是一些总结:

 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> &nbsp; <!空格> <ruby>被标注文字<rt>标注文字</rt></ruby><!文字标注> <var>x</var><!变量声明>

音频文件为什么不响?

这周处理的一个技术问题是:我引入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="1.mp3" type="audio/mp3"></audio>
 9 </body>
10 </html>

 

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

 


 

2016.6.10-2016.6.17

标签:

原文地址:http://www.cnblogs.com/jingsen/p/5593719.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!