HTML语言课件

HTML语言

一． HTML简介 二． HTML的基本标记 三． HTML的格式化标记 四． HTML的链接标记 五． HTML的列表标记 六． HTML的图片标记 七． HTML的框架标记 八． HTML的表格标记 九． HTML的表单标记 十． HTML的层标记 十一． HTML的文件头标记

一． HTML简介

1.1 什么是HTML

HTML是一种构成网页基础的语言，同时由一些简单的英文单词构成； HTML是一个超文本标记语言；

HTML是由浏览器解释执行的一种语言； HTML是由成对的标记构成的。

1.2 学习HTML的目的

HTML是WEB开发的基础； HTML是电子商务平台的基础； HTML是后续学习的基础； HTML是JSP的基础。

1.3 HTML的发展史

1993年，超文本标记语言（第一版）被推出； 1995年，HTML2.0的标准被推出，W3C推荐； 1996年，HTML3.0推出，W3C推荐； 1997年，HTML4.0推出，W3C推荐；

1999年，HTML4.01推出，W3C推荐，至今为止的一个最终版本；

2000年以后，XML、XHTML兴起，大有取代HTML之意，但是举步维艰； 2008年，HTML5.0的草案推出；

2011年，HTML5.0的第二个草案推出，W3C认可。

1.4 HTML的文档结构

Welcome to Web Site 1.5 第一个HTML文档

：是HTML文档的起始和结束标记；

：是HTML文档的头标记，包含所有网页关联内容，如字符集、关键字、搜索引擎等；

静夜思

床前明月光，疑是地上霜；举头望明月，低头思故乡。 Hn标记是用来控制文本的标题，n的取值范围为1~6，数字越大，标题大小越小，同时会产生一个换行分段的效果。

2.2 段落标记：P

静夜思

床前明月光，疑是地上霜；

举头望明月，低头思故乡。

P标记用于控制文本的分段，产生换行分段效果；P标记可以只有开始部分，即可以成为一个单标记。

2.3 换行标记：BR

静夜思

床前明月光，疑是地上霜；
举头望明月，低头思故乡。
BR标记只是纯粹的单标记。

BR标记和P标记的区别：BR标记可以连续使用多个，但是P标记不能。

2.4 水平线标记：HR

静夜思

作者： 李白

---

床前明月光，
疑是地上霜；

举头望明月，
低头思故乡。

HR标记用于给文字划线或者区分上下文的关系。

HR标记我们可以使用width属性控制它的宽度，使用color属性控制它的色彩，使用align属性控制它的基本位置。

2.5 注释标记

静夜思

作者： 李博

---

床前明月光，
疑是地上霜；

举头望明月，
低头思故乡。

注释标记： 用来给设计者说明当前位置的代码的作用，起到一个解释的效果。

三． HTML的格式化标记

HTML的格式化标记用于控制文本的显示。

3.1 字体标记：font

静夜思

说明：

：font标记用于控制文字的字体，但是现在的网页中已经被取消了，替代它的就是我们后续课程要学到的CSS；

face：控制文字的字体，一般情况下，不要设置特殊字体或者平时用量较少的字体；如果设置了前者，默认会以宋体的形式出现；

size：控制文字的大小，一般情况下，可以使用默认形式或者像素大小来描述；

床前明月光，