HTML语言课件课件资料.pdf

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 年，的标准被推出， W3C推荐； 1996 年，推出， W3C推荐； 1997 年，推出， W3C推荐； 1999 年，推出， W3C推荐，至今为止的一个最终版本； 2000 年以后， XML、XHTML兴起，大有取代 HTML之意，但是举步维艰； 2008 年，的草案推出； 2011 年，的第二个草案推出， W3C认可。 1.4 HTML的文档结构 html head titleHTML 文档结构 /title /head body centerfont color= ”red ”Welcome to Web Site/font/center /body /html 1.5 第一个 HTML文档 html ：是 HTML文档的起始和结束标记； head：是 HTML文档的头标记，包含所有网页关联内容，如字符集、关键字、搜索 引擎等； title ：是一个标题标记，用于控制网页标题栏的显示； body：是 HTML的主体标记，所以页面显示内容都包含在 BODY标记中； font ：是 HTML的文字标记，用于控制文字的显示； color= ”red ”：color 是标记的一个属性，也就意味着所有的标记都可以定制特定 的属性； 1.6 HTML的元素 HTML 是由标记和属性两种元素构成的。 1.7 推荐学习平台 推荐学习网站： 推荐浏览器：谷歌、 、火狐、 Opera、Safari 。 推荐学习软件： EditPlus 、Dreamweaver CS6。 1.8 注意事项 文件夹和文件名尽量使用英文、单词、字母、数字及其组合； 网上下载的内容一律要求更改文件名； 代码一定要采用缩进格式。 二． HTML的基本标记 标题标记： Hn HTML HEAD TITLE Hn 标记 /TITLE /HEAD BODY h2静夜思 /h2 床前明月光，疑是地上霜；举头望明月，低头思故乡。 /BODY /HTML Hn 标记是用来控制文本的标题， n 的取值范围为 1~6，数字越大，标题大小越小， 同时会产生一个换行分段的效果。 段落标记： P HTML HEAD TITLE P 标记 /TITLE /HEAD BODY h2 静夜思 /h2 P床前明月光，疑是地上霜； /p p举头望明月，低头思故乡。 /p /BODY /HTML P 标记用于控制文本的分段，产生换行分段效果； P 标记可以只有开始部分，即可以 成为一个单标记。 换行标记： BR HTML HEAD TITLE BR 标记 /TITL