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. 剑指Offer——银行考试

    剑指Offer--银行考试 网申简历 一. 银行网申简历主要看哪些方面? 1.职业形象(30%),基本体现为证件照: 2.学校+成绩+校内表现(40%),体现为证书,成绩排名以及任职经历等: 3.校外 ...

  2. iOS7 CookBook精彩瞬间（一）property、selector细节、__unused

    1.我们常常使用nonatomic,很多人只知道它的效率较高,却不知道其含义,其含义是非线程安全的,也就是说多线程修改时不加锁,可能出现多个线程先后修改而成为脏数据的情况. 2.unsafe_unre ...

  3. UNIX环境高级编程——环境变量表读取/添加/修改/删除

    #include <stdio.h> #include <stdlib.h> #include <string.h> int main() { char* pVal ...

  4. 【Android应用开发】Android Studio - MAC 版 - 快捷键详解

    博客地址 : http://blog.csdn.net/shulianghan/article/details/47321177 作者 : 韩曙亮 要点总结 : -- 熟练使用快捷键 : 在任何编程环 ...

  5. acm入门搜索-石油数目

    题意:给出一个N*M的矩形区域和每个区域的状态--有/没有石油,(定义)如果两个有石油的区域是相邻的(水平.垂直.斜)则认为这是属于同一个oil pocket. 求这块矩形区域一共有多少oilpock ...

  6. android 使用Vysor投影到电脑

    有没有好的投影软件可以将android屏幕投影到电脑,当然这种很多,比如360就自带了投影功能,小米盒子也可以(不过貌似只能支持到4.4版本),今天要说的是Vysor,google的一款投影软件. V ...

  7. Python爬虫！ 单爬，批量爬，这都不是事！

    昨天做了一个煎蛋网妹子图的爬虫,个人感觉效果不错.但是每次都得重复的敲辣么多的代码(相比于Java或者其他语言的爬虫实现,Python的代码量可谓是相当的少了),就封装了一下!可以实现对批量网址以及单 ...

  8. Qualcomm平台camera调试移植入门

    1  camera基本代码架构 高通平台对于camera的代码组织,大体上还是遵循Android的框架:即上层应用和HAL层交互,高通平台在HAL层里面实现自己的一套管理策略:在kernel中实现se ...

  9. pig加载两个不同字段个数的文件？load file with different items（f1有42列，f2有43列读到一个对象中）

    我文章提到,加载一个文件的部分列是可行.两列,你只读一列,没问题. 但是,两个文件,f1和f2,f1有42列,f2有43列,同时加载到一个流对象,如何? 答:成功加载.但是无结构(schema unk ...

  10. Cocos2D:塔防游戏制作之旅(十八)

    在Enemy.m的getDamaged:方法只给你添加如下1行(在if条件内): [theGame awardGold:200]; 现在运行游戏你将注意到你不能放置超出你资源金币的炮塔了.当然杀死敌人 ...