2017年5月5号课堂笔记
2017年5月5号 星期五 沙尘暴转晴
内容:U2 HTML5第一节课
一、01第一个霸气的网页
1、老师代码:
<!DOCTYPE html><html><head lang="en"> <!-- html注释 不安全 用户在网页中查看源代码可以看到 w3c : World wide Web Consortium (万维网联盟) 官网: www.w3.org www.chinaw3c.org w3c标准: 01.结构化标准语言 html xhtml xml 02.表现标准语言 css 03.行为标准语言 Dom ECMAScript(js基础) html : Hyper Text Markup Language 超文本标记语言 着重于数据的显示! 超文本: 指的是 页面中可以包含 图片,视频,音频程序等。。。 结构: <html> 开放标签 </html> 闭合标签 <br/> 自闭合标签 head : 头部! 提供网页的基本信息! 比如说:文档的标题,编码格式,搜索关键字等。。 01.title 标题 02.meta: 001.提供了有关于页面的元信息 002.没有内容,通过属性名和属性值来设置信息 003. xhtml 需要闭合 html不需要闭合 body:我们内容展示的地方 --> <meta charset="UTF-8"> <!-- 编码格式--> <meta name="keywords" content="大家好,hello"><!--keywords 搜索关键字--> <meta name="description" content="问候语"><!--description 内容描述 --> <title>这是一个霸气的页面</title></head> <body> 大家辛苦了!</body></html> 2、自己代码:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="keywords" content="做饭好吃,夸媳妇儿"> <meta name="description" content="文本主题"> <title>第一个夸媳妇儿的网页</title></head><body>传说我媳妇儿做饭挺好吃,嘿嘿~</body></html>
二、02标题标签1、老师代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>标题标签的使用</title> <!--title 是整个网页的标题--></head><body> <!-- 内容的标题 h1 - h6 都是标题标签--> <h1>1级标题</h1> <h2>2级标题</h2> <h3>3级标题</h3> <h4>4级标题</h4> <h5>5级标题</h5> <h6>6级标题</h6> <h7>7级标题</h7> 普通的文字</body></html>
2、自己代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>标题标签的使用</title></head><body><h1>军级军官</h1><h2>师级军官</h2><h3>旅级军官</h3><h4>团级军官</h4><h5>营级军官</h5><h6>连级军官</h6> <h7>排级军官</h7>我是班长 </body></html>
三、03段落标签
1、老师代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>段落标签</title></head><body> <p>到现在还记得,面试完后,脚底的轻快,跟快要飞起来一样。 </p> <p> 阳光很好,所以我脱下了羽绒服,换上简单轻便的运动装,把头发扎起来。 金黄色的阳光,斑斑驳驳的,泛着温暖的光。<br/><!-- 换行标签--> 透过树叶之间的缝隙,大把大把的阳光倾洒下来。太阳像是一个慷慨的富人,将自己的所有都奉献出来。 这样好的天气,这样好的心情,只持续了半天而已。 </p></body></html>
2、自己代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>段落标签</title></head><body><p>闪耀着火光的火机终于是划完了那道优美的弧线,叮当落地。天空中响起一阵轰鸣,感热飞弹已经喷着火舌从天而降。 绕岸垂杨的身体开始下坠,他无法立刻使用受身操作,他不是普通的浮空,他是被吸附在“悬磁炮弹”上。</p> <p>火机、绕岸垂杨、悬磁弹的爆炸,一起迎接了感热飞弹的到来。一朵夸张的蘑菇云腾空而起。 但这还没完,气流中被掀得不住翻滚的绕岸垂杨,就看到头顶上空一道粗亮的光柱已经直射而下, 却是枪炮师的终极大招卫星射线……同一时间,绕岸垂杨竟然是把枪炮师的各种高伤大招都吃了个遍。</p> <p>被卫星射线洗涤的他,此时周身还在翻滚着爆炸的光亮和硝烟。<br/><!--换行标签--> 叶修抓紧时间又是操作逐烟霞丢进了几个技能, 围观党们目瞪口呆地看着接连的爆炸硬是轰出一个多达77段的连续攻击。</p> </body></html>
四、04段落,标题,水平线
1、老师代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>段落 标题 水平线</title></head><body> <h3>小学生作文</h3> <!--标题标签--> <hr/><!-- 自闭合标签 水平线--> <p>到现在还记得,面试完后,脚底的轻快,跟快要飞起来一样。 </p> <p> 阳光很好,所以我脱下了羽绒服,换上简单轻便的运动装,把头发扎起来。 金黄色的阳光,斑斑驳驳的,泛着温暖的光。<br/><!-- 换行标签--> 透过树叶之间的缝隙,大把大把的阳光倾洒下来。太阳像是一个慷慨的富人,将自己的所有都奉献出来。 这样好的天气,这样好的心情,只持续了半天而已。 </p></body></html>
2、自己代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>段落 标题 水平线</title></head><body><h3>全职高手</h3><!--标题标签--><hr/><!--自闭合标签 水平线--><p>闪耀着火光的火机终于是划完了那道优美的弧线,叮当落地。天空中响起一阵轰鸣,感热飞弹已经喷着火舌从天而降。 绕岸垂杨的身体开始下坠,他无法立刻使用受身操作,他不是普通的浮空,他是被吸附在“悬磁炮弹”上。</p> <p>火机、绕岸垂杨、悬磁弹的爆炸,一起迎接了感热飞弹的到来。一朵夸张的蘑菇云腾空而起。 但这还没完,气流中被掀得不住翻滚的绕岸垂杨,就看到头顶上空一道粗亮的光柱已经直射而下, 却是枪炮师的终极大招卫星射线……同一时间,绕岸垂杨竟然是把枪炮师的各种高伤大招都吃了个遍。</p> <p>被卫星射线洗涤的他,此时周身还在翻滚着爆炸的光亮和硝烟。<br/><!--换行标签--> 叶修抓紧时间又是操作逐烟霞丢进了几个技能, 围观党们目瞪口呆地看着接连的爆炸硬是轰出一个多达77段的连续攻击。</p><!--段落标签--> </body></html>
五、05斜体加粗
1、老师代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>斜体加粗</title></head><body> <h3>小学生作文</h3> <!--标题标签--> <hr/><!-- 自闭合标签 水平线--> <p>到现在还记得,面试完后,脚底的轻快,跟快要 <strong><em>飞起来</em></strong>一样。 </p><!-- strong 字体加粗 --> <!-- em i 都是斜体--> <p> 阳光很好,所以我脱下了羽绒服,换上简单轻便的运动装,把头发扎起来。 金黄色的阳光,斑斑驳驳的,泛着温暖的光。<br/><!-- 换行标签--> 透过树叶之间的缝隙,大把大把的阳光倾洒下来。太阳像是一个慷慨的富人,将自己的所有都奉献出来。 这样好的天气,这样好的心情,只持续了半天而已。 </p></body></html>
2、自己代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>斜体加粗</title></head><body><h3>全职高手</h3><hr/><p>闪耀着火光的火机终于是划完了那道优美的弧线,叮当落地。天空中响起一阵轰鸣,感热飞弹已经喷着火舌从天而降。 绕岸垂杨的身体开始下坠,他无法立刻使用受身操作, 他不是普通的浮空,他是被吸附在<strong>“悬磁炮弹”</strong>上。</p><!--strong 字体加粗--><p>火机、绕岸垂杨、悬磁弹的爆炸,一起迎接了感热飞弹的到来。一朵夸张的蘑菇云腾空而起。 但这还没完,气流中被掀得不住翻滚的绕岸垂杨,就看到头顶上空一道粗亮的光柱已经直射而下, 却是枪炮师的终极大招<strong><i>卫星射线</i></strong>…… 同一时间,绕岸垂杨竟然是把枪炮师的各种高伤大招都吃了个遍。</p><!--如果你只想使用斜体字来显示文本的话,请使用 <i> 标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义。--><p>被卫星射线洗涤的他,此时周身还在翻滚着爆炸的光亮和硝烟。<br/><!--换行标签--> 叶修抓紧时间又是操作逐烟霞丢进了几个技能, 围观党们目瞪口呆地看着接连的爆炸硬是轰出一个<em>多达77段的连续攻击。</em></p><!--em <em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。尽管现在 <em> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本。--> </body></html>
六、06特殊符号
1、老师代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>特殊符号</title> <!-- 空格 > 大于号 < 小于号 " " © C ® R ™ : alt+153 --> </head><body> <h3>小学生 作文></h3> <!--标题标签--> <hr/><!-- 自闭合标签 水平线--> <p>到现在还记得,面试完后,脚底的轻快,跟快要 <strong><em>飞起来</em></strong>一样。 </p><!-- strong 字体加粗 --> <!-- em i 都是斜体--> <p> 阳光很好,所以我脱下了羽绒服,换上简单轻便的运动装,把头发扎起来。 金黄色的阳光,斑斑驳驳的,泛着温暖的光。<br/><!-- 换行标签--> 透过树叶之间的缝隙,大把大把的阳光倾洒下来。太阳像是一个慷慨的富人,将自己的所有都奉献出来。 这样好的天气,这样好的心情,只持续了半天而已。 </p> © ® ™</body></html>
2、自己代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>特殊符号</title> <!-- 空格> 大于号< 小于号" "© C® R ™ : alt+153--></head><body><h3>全职 高手></h3><hr/><p>闪耀着火光的火机终于是划完了那道优美的弧线,叮当落地。天空中响起一阵轰鸣,感热飞弹已经喷着火舌从天而降。 绕岸垂杨的身体开始下坠,他无法立刻使用受身操作, 他不是普通的浮空,他是被吸附在<strong>“悬磁炮弹”</strong>上。</p><!--strong 字体加粗--><p>火机、绕岸垂杨、悬磁弹的爆炸,一起迎接了感热飞弹的到来。一朵夸张的蘑菇云腾空而起。 但这还没完,气流中被掀得不住翻滚的绕岸垂杨,就看到头顶上空一道粗亮的光柱已经直射而下, 却是枪炮师的终极大招<strong><i>卫星射线</i></strong>…… 同一时间,绕岸垂杨竟然是把枪炮师的各种高伤大招都吃了个遍。</p><!--如果你只想使用斜体字来显示文本的话,请使用 <i> 标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义。--><p>被卫星射线洗涤的他,此时周身还在翻滚着爆炸的光亮和硝烟。<br/><!--换行标签--> 叶修抓紧时间又是操作逐烟霞丢进了几个技能, 围观党们目瞪口呆地看着接连的爆炸硬是轰出一个<em>多达77段的连续攻击。</em></p><!--em <em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。尽管现在 <em> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本。-->©®™<!--后三行效果图 © ® ™--> </body></html>
七、07图片操作
1、老师代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>图片标签</title> <!-- 因为项目中 会有很多图片! 也不能保证 客户端 有这些文件! 图片的路径肯定不能写成绝对路径! 怎么办? 01.在项目中创建images文件夹 02.把项目需要的所有图片放进images文件夹 03.在页面中引入图片 images文件夹和07 图片操作这个页面什么关系? 平级!!! 07图片操作想引入 images文件夹下面的 cat.jpg --></head><body> <h1>这是一只可爱的小猫咪</h1> <!-- src:图片存放的位置,一定要弄清楚 当前页面和图片的关系 height:图片高度 width:图片宽度 title:鼠标悬停在图片时的文字 alt:如果图片不能正常显示 出现的替换文字 ../代表返回上一级 一定要找到当前页面和图片所在文件夹的平级 --> <img src="data:images/cat.jpg" height="300" width="300" title="这是一只可爱的小猫咪" alt="小猫咪出去捉鱼了"></body></html>
2、自己代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>图片标签</title> <!-- 因为项目中 会有很多图片! 也不能保证 客户端 有这些文件! 图片的路径肯定不能写成绝对路径! 怎么办? 01.在项目中创建images文件夹 02.把项目需要的所有图片放进images文件夹 03.在页面中引入图片 images文件夹和07 图片操作这个页面什么关系? 平级!!! 07图片操作想引入 images文件夹下面的 cat.jpg --> </head><body><h1>香吉士小时候</h1><!-- <img>导入图片,不用闭合 src:图片存放的位置,一定要弄清楚 当前页面和图片的关系 height:图片高度 width:图片宽度 title:鼠标悬停在图片时的文字 alt:如果图片不能正常显示 出现的替换文字 ../代表返回上一级 一定要找到当前页面和图片所在文件夹的平级 --><img src="data:images/sanji05.jpg" height="220" width="300" title="香吉士小时候也那么帅" alt="香吉士去找娜美约会了,暂时不在^_^" > </body></html>
八、08超链接
1、老师代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>超链接标签</title></head><body><!--href:需要连接的页面 ! 默认都是跳转到 页面的最顶部target:在哪个窗口打开 默认是 _self 在本窗口打开 _blank 新开窗口显示--> <a href="http://www.baidu.com" target="_blank">跳转到百度页面</a><a href="http://www.taobao.com" target="_blank">跳转到淘宝页面</a></body></html>
2、自己代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>超链接标签</title></head><body><!--<a>:超链接href:需要连接的页面 ! 默认都是跳转到 页面的最顶部target:在哪个窗口打开 默认是 _self 在本窗口打开 _blank 新开窗口显示--><a href="http://www.baidu.com" target="_self">跳转到百度主页</a><hr/><a href="http://www.qq.com" target="_blank">在新开页面中跳转到腾讯主页</a><br/><a href="http://www.aliyun.com" target="_parent">跳转到阿里云主页</a></body>
九、09锚链接
1、老师代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>锚链接</title></head><body><!--锚链接: 01.本页面 去找到本面中的第100猫咪的位置 解决办法: 01.现在第100猫咪的位置 做一个标记 怎么做标记! <a name="cat">第100猫咪的位置 </a> 02.创建跳转的链接 本页面就是# 标记名称是cat <a href="#cat">跳转到第100猫咪的位置</a> 02.不同的页面跳转 从当前页面的21行 点击a超链接时, 跳转到 10锚链接页面的 <a name="cat">第100猫咪的位置 </a> 01.跨页面了没有? 还能使用# ? 02.# 不能省略 但是需要加上 目标页面的名称--> <a href="10锚链接.html#cat">跳转到第100猫咪的位置</a> <br/> </body></html>
2、自己代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>09锚链接</title> </head><body><!--锚链接: 01.本页面 去找到本页面中的第18个香吉士的位置 解决办法: 01.在第18个香吉士的位置 做一个标记 怎么做标记! <a name="sanji">第18个香吉士的位置 </a> 02.创建跳转的链接 本页面就是# 标记名称是sanji <a href="#cat">跳转到第18个香吉士的位置</a> 02.不同的页面跳转 从当前页面的25行 点击a超链接时, 跳转到 10锚链接页面的 <a name="sanji">第18个香吉士的位置 </a> 01.跨页面了没有? 还能使用# ? 02.# 不能省略 但是需要加上 目标页面的名称--><a href="10锚链接.html#sanji" target="_blank">跳转到第18个香吉士的位置</a> </body></html>
十、10锚链接
1、老师代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>锚链接</title></head><body> <img src="data:images/cat.jpg" title="第1个猫咪"><img src="data:images/cat.jpg" title="第2个猫咪"><img src="data:images/cat.jpg" title="第3个猫咪"><img src="data:images/cat.jpg" title="第4个猫咪"><img src="data:images/cat.jpg" title="第5个猫咪"><img src="data:images/cat.jpg" title="第6个猫咪"><img src="data:images/cat.jpg" title="第1个猫咪"><img src="data:images/cat.jpg" title="第1个猫咪"><img src="data:images/cat.jpg" title="第1个猫咪"><img src="data:images/cat.jpg" title="第1个猫咪"><img src="data:images/cat.jpg" title="第100个猫咪"><a name="cat">第100猫咪的位置 </a><img src="data:images/cat.jpg" title="第101个猫咪"><img src="data:images/cat.jpg" title="第102个猫咪"><img src="data:images/cat.jpg" title="第103个猫咪"><img src="data:images/cat.jpg" title="第104个猫咪"> </body></html>
2、自己代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>10锚链接</title></head><body><a href="#cat">跳转到第18个香吉士的位置</a> <img src="data:images/sanji05.jpg" title="第1个香吉士"><img src="data:images/sanji05.jpg" title="第2个香吉士"><img src="data:images/sanji05.jpg" title="第3个香吉士"><img src="data:images/sanji05.jpg" title="第4个香吉士"><img src="data:images/sanji05.jpg" title="第5个香吉士"><img src="data:images/sanji05.jpg" title="第6个香吉士"><img src="data:images/sanji05.jpg" title="第7个香吉士"><img src="data:images/sanji05.jpg" title="第8个香吉士"><img src="data:images/sanji05.jpg" title="第9个香吉士"><img src="data:images/sanji05.jpg" title="第10个香吉士"><br/><img src="data:images/sanji05.jpg" title="第11个香吉士"><img src="data:images/sanji05.jpg" title="第12个香吉士"><img src="data:images/sanji05.jpg" title="第13个香吉士"><img src="data:images/sanji05.jpg" title="第14个香吉士"><img src="data:images/sanji05.jpg" title="第15个香吉士"><img src="data:images/sanji05.jpg" title="第16个香吉士"><img src="data:images/sanji05.jpg" title="第17个香吉士"><img src="data:images/sanji05.jpg" title="第18个香吉士"><a name="sanji">第18个香吉士的位置</a><img src="data:images/sanji05.jpg" title="第19个香吉士"><img src="data:images/sanji05.jpg" title="第20个香吉士"> </body></html>
十一、11功能性链接
1、老师代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>功能性链接</title></head><body> <a href="mailto:501804292@qq.com">联系老板</a></body></html>
2、自己代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>功能性链接</title></head><body><a href="mailto:1234657@qqcom">联系老板</a><!--mailto使用前提是本机装有例如Outlook这样的可使用mail功能的软件--></body></html>
十二、12行内元素和块元素
1、老师代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>块元素</title> <!-- 块元素 :无论内容多少 都会独占一行! h1 -h6 p div 行内元素:内容会撑开宽度!如果元素周围都是行内元素,则在一行显示! a strong i em --></head><body><img src="data:images/cat.jpg" height="20" width="20"><img src="data:images/cat.jpg" height="20" width="20"><img src="data:images/cat.jpg" height="20" width="20"><img src="data:images/cat.jpg" height="20" width="20"></body></html>
2、自己代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>块元素</title> <!-- 块元素 :无论内容多少 都会独占一行! 例如: h1 -h6 p div hr center 具体例子:05斜体加粗 行内元素:内容会撑开宽度!如果元素周围都是行内元素,则在一行显示! a strong i em 具体例子:10锚链接 特殊的一个: img 是替换内联元素 replaced inline element,属于inline element类目。 和其它的内联元素(行内元素)有什么不同呢? 它在计算height/margin/width等值或在绝对定位的时候,有一些额外的规则。 比如设定了width但未设置height, img的height会根据比列缩放。 具体例子如下所示: --></head><body><img src="data:images/sanji05.jpg" height="200" width="200"><img src="data:images/sanji05.jpg" height="200" width="200"><img src="data:images/sanji05.jpg" width="20"><img src="data:images/sanji05.jpg" width="20"><img src="data:images/sanji05.jpg" height="200" width="200"><img src="data:images/sanji05.jpg" height="200" width="200"><img src="data:images/sanji05.jpg" width="20"><img src="data:images/sanji05.jpg" width="20"><img src="data:images/sanji05.jpg" height="200" width="200"><img src="data:images/sanji05.jpg" height="200" width="200"><img src="data:images/sanji05.jpg" width="20"><img src="data:images/sanji05.jpg" width="20"> </body></html>
十三、meta
HTML <meta> 标签
浏览器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有浏览器都支持 <meta> 标签。
定义和用法
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
HTML 与 XHTML 之间的差异
在 HTML 中,<meta> 标签没有结束标签。
在 XHTML 中,<meta> 标签必须被正确地关闭。
提示和注释:
注释:<meta> 标签永远位于 head 元素内部。
注释:元数据总是以名称/值的形式被成对传递的。
必需的属性
属性 | 值 | 描述 |
---|---|---|
content | some_text | 定义与 http-equiv 或 name 属性相关的元信息 |
可选的属性
属性 | 值 | 描述 |
---|---|---|
http-equiv |
|
把 content 属性关联到 HTTP 头部。 |
name |
|
把 content 属性关联到一个名称。 |
scheme | some_text | 定义用于翻译 content 属性值的格式。 |
name 属性
name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。
"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助:
<meta name="keywords"
content="HTML,ASP,PHP,SQL">
如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。
http-equiv 属性
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:
<metahttp-equiv="charset"
content="iso-8859-1"> <metahttp-equiv="expires"
content="31 Dec 2008">
这样发送到浏览器的头部就应该包含:
content-type: text/html charset:iso-8859-1 expires:31 Dec 2008
当然,只有浏览器可以接受这些附加的头部字段,并能以适当的方式使用它们时,这些字段才有意义。
content 属性
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。
scheme 属性
scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。
全局属性
<meta> 标签支持 HTML 中的全局属性。
TIY 实例
- 文档描述
- Meta 元素中的信息可以描述 HTML 文档。
- 文档关键字
- Meta 元素中的信息可以描述文档的关键词。
- 重定向
- 这个例子演示:在网址已经变更的情况下,将用户重定向到另外一个地址。
十四、图片格式
1、BMP格式
编辑
是一种与硬件设备无关的图像文件格式,使用非常广。它采用位映射存储格式,除了图像深度可选以外,不采用其他任何压缩,因此,BMP文件所占用的空间很大。BMP文件的图像深度可选lbit、4bit、8bit及24bit。BMP文件存储数据时,图像的扫描方式是按从左到右、从下到上的顺序。
优点
编辑
缺点
编辑
使用范围
编辑
压缩模式
编辑
十五、作业和考试1、作业(1)mindmanager写今天讲的东西(2)周末写完项目,下周三再次答辩(3)老师今天讲的东西自己敲一遍 2、考试
2017.05.05
16:43开始,17:13结束;答题时间:29 分钟;检查时间: 1 分钟;
成绩: 84 分
u2第一次考试
十六、老师辛苦了
转载于:https://www.cnblogs.com/wsnedved2017/p/6812612.html
2017年5月5号课堂笔记相关推荐
- 2017年4月5号课堂笔记
2017年4月5号 晴 轻度雾霾 内容:Set,Map,遍历集合的方法,泛型,小Demo,Collections工具类的使用 一.Set 老师代码: package cn.bdqn.test; imp ...
- 2017年6月16号课堂笔记
2017年6月16号 星期五 空气质量:中度污染~轻度污染 内容:jQuery:remove,bind,attr,on和live,同辈和父辈节点的操作, keyup/keypress/keydown, ...
- 2017年06月07号课堂笔记
2017年06月07号 晴 空气质量:中度污染->良 内容:jQuery第二节:基本选择器,层次选择器,属性选择器, 基本过滤选择器,可见性过滤选择器 备注:代课老师:李老师 一.基本选择器 1 ...
- 2017年6月21号课堂笔记
2017年6月21号 星期三 多云转雷阵雨 空气质量:中度污染~轻度污染 内容: JavaScript 原型式面向对象 01基于Object的对象的方式创建对象:02使用字面量赋值方式创建对象 03构 ...
- 2017年4月21号课堂笔记
2017年4月21号 星期五 空气质量:良 内容:XML,Dom4j解析XML文件,单例 一.XML 老师代码: <?xml version="1.0" encoding=& ...
- 2017年07月03号课堂笔记
2017年07月03号 星期一 多云 空气质量:轻度污染~中度污染 内容:MySQL第四节课 in和not in:两个表的内连接:exists和not exsits的使用:all,any和some: ...
- 2017年4月24号课堂笔记
2017年4月24号 晴 空气质量:中度污染 内容:反射及相关,java设计六大原则(自学) 一.反射机制 在 程序运行期间,对于任何一个类,都能获得它的所有方法和属性! 对于任何一个对象,都能调 ...
- 2017年3月13号课堂笔记
2017年3月13号 晴 空气质量:优 内容:双重循环,Java基础总结 一.Double01(3个班级各4名学员参赛,求每个班的平均分) 1.老师代码: public class Double01 ...
- 2017年6月23号课堂笔记
2017年6月23号 星期五 暴雨转阵雨 空气质量:良 内容: 01jQuery-Validate验证插件的使用:02bootstrap小例子: 03引用charisma代码小例子 一.jQuery- ...
最新文章
- “黑客”一年能赚多少钱?
- mysql明明有索引却用不到的情况
- 前端每日实战:164# 视频演示如何用原生 JS 创作一个数独训练小游戏(内含 4 个视频)...
- 个人比较喜欢的JS网页跳转传值
- 个性化服务谋定移动电子商务-李玉庭:经信研究重整购物
- 【密码学】一万字带您走进密码学的世界(下)
- flink 卡夫卡_卡夫卡–一次语义学
- 优化LibreOffice如此简单
- 国外机器人产业发展经验
- 定义工作,解读自我——IT帮2019年2月线下活动回顾
- Etcher/下载链接
- 未来计算机体系结构探索,未来计算机体系结构将是什么样的发展趋势
- Qt开发技术:Qt绘图系统(二)QPainter详解
- JS判断当前手机类型
- 10个小故事,思考大数据
- win10防火墙不能自动启动
- win10 注销 睡眠 休眠 cmd 命令
- ArrayList的add方法详解——让我们好好看看一个元素是如何插入到ArrayList集合当中(源码级别)
- mac设置端口号转发到默认端口80、443
- Python 带你高效剪辑创作短视频