一、HTML历史
（1）在HTML中，所有标记不区分大小写
（2）在xHTML中，所有标记区分大小写，所有标记都要有闭标记
二、HTML文档的结构（框架）
（1）所有的网页文件，通常由四对标记构成，文档的骨架是：
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
~~<html>...</html>：标识网页文件的开始和结束，所有HTML标记都要放在这对标记中
~~<head>...</head>：标识网页文件的头部信息，如标题、搜索引擎关键字
~~<title>...</title>：标识网页文件的标题
~~<body>...</body>：标识网页文件的主体部分
（2）meta标
~~meta标记用于定义文件信息，对网页文件进行说明，便于搜索引擎查找。放置于<head></head>之间
~~设置关键字：<meta name="keywords" content="value">，多个关键字之间用<,>隔开
~~设置描述：<meta name="description" content="value">
~~设置作者：<meta name="author" content="作者名">
~~设置字符集：<meta http-equiv="content-type" content="text/html;charset=gb2312">
~~设置页面定时跳转：<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">
（3）网页主体标记：body
~~注释：<!--注释内容-->
~~body属性：<body bgcolor="背景色" background="背景图片" text="文本颜色" link="链接文本颜色" vlink="访问过的文本颜色" alink="激活的链接文本颜色" leftmargin="上边界" rightmargin="右边界" topmargin="上边界" bottommargin="下边界">
默认情况下：网页内容与边框距离是有默认值的
（4）标记颜色区分
~~HTML标记：蓝色
~~标记属性：红色
~~标记属性值：紫色
~~HTML标注：绿色
（5）字符格式
~~加粗：<b>文本</b>
~~倾斜：<i>文本</i>
~~加强语气（加粗）：<strong>文本</strong>
~~加强语气（倾斜）：<em>文本</em>
~~下划线：<u>文本</u>
~~删除线：<s>文本</s>
~~上标：<sup>文本</sup>
~~下标：<sub>文本</sub>
比较的内容，建议使用<strong></strong>标记；
文章网页的主题，建议使用<h1></h1>标记；
网页段落内容，建议使用<p></p>标记;
三、上代码
<html> <head> <title>文件名为：day02_demo03</title> </head> <body> <b>这是一段加粗文字</b> <br/> <i>这是一段倾斜文字</i> <br/> <strong>这是一段语气加强（加粗）文字</strong> <br/> <em>这是一段语气加强（倾斜）文字</em> <br/> <u>这是一段下划线文字</u> <br/> <s>这是一段删除文字</s> <br/> <sup>这是一段上标文字</sup> <br/> <sub>这是一段下标文字</sub> <br/><br/><br/> <h3> <u color="blue"> <font color="blue"> 中国领先的IT技术网站51CTO <font color="red">51CTO(www.51cto.com)</font> 一个为CTO、IT技术经理、系统工程师、网络工程师、安全工程师、数据库工程师、网络管理员、开发工程师、项目管理 </font> </u> </h3> <p>51CTO学院_专业的IT职业在线教育及实战培训平台</p> <p>51CTO学院_专业的IT职业在线教育及实战培训平台,拥有云计算,大数据,移动开发,游戏开发</p> </body> </html>
本文出自 “海狗” 博客，请务必保留此出处http://494075592.blog.51cto.com/10682677/1702789
原文地址：http://494075592.blog.51cto.com/10682677/1702789
