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的文档结构
:是HTML文档的起始和结束标记;
:是HTML文档的头标记,包含所有网页关联内容,如字符集、关键字、搜索引擎等;:是HTML的文字标记,用于控制文字的显示;
color=”red”:color是标记的一个属性,也就意味着所有的标记都可以定制特定的属性;
1.6 HTML的元素
HTML是由标记和属性两种元素构成的。
1.7 推荐学习平台
推荐学习网站:
推荐浏览器:谷歌、IE9.0、火狐、Opera、Safari。 推荐学习软件:EditPlus、Dreamweaver CS6。
1.8 注意事项
文件夹和文件名尽量使用英文、单词、字母、数字及其组合; 网上下载的内容一律要求更改文件名; 代码一定要采用缩进格式。
二. HTML的基本标记
2.1 标题标记:Hn
静夜思
床前明月光,疑是地上霜;举头望明月,低头思故乡。 Hn标记是用来控制文本的标题,n的取值范围为1~6,数字越大,标题大小越小,同时会产生一个换行分段的效果。2.2 段落标记:P
静夜思
床前明月光,疑是地上霜;
举头望明月,低头思故乡。
P标记用于控制文本的分段,产生换行分段效果;P标记可以只有开始部分,即可以成为一个单标记。2.3 换行标记:BR
静夜思
床前明月光,疑是地上霜;举头望明月,低头思故乡。
BR标记只是纯粹的单标记。
BR标记和P标记的区别:BR标记可以连续使用多个,但是P标记不能。
2.4 水平线标记:HR
静夜思
作者: 李白床前明月光,
疑是地上霜;
举头望明月,
低头思故乡。
HR标记我们可以使用width属性控制它的宽度,使用color属性控制它的色彩,使用align属性控制它的基本位置。
2.5 注释标记
静夜思
作者: 李博床前明月光,
疑是地上霜;
举头望明月,
低头思故乡。
三. HTML的格式化标记
HTML的格式化标记用于控制文本的显示。
3.1 字体标记:font
静夜思
说明::font标记用于控制文字的字体,但是现在的网页中已经被取消了,替代它的就是我们后续课程要学到的CSS;
face:控制文字的字体,一般情况下,不要设置特殊字体或者平时用量较少的字体;如果设置了前者,默认会以宋体的形式出现;
size:控制文字的大小,一般情况下,可以使用默认形式或者像素大小来描述;
床前明月光,
HTML语言课件
![](/skin/haowen/images/icon_star.png)
![](/skin/haowen/images/icon_star.png)
![](/skin/haowen/images/icon_star.png)
![](/skin/haowen/images/icon_star.png)