Maison > Article > interface Web > 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">文字
向右缩进
等宽标签,多用于英语
被标注文字 x 音频文件为什么不响?
这周处理的一个技术问题是:我引入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。