恶补web之一:html学习(2)
iframe用于在网页内显示网页:<iframe src="URL"></iframe>,iframe可用作链接的目标:
<!DOCTYPE html> <html> <body> <iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe> <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p> <p><b>注释:</b>由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。</p> </body> </html>
<body>拥有2个配置背景的标签,背景可以是颜色或图像。
1.背景颜色bgcolor:
<body bgcolor="#000000"> <body bgcolor="rgb(0,0,0)"> <body bgcolor="black">
2.背景图片
<body background="clouds.gif"> <body background="http://www.w3school.com.cn/clouds.gif">
<body>标签中的背景色,背景和文本属性在html4和xhtml总已被废弃,应使用css来定义html元素的布局和显示属性。
颜色由红,绿,蓝混合而成。颜色由一个16进制符号来定义(RGB),每种颜色最小值为0,最大值为255;大多数浏览器都支持颜色名合集。(仅仅有16种颜色被W3C的html4.0标准所支持,他们是:aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,purple,red,silver,teal,white,yellow)
<!DOCTYPE>声明帮助浏览器正确显示网页。html也有不同版本,只有完全明白页面使用的版本,浏览器才能正确显示出html页面。<!DOCTYPE>不是html标签,拓为浏览器提供一项信息:html是用什么版本编写的(目前最新的版本为html5)。各种版本的语法见下行连接:
http://www.w3school.com.cn/tags/tag_doctype.asp
html头部元素
1.<head>元素。它是所有头部元素的容器,<head>内可包含脚本,指示浏览器在何处可以找到样式表,提供元信息等等。以下标签都可以添加到head。
2.<title>定义文档标题
3.<base>为页面上所有链接规定默认地址或默认目标
<head> <base href="http://www.w3school.com.cn/images/" /> <base target="_blank" /> </head>
4.<link>定义文档与外部资源的关系,最常用于连接样式表
<head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head>
5.<style>为html文档定义样式信息
6.<meta>是关于元数据的信息。元数据不会显示在页面上,但对于机器是可读的。典型情况下,meta用于规定页面的描述、关键词、文档作者、最后修改时间以及其他元数据。<meta>始终位于head元素内。元数据可用于浏览器(如何显示内容或重新加载页面)、搜索引擎(关键词)或其他web服务。
7.<script>标签用于定义客户端脚本。script元素即可包含脚本语句,也可通过src属性指向外部脚本文件。
html中的预留字符必须被替换为字符实体,比如不可以使用<和>号,因为浏览器会误认为它们是标签。如果显示小于号,可以这样写:<或者<
HTML 中有用的字符实体
注释:实体名称对大小写敏感!
| 显示结果 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|
| 空格 | | ||
| < | 小于号 | < | < |
| > | 大于号 | > | > |
| & | 和号 | & | & |
| " | 引号 | " | " |
| ' | 撇号 | ' (IE不支持) | ' |
| ¢ | 分 | ¢ | ¢ |
| £ | 镑 | £ | £ |
| ¥ | 日圆 | ¥ | ¥ |
| € | 欧元 | € | € |
| § | 小节 | § | § |
| © | 版权 | © | © |
| ® | 注册商标 | ® | ® |
| ™ | 商标 | ™ | ™ |
| × | 乘号 | × | × |
| ÷ | 除号 | ÷ | ÷ |
全部的符号可以参考:http://www.w3school.com.cn/tags/html_ref_entities.html
html统一资源定位器URL也称为网址,可以由单词或是ip地址组成。url只能使用ascii字符集来通过internet发送,所以非ascii字符要被转换为有效的ascii格式。url编码用%其后跟随2位16进制数来替换非ascii字符。url不能包括空格,通常使用+来替换空格。
不同浏览器以不同方式处理对音效、动画和视频等多媒体的支持。某些元素能够以内联的方式处理,而其他则需要额外插件。
<object>作用是支持html助手(辅助应用程序或称为插件)。辅助应用程序是可由浏览器启动的程序,其使用<object>标签来加载。还可用<embed>标签(这是一个html5标签,在html4中非法,但所有浏览器中都有效)将插件添加至html页面,这些标签定义资源(通常非html资源)的容器,根据类型,它们即会由浏览器显示,也会由外部插件显示。
<embed height="100" width="100" src="song.mp3" />
使用<!DOCTYPE html>解决验证html版本问题。<object>标签示例如下
<object height="100" width="100" data="song.mp3"></object>
<audio>是一个html5元素,用来在html页面中嵌入音频元素
<audio controls="controls"> <source src="song.mp3" type="audio/mp3" /> <source src="song.ogg" type="audio/ogg" /> Your browser does not support this audio format. </audio>
<video>是html5中的新标签,作用是在html页面中嵌入视频元素
如果网页包含指向媒体文件的超链接,大多数浏览器会使用“辅助应用程序”来播放文件:
<a href="movie.swf">Play a video file</a>
xhtml是以xml格式编写的html:
1.xhtml指可扩展超文本标记语言
2.xhtml与html4.01几乎相同
3.xhtml是更严格更纯净的html版本
4.xhtml是以xml应用的方式定义的html
5.xhtml是2001年1月发布的w3c推荐标准
6.xhtml得到所有主流浏览器支持
与html相比最重要的区别:
1.xhtml DOCTYPE是强制性的
2.<html>中的xml namespace属性是强制性的
3.<html>,<head>,<title>以及<body>也是强制性的
4.xhtml元素必须正确嵌套和关闭
5.xhtml元素必须小写
6.xhtml文档必须有一个根元素
7.xhtml属性必须小写,属性值必须用引号包围
8.xhtml属性最小化是禁止的
以下是一个最小的xhtml文档
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Title of document</title> </head> <body> ...... </body> </html>
可以到w3c官方验证网页是否符合标准:http://validator.w3.org
恶补web之一:html学习(2)的更多相关文章
- 恶补web之一:html学习(1)
发现以前欠下的web知识太多鸟,只有重头开始好好学吧,恶补第一站就是html知识啦! html指的是超文本标记语言,它不是编程语言,而是一种标记语言;标记语言是一套标记标签(markup tag),h ...
- 恶补web之三:http学习
http是超文本传输协议的简称,该协议设计目的是保证客户机与服务器之间的通信.http的工作方式为客户机与服务器之间的请求-应答协议. 一般来说web浏览器是客户端,计算机上的网络应用程序可能作为服务 ...
- 恶补web之五:dhtml学习
dhtml是一种使html页面具有动态特性的艺术.对于多数人来说dhtml意味着html(html DOM),样式表和javascript的组合. dhtml不是w3c标准.dhtml指动态html, ...
- 恶补web之四:xhtml学习
xhtml是更严格更纯净的html代码,它与html4.01兼容.xhtml是以xml重构额html4.01 xhtml与2000年1月26日成为w3c标准,w3c将xhtml定义为最新的html版本 ...
- 恶补web之八:jQuery(3)
jquery和其他js框架.jQuery使用$作为jQuery的简写,但是还有很多js框架,比如: MooTools,Backbone,Sammy,Cappuccino,Knockout,JavaSc ...
- 恶补web之六:javascript知识(2)
若要向html添加新元素,必须首先创建该元素,然后向一个已存在的元素追加该元素 <div id="div1"> <p id="p1">这 ...
- 恶补web之八:jQuery(2)
jquery中非常重要的部分,就是操作dom的能力: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括html标记) val() - 设置或返回表单字段 ...
- 恶补web之八:jQuery(1)
jquery是一个js库,极大的简化了js编程.jquery是一个写的更少,但做的更多的轻量级js库. jquery位于一个js文件中,其中包含了所有jquery函数,可以用如下标记把jquery添加 ...
- 恶补web之二:css知识(3)
css有3种定位机制:普通流,浮动和绝对定位. 除非专门指定,否则所有框都在普通流中定位,即普通流中的元素位置由元素在(x)html中的位置决定. 通过使用position属性,可以选择4种不同类型的 ...
随机推荐
- Linux 内存管理之highmem简介
一.Linux内核地址空间 一般来说Linux 内核按照 3:1 的比率来划分虚拟内存(X86等):3 GB 的虚拟内存用于用户空间,1GB 的内存用于内核空间.当然有些体系结构如MIPS使用2:2 ...
- ROS(indigo)swarm_robot 群机器人示例Gazebo
ROS(indigo)swarm_robot 群机器人示例Gazebo 参考网址:https://github.com/yangliu28/swarm_robot_ros_sim 安装提示:catki ...
- DB Query Analyzer 6.04 is distributed, 78 articles concerned have been published
DB Query Analyzer 6.04 is distributed,78 articles concerned have been published DB Query Analyz ...
- 《java入门第一季》之有趣的集合小案例---获取10个【1-20之间】的随机数,要求不能重复。
import java.util.ArrayList; import java.util.Random; /* * 获取10个[1-20之间]的随机数,要求不能重复.(注意:不是获取10个数,如果单纯 ...
- 尚学堂马士兵struts2 课堂笔记(二)
14通配符问题 其实这个问题看一个例子就ok <package name="actions" extends="struts-default" names ...
- 四大组件之Service小结
总结提高,与君共勉! 1.Service是什么 Service 是看不到界面的,,就是一个没有界面的Activity, 并且长期在后台运行的一个组件.. 由于ANR对Activity和Broadcas ...
- 菜鸟玩云计算之十二:KVM虚拟机更改大小
菜鸟玩云计算之十二:KVM虚拟机更改大小 参考: http://www.missionfamilybank.org/expanding-resizing-your-qcow2-virtual-mach ...
- Block高级用法:Block传值UI_12(3)
1.简单复习Block的定义.赋值.调用做学习传值铺垫: //声明一个函数 无返无参void printfHello(int a);//函数的实现void printfHello(int a){ ...
- C++ Primer 有感(异常处理)(三)
先看下面的代码: [cpp] view plaincopy int main() { int *i=new int(10); /* 这中间的代码出现异常 */ delete i; return 0; ...
- python的read() 、readline()、readlines()、xreadlines()
先来一个小例子: import sys dir= os.path.dirname(os.path.abspath(__file__)) file_path='%s/test.txt' % dir f ...