第1讲 html概述与HTML文件_图文.pptVIP

第1讲 HTML概述与HTML文件 1.1 基本概念 1.2 HTML文件 1.3 HTML及XHTML标记 1.4 HTML文件的编写及执行 1.5 HTML文件的基本结构 学习目标 掌握HTML概念 理解浏览器、网页、网站、静态及动态网站等概念 理解HTML及XHTML标记的语法 掌握HTML文件的基本结构 熟悉HTML文件的编写方式及执行方式 1.1 基本概念 WWW World Wide Web（WWW或Web，万维网），是一种建立在Internet上的、全球性的、交互的、多平台的、分布式的信息资源网络，是Internet所提供的服务之一。 WWW基本组成内容： URL：统一资源定位器 HTTP：超文本传输协议 HTML：超文本标记语言 HTML HTML (Hypertext Markup Language，超文本标记语言）是一种文本类、解释执行的标记语言，用于编写要通过WWW显示的超文本文件 HTML诞生于20世纪90年代；最新版HTML4.01； 2000年底，W3C公布了XHTML(可扩展标记语言)1.0版本；2001年5月发布了XHTML1.1 HTML与SGML SGML（Standar Generalized Markup Language，标准通用标记语言），用于描述定义一套实际标记语言的方法 HTM正是根据SGML制定的一套用于制作超文本文件的简单标记语言，是SGML的一个具体应用 浏览器 浏览器：是专门用于执行HTML文件以及查看HTML源代码的一种软件。 浏览器执行HTML文件方式: 鼠标双击HTML文件 在浏览器地址栏中输入HTML文件的URL，并回车 网页与网站 网页：也称Web页面，即在浏览器上显示的页面。 网站：一系列由通过各种链接关系关联起来的有共同主题的网页的集合体，包括主页以及由主页或子网页所跳转到的所有子网页 主页：主页是网站中一个特殊页面，它是网站的入口页面，其中包含指向其他页面的超链接。通常主页的名称是固定的，例如：index.html或default.html（.html或.htm后缀表示HTML文档） 静态网页与动态网页 静态网页：由HTML直接书写，内容不会因时因人变化，不能够在客户端与服务器端进行交互的网页称为静态网页；静态网页的扩展名为.html或.htm 动态网页：内容能够因人因时变化，且能够在客户端与服务器端进行交互的网页；网页的扩展名依据所用的编程语言来定，如.jsp、.aspx 全部由静态页面组成的 网站称为静态网站；包含有动态网页的网站称为动态网站 1.2 HTML文件 用HTML编写的文件称为HTML文件， HTML文件 是一个纯文本文件，可用任意一个文本编辑器（如记事本）来打开及编写 由标记和标记所设置的内容组成 HTML文件直接由浏览器解释执行，无需编译 1.3 HTML及XHTML标记 标记放置在 < 和 > 之中，如：<p>。 < 和 > 内可以包含：标记名，属性及属性值等内容 有开始标记即< 标记名称 > 和结束标记< /标记名称 > 之分。 标记的所有属性都是出现在开始标记中，结束标记中，不出现任何属性。 HTML标记不区分大小写，而XHTML的所有标记都必须小写 标记可以嵌套使用，注意嵌套顺序不能错乱 标记类型: 单标记：只有开始标记，如<br>、 <hr>等 双标记： 具有开始标记和结束标记。如<table> </table> HTML标记可以不用关闭，而XHTML所有的标签都必须关闭，成对标签(如p/li)要有一个相应的结束标签，单独标签(比如img/br等)要在标签后加一个“/”来关闭它 ，如 属性： 属性用来管理格式化需求 在标记中使用attributename=“value” 来设置属性 属性放在开始标记中， HTML标记的属性可不用引号或使用单引号或双引号；XHTML标记属性值需用引号括起来，特殊情况，如需要在属性值里使用双引号，则可以用单引号代替该双引号，如： HTML 标记里面可以包含任意个属性，每个属性使用空格相分隔 HTML标记的属性不区分大小写，而XHTML标记的所有属性都必须小写 HTML标记的属性可以没有值，而XHTML规定所有属性都必须有一个值，没有值的就以属性名作为属性值，如： ＜input type="checkbox" name="shirt" value="medium" checked="checked" >  标记语法格式： <标记名称 属性=属性值 属性=属性值 ……> …</标记名称> 如： <font color=“#ffff33” size=“8” face=“宋体”>您好</font>