HTML历史版本说明
1.语法声明头
- 任何一个标准的HTML页面，第一行一定是以<!DOCTYPE…开头的语句。DocType Declaration。此标签是告知浏览器文档是使用 HTML或 XHTML 规范。
- 现在学习的是HTML4.0.1这个版本，这个版本是 IE6开始兼容的。HTML5是 IE9开始兼容的。但是 IE6、7、8还不能过早的淘汰，所以这几年（2015年底的观点）的网页还是用 HTML4.0.1来制作。
- HTML4.0.1中有两大种规范，每种又有3种小规范。即共6种规范。
- HTML4.0.1中规定了普通和 XHTML两大种规范：
- HTML觉得自己的一些规定不太严谨，比如标签是否应该用大写。所以 HTML 又制定了一个严格版本 XHTML。
| 小规范 | 描述 | HTML4.0.1 | XHTML1.0 |
|---|---|---|---|
| Strict | 表示严格的。有些标签不能使用。比如 u 标签，让文本加上下划线，这和 HTML 的本质有冲突，所以在 strict 中不能使用 u 标签。 | ||
| Transitional | 普通的 | ||
| Frameset | 带有框架的页面 | ||
| ##### 2、字符集 | |||
| - 字符集用 meta 标签定义，meta 表示“元”，“元配置”就表示项目的基本配置。 | |||
| ``` | |||
| <meta http-equiv=”Content-Type”content=”text/html;charset=UTF-8” | |||
| ``` | |||
| - 中文能够使用的字符集有2种：UTF-8和gb2312（GBK 也合法）. | |||
| ##### 3、关键字和页面描述 | |||
| - meta 除了可以设置字符集，还可以设置关键字和页面描述 | |||
| - 页面描述：只要Description，那么百度搜索结果就能显示这些语句，这个技术叫 SEO（search engine optimization）搜索引擎优化 |
<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />- 关键词：提高搜索命中率
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信,数码,汽车,手机,财经,科技,相册" />- 基本骨架
<!DOCTYPE HTML>
<html>
<head></head>
<body></body>
</html>HTML 基本语法
- 1、HTML标签是分等级的。HTML 将标签分为容器级和文本级。容器级可以放任何东西。文本级只能放文字、图片和表单元素。
- 2、P 标签是文本级标签。
- 3、H 是容器级标签。理论上可以放置p，ul，但不建议使用。
- 4、页面可以插入图片的类型为：JPG，JPEG，GIF，png，bmp。不支持的类型为 PSD，ai。<img为单标签，src 是 source 的缩写，Alt 是alternate，替代的意思。当图片无法显示的时候，显示该文字。
<img src="imgs/2.png" alt="图片加载失败">5、超链接：a 为 anchor，表示为锚，href是hypertext reference。title 为鼠标悬停文本。target 为新建一个空白标签页打开，默认在当前标签页打开。
<a href="20180105hef.html" title="点击有惊喜"target="_blank">前往</a>6、页面内锚点跳转：可以使用 name，也可以使用 id
<p><a href="#wizg"title="点击有惊喜">看我的简历</a></p> <a name="wizg">我爱中国的理由</a>7、跨页面内锚点跳转：
<a href="20180105_缩进.html#wizg">为人民服务</a>8、a 是个文本级标签。
body属性
<body bgcolor="red" background="1.png">font
<font size="15" color="red">
<i> 斜体
<u>下划线
<b>加粗
<s>删除线
<sub>下标线
刘星星要努力学习
</sub>
</s>
</b>
</u>
</i>
</font>- 上标和下标的作用：（设置摄氏度和化学式）
<font size="15" color="red">
今天25<sup>o</sup>C
</font>
<font size="15" color="red">
H<sub>2</sub>O
</font>div和span标记
- div是双标记，没有任何意义的块元素。div里面可以放任何元素
- span是没有任何元素的行内元素。
块元素：不管内容多少，都只占浏览器的一行
图片标记
- 如果需要按照原来的比例进行缩小或者放大，只需单独设置宽或者高即可。
<div align="center"><img src="1.png" alt="desktop" width="500" border="2"></div>图片热点
- 作用：在图片中添加可以点击的链接
- shape:rect circle poly
<img src="1.png" alt="desktop" width="500" border="2" usemap="goto"> <map name="goto"> <area shape="rect" coords="0,0,200,200" href="http://www.baidu.com" alt="点击跳转" target="_blank"> </map>滚动标记
- behavior属性的参数值为alternate、scroll、slide中的一个，分别表示文字来回滚动、单方向循环滚动、只滚动一次，需要注意的是：如果在
#### 多媒体标记
- 不好用，一般放flash（.swf）文件
