2016.6.10-2016.6.17

说在前面:

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

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

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

时间: 2024-10-24 20:39:27

2016.6.10-2016.6.17的相关文章

stand up meeting 1/8/2016 &amp; weekend 1/9/2016~1/10/2016 &amp;&amp; sprint2扫尾

part 组员                工作              工作耗时/h 明日计划 工作耗时/h    UI 冯晓云 跑通打印机功能,尝试与pdf读取部分结合     6 查漏补缺,扫除UI bug    6 foxit PDF Reader 朱玉影       login 周以舟  ----------------------------       sync 林建平         foxit PDF Reader 张葳  -------------------------

【读书笔记】2016.12.10 《构建高性能Web站点》

本文地址 分享提纲: 1. 概述 2. 知识点 3. 待整理点 4. 参考文档 1. 概述 1.1)[该书信息] <构建高性能Web站点>: -- 百度百科 -- 本书目录: 第1章 绪论 1.1 等待的真相 1.2 瓶颈在哪里 1.3 增加带宽 1.4 减少网页中的HTTP请求 1.5 加快服务器脚本计算速度 1.6 使用动态内容缓存 1.7 使用数据缓存 1.8 将动态内容静态化 1.9 更换Web服务器软件 1.10 页面组件分离 1.11 合理部署服务器 1.12 使用负载均衡 1.1

武汉北大青鸟解读2016年10大IT热门岗位

武汉北大青鸟解读2016年10大IT热门岗位 2016年1月5日 13:37 北大青鸟 这是IT从业者的辉煌时代,IT行业的失业率正处在历史的低点,而且有的岗位——例如网络和安全工程师以及软件开发人员——甚至出现徘徊在1%的失业率.最新调查显示,81%的IT领导者表示很难找到IT人才.即使你不是安全专家也不是软件开发人员,依然也有大量的就业机会.下面武汉北大青鸟徐东校区为你介绍2016年10个热门的IT技能,这些技能是由在IT人力咨询公司Mondo,自由职业者和签约市场Upwork,以及IT教育

2016年10个最热门 IT 职业岗位

北京尚学堂提供 IT时代已经开启.下面就是2016年需求最高的这10项技术. 这是IT从业者的辉煌时代.IT行业的失业率正处在历史的低点,而且有的岗位——例如网络和安全工程师以及软件开发人员——甚至出现徘徊在1%的失业率.根据最近的TEKsystems调查,81%的IT领导者表示很难找到IT人才. 即使你不是安全专家也不是软件开发人员,依然也有大量的就业机会.下面我们要介绍2016年10个热门的IT技能,这些技能是由在IT人力咨询公司Mondo,自由职业者和签约市场Upwork,以及IT教育和培

2016年10月数据库流行度排行榜

DB-Engines Ranking发布了2016年10月最新数据库流行度排行: db趋势

Murano Weekly Meeting 2016.05.10

Meeting time: 2016.May.10 1:00~2:00 Chairperson:  Serg Melikyan, from Mirantis Meeting summary: 1. murano contributors rules Six usage rule: use it only when really necessary (for example if existing code will now work in Py3 at all. If it is a matte

海豚驾考2016年10月8日系统升级公告

海豚驾考2016年10月8日系统升级公告 功能概述: 1.学员报名支付成功后 2.相关人员登陆后台为学员指派一个教练(后面系统完善后,由系统自动指派) 3.在后台[教练列表页]可以查看所有教练各个阶段下的学员人数 4.教练在微信端个人中心页,进入[我的学员]列表页,可以查看各个阶段下的学员 5.教练根据学员的阶段,安排学员学习(包括准备资料.科目一.科目二.... 直到拿本) 6.教练可以在微信上给学员约车(以及取消预约).设置学员的进度 1.微信 - 教练端个人中心页升级(查看我的学员 ->

gitlab fatal: Authentication failed for &#39;http://10.2.80.17:8090/yeyichao/201904041026PROj.git/&#39;

fatal: Authentication failed for 'http://10.2.80.17:8090/yeyichao/201904041026PROj.git/' git config --system --unset credential.helper Push failed: Failed with error: Authentication failed for 血泪史 2018年10月11日 21:26:35 NoOne-csdn 阅读数:833 原因:git 登录时用了一

崔希凡JavaWeb笔记day19-day21(2016年10月4日17:38:58)

难点:jdbc分页查询,以及filter的几个案例 笔记分享如下 链接:http://pan.baidu.com/s/1o8NbI3o 密码:4fnc

2016.6.10 考试总结

汽艇(Boat.cpp/c/pas) [问题描述] 有 n 个人要去坐 1 汽艇,每个人单独坐汽艇的快乐程度是 Ci,每多一个人,他的快乐程度会减去 Di,请求出使快乐程度之和达到最大的方案.(假设汽艇的容量足够大). [输入格式] 输入文件共有 3 行: 第1 行是一个整数 n: 第2 行有n 个整数,依次表示每个人单独坐汽艇的快乐程度 Ci(1<=Ci<=10000): 第3 行有n 个整数,依次表示每多 1 人,每个人快乐程度的下降值 Di(1<=Di<=10). [输出格式