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中的预留字符必须被替换为字符实体,比如不可以使用<和>号,因为浏览器会误认为它们是标签。如果显示小于号,可以这样写:&lt;或者<

HTML 中有用的字符实体

注释:实体名称对大小写敏感!

显示结果 描述 实体名称 实体编号
  空格 &nbsp;  
< 小于号 &lt; <
> 大于号 &gt; >
& 和号 &amp; &
" 引号 &quot; "
' 撇号  &apos; (IE不支持) '
&cent; ¢
£ &pound; £
¥ 日圆 &yen; ¥
欧元 &euro;
§ 小节 &sect; §
© 版权 &copy; ©
® 注册商标 &reg; ®
商标 &trade;
× 乘号 &times; ×
÷ 除号 &divide; ÷

全部的符号可以参考: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)的更多相关文章

  1. 恶补web之一:html学习(1)

    发现以前欠下的web知识太多鸟,只有重头开始好好学吧,恶补第一站就是html知识啦! html指的是超文本标记语言,它不是编程语言,而是一种标记语言;标记语言是一套标记标签(markup tag),h ...

  2. 恶补web之三:http学习

    http是超文本传输协议的简称,该协议设计目的是保证客户机与服务器之间的通信.http的工作方式为客户机与服务器之间的请求-应答协议. 一般来说web浏览器是客户端,计算机上的网络应用程序可能作为服务 ...

  3. 恶补web之五:dhtml学习

    dhtml是一种使html页面具有动态特性的艺术.对于多数人来说dhtml意味着html(html DOM),样式表和javascript的组合. dhtml不是w3c标准.dhtml指动态html, ...

  4. 恶补web之四:xhtml学习

    xhtml是更严格更纯净的html代码,它与html4.01兼容.xhtml是以xml重构额html4.01 xhtml与2000年1月26日成为w3c标准,w3c将xhtml定义为最新的html版本 ...

  5. 恶补web之八:jQuery(3)

    jquery和其他js框架.jQuery使用$作为jQuery的简写,但是还有很多js框架,比如: MooTools,Backbone,Sammy,Cappuccino,Knockout,JavaSc ...

  6. 恶补web之六:javascript知识(2)

    若要向html添加新元素,必须首先创建该元素,然后向一个已存在的元素追加该元素 <div id="div1"> <p id="p1">这 ...

  7. 恶补web之八:jQuery(2)

    jquery中非常重要的部分,就是操作dom的能力: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括html标记) val() - 设置或返回表单字段 ...

  8. 恶补web之八:jQuery(1)

    jquery是一个js库,极大的简化了js编程.jquery是一个写的更少,但做的更多的轻量级js库. jquery位于一个js文件中,其中包含了所有jquery函数,可以用如下标记把jquery添加 ...

  9. 恶补web之二:css知识(3)

    css有3种定位机制:普通流,浮动和绝对定位. 除非专门指定,否则所有框都在普通流中定位,即普通流中的元素位置由元素在(x)html中的位置决定. 通过使用position属性,可以选择4种不同类型的 ...

随机推荐

  1. Linux 内存管理之highmem简介

    一.Linux内核地址空间 一般来说Linux 内核按照 3:1 的比率来划分虚拟内存(X86等):3 GB 的虚拟内存用于用户空间,1GB 的内存用于内核空间.当然有些体系结构如MIPS使用2:2 ...

  2. ROS(indigo)swarm_robot 群机器人示例Gazebo

    ROS(indigo)swarm_robot 群机器人示例Gazebo 参考网址:https://github.com/yangliu28/swarm_robot_ros_sim 安装提示:catki ...

  3. 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 ...

  4. 《java入门第一季》之有趣的集合小案例---获取10个【1-20之间】的随机数,要求不能重复。

    import java.util.ArrayList; import java.util.Random; /* * 获取10个[1-20之间]的随机数,要求不能重复.(注意:不是获取10个数,如果单纯 ...

  5. 尚学堂马士兵struts2 课堂笔记(二)

    14通配符问题 其实这个问题看一个例子就ok <package name="actions" extends="struts-default" names ...

  6. 四大组件之Service小结

    总结提高,与君共勉! 1.Service是什么 Service 是看不到界面的,,就是一个没有界面的Activity, 并且长期在后台运行的一个组件.. 由于ANR对Activity和Broadcas ...

  7. 菜鸟玩云计算之十二:KVM虚拟机更改大小

    菜鸟玩云计算之十二:KVM虚拟机更改大小 参考: http://www.missionfamilybank.org/expanding-resizing-your-qcow2-virtual-mach ...

  8. Block高级用法:Block传值UI_12(3)

    1.简单复习Block的定义.赋值.调用做学习传值铺垫: //声明一个函数 无返无参void printfHello(int a);//函数的实现void printfHello(int a){    ...

  9. C++ Primer 有感(异常处理)(三)

    先看下面的代码: [cpp] view plaincopy int main() { int *i=new int(10); /* 这中间的代码出现异常 */ delete i; return 0; ...

  10. python的read() 、readline()、readlines()、xreadlines()

    先来一个小例子: import sys dir= os.path.dirname(os.path.abspath(__file__)) file_path='%s/test.txt'  % dir f ...