懂得html的常识
日期：2014-05-17 浏览次数：20799 次
了解html的常识
web:
在适用Internet、维护工作量等方面，B/S比C/S要强得多的多；但在运行速度、数据安全、
人机交互等方面，B/S远不如C/S。综合起来可以发现，凡是C/S的强项，便是B/S的弱项，反之亦然
1、了解一些html基本常识
（1）什么是html，发展历史
制作网页的标记语言.
Hypertext Markup Language的英文缩写,即超文本标记语言.
是一种标记语言,不需要编译,直接由浏览器执行.
是一个文本文件,包含了一些HTML元素,标签等.HTML文件必须使用html或htm为文件名后缀.
是大小写不敏感的.
HTML是由W3C的维护的(http://www.w3school.com.cn/)
1990年, Tim Berners-Lee 创立了HTML,web之父
1997年, HTML4.0成为W3C标准
（2）w3c、web标准
结构：html,xhtml,xml
表现：CSS
行为：W3C DOM，ECMAScript
（3）xhtml与文档类型声明
EXtensible Hypertext Markup Language，html-->xml 过渡。
常见的文档类型声明
XHTML 过渡型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 严格型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML严格型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML松散型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
（4）主要浏览器
IE浏览器是用户数量最多的浏览器，超过80％的用户使用IE.
Firefox
由Mozilla基金会所开发，市场使用率第二。
Navigator
Netscape通信公司开发，是浏览器的最早的创始者和先驱者。
Google Chrome
Google在2008年新推出的浏览器
2、掌握html基本结构及主要标记的使用。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<!--
<meta http-equiv="refresh" content="3;url=http://bbs.tarena.com.cn">
<meta http-equiv="refresh" content="3">
-->
<title>html01</title>
<link rel="stylesheet" type="text/css" href="css/1.css">
</head>
<body>
<h1>欢迎来到达内</h1>
<p>欢迎大家来到<a href="http://bbs.tarena.com.cn">达内</a></p>
<h2>在这里，你可以</h2>
<ul>
<li>学java</li>
<li>有机会找到人生的另外一半</li>
</ul>
</body>
</html>
（1）meta
http-equiv="content-type"告知浏览器HTML页面的编码方式。
http-equiv="refresh",指定页面刷新的频率。
name="keywords"，为搜索引擎指定关键字，例如：
<meta name="keywords" content=“tarena","java">
（2）link
（3）列表
ul元素用于创建无号序列表
ol元素用于创建有序号列表
li元素表示列表项目
（4）块级元素与行内元素
div、p 、h1等元素常常被称为“块级元素”（需要另开始一行）；
span、 strong 等元素称为“行内元素” （不需要另开始一行）
3、掌握链接的使用
（1）基本语法
<a href="http://www.sina.com" target="">sina</a>
target属性确定链接页面显示的窗口
_blank(新窗口), _self(原窗口)
（2）文档内导航
<a name="top"/> … … … <a href="#top">to top</a>
（3）发送邮件
<a href="mailto:eric_ct@126.com?subject=hello">发送邮件</a>
（4）图片作为链接
<a href="#"><img border="0" src="img/dl.gif" /></a>
（5）图片区域产生链接
<img src="index04.jpg" width="500" height="500" border="0" usemap="#m1" />
<map name="m1" id="m1">
<area shape="rect" coords="…" href="#" />
<area shape="circle" coords="…" href="#" />
<
web:
在适用Internet、维护工作量等方面，B/S比C/S要强得多的多；但在运行速度、数据安全、
人机交互等方面，B/S远不如C/S。综合起来可以发现，凡是C/S的强项，便是B/S的弱项，反之亦然
1、了解一些html基本常识
（1）什么是html，发展历史
制作网页的标记语言.
Hypertext Markup Language的英文缩写,即超文本标记语言.
是一种标记语言,不需要编译,直接由浏览器执行.
是一个文本文件,包含了一些HTML元素,标签等.HTML文件必须使用html或htm为文件名后缀.
是大小写不敏感的.
HTML是由W3C的维护的(http://www.w3school.com.cn/)
1990年, Tim Berners-Lee 创立了HTML,web之父
1997年, HTML4.0成为W3C标准
（2）w3c、web标准
结构：html,xhtml,xml
表现：CSS
行为：W3C DOM，ECMAScript
（3）xhtml与文档类型声明
EXtensible Hypertext Markup Language，html-->xml 过渡。
常见的文档类型声明
XHTML 过渡型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 严格型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML严格型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML松散型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
（4）主要浏览器
IE浏览器是用户数量最多的浏览器，超过80％的用户使用IE.
Firefox
由Mozilla基金会所开发，市场使用率第二。
Navigator
Netscape通信公司开发，是浏览器的最早的创始者和先驱者。
Google Chrome
Google在2008年新推出的浏览器
2、掌握html基本结构及主要标记的使用。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<!--
<meta http-equiv="refresh" content="3;url=http://bbs.tarena.com.cn">
<meta http-equiv="refresh" content="3">
-->
<title>html01</title>
<link rel="stylesheet" type="text/css" href="css/1.css">
</head>
<body>
<h1>欢迎来到达内</h1>
<p>欢迎大家来到<a href="http://bbs.tarena.com.cn">达内</a></p>
<h2>在这里，你可以</h2>
<ul>
<li>学java</li>
<li>有机会找到人生的另外一半</li>
</ul>
</body>
</html>
（1）meta
http-equiv="content-type"告知浏览器HTML页面的编码方式。
http-equiv="refresh",指定页面刷新的频率。
name="keywords"，为搜索引擎指定关键字，例如：
<meta name="keywords" content=“tarena","java">
（2）link
（3）列表
ul元素用于创建无号序列表
ol元素用于创建有序号列表
li元素表示列表项目
（4）块级元素与行内元素
div、p 、h1等元素常常被称为“块级元素”（需要另开始一行）；
span、 strong 等元素称为“行内元素” （不需要另开始一行）
3、掌握链接的使用
（1）基本语法
<a href="http://www.sina.com" target="">sina</a>
target属性确定链接页面显示的窗口
_blank(新窗口), _self(原窗口)
（2）文档内导航
<a name="top"/> … … … <a href="#top">to top</a>
（3）发送邮件
<a href="mailto:eric_ct@126.com?subject=hello">发送邮件</a>
（4）图片作为链接
<a href="#"><img border="0" src="img/dl.gif" /></a>
（5）图片区域产生链接
<img src="index04.jpg" width="500" height="500" border="0" usemap="#m1" />
<map name="m1" id="m1">
<area shape="rect" coords="…" href="#" />
<area shape="circle" coords="…" href="#" />
<
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
