网站建设与管理第7、8、9章.ppt

高等院校电子商务专业本科系列教材——网站建设与管理7.1网页内容编程语言-HTML1.HTML语言概述2.HTML语言根底-HTM43.HTML语言前沿-HTML5

高等院校电子商务专业本科系列教材——网站建设与管理2〕HTML文件的编辑与查看7.1.1HTML语言概述HTML文件的编辑软件有多种，如WS、WPS、Notepad、WordPad、windows系统中的“记事本〞、Linux中的Kedit、Lxy等。现在比较常用的是一些“所见即所得〞功能更为强大的页面编辑器，如FronPage、Dreamweaver等。HTML文件的编辑软件不仅可以实现编辑功能，而且可满足代码的显示和查看。在完成HTML文件的编辑之后，可以在浏览器中进行效果展示，根据其在浏览器中的显示效果进行修改和完善。

高等院校电子商务专业本科系列教材——网站建设与管理7.1.1HTML语言概述HTML是英文HyperTextMarkupLanguage的缩写，意思为超文本标记语言，它是标准通用标记语言下的一个应用。WWW〔WorldWideWeb〕的中文意思是“万维网〞，它是一个包含世界范围内各个效劳器和PC节点的网络资源架构。HTML就是在WWW上发布信息的语言。通过HTML语言，人们把要发布的信息组装好，即编写为超文本文档，称为HTML文档，然后进行发布。

高等院校电子商务专业本科系列教材——网站建设与管理1〕HTML文件的组成7.1.1HTML语言概述HTML文件是由许多用尖括号扩起来的HTML“标记〞〔HTMLTag〕组成的。HTML文档可以划分为两大局部，即Html文档的开头和Html文档的主体〔或正文〕局部，主要标记包括：html/html、head/head和body/body等。

高等院校电子商务专业本科系列教材——网站建设与管理3〕HTML编程标准7.1.1HTML语言概述HTML编程标准主要包括：使用小写标记；代码缩进书写；运用注释语句；慎用空格；引号的运用等。

高等院校电子商务专业本科系列教材——网站建设与管理7.1.2HTML语言根底-HTM4在HTML4中包含很多顶级标记，并且各有其不同的功能。下表所示为HTML4中一些主要的标记及其作用描述。1〕HTML顶级标记标记描述html进行文档声明head表示文档的头部，语法格式为：head……/head。body表示文档的主体，语法格式为：body属性=“属性值”……文档正文的其它子标记/body。该元素的主要属性有：bgcolor（背景色），background（背景图片），Text（文本）、link（超链接颜色）、，Leftmargin、topmargin（左边距和上边距）等。title声明文档的标题，法格式为：title……/title，且只能放在head/head标记对之间。link进行文档链接，语法格式为：link属性=“属性值”……。其主要属性包括：href（指定超文本链接），rel（指明资源与文档的关系），type（链接内容的类型）等。pspandivpreol和ulhr这些标记都是布局标记标签，p是段落标记，对文档进行分段；spandiv是区块标记，将文档分成不同的区块，有助于样式或类型的整体定义；pre是预格式化标记，作用是使浏览器中显示的样式与在文档编辑窗口输入的格式完全一样；ol和ul是列表标记，要用于事物的分类，其主要属性有Type（符号类型），Start（定义起始符号），compact（紧凑显示）等；hr是水平线标记，语法格式为：hr属性=“属性值”……。主要属性有：width（宽度），size(大小)，align（对齐方式）等。font字体标记font主要用来设置文本的字体名称、字号和颜色等样式，font标记的语法格式为：font属性=“属性值”……文本内容/font。该标记的主要属性有：face（字体名称），size（字体大小），color（字体的大小）。

高等院校电子商务专业本科系列教材——网站建设与管理7.1.2HTML语言根底-HTM4超级链接都是以URL形式表示的，是互联网上使用效劳、主机、端口和目录路径的一种标准方法?。除全局属性外，a标记的主要属性及其取值如表所示。2〕超级链接属性名称属性值属性说明（或功能）hrefURL该属性的值指定链接的目标地址，即链接到什么地方，如可以是一个HTML文件、一个（本页或其它页面的）锚点、一个邮箱，还可以是一个程