教学课件《电子商务》_第3章.pptxVIP

3.1HTML概述HTML（HyperTextMarkupLanguage）直译为超文本标记语言，使用所谓的HTML标记描述网页文档结构和表现形式，是制作网页的基础语言。HTML是所有计算机语言中语法结构最简单的一种语言。正是由于HTML的简单，使得计算机设备从装修讲究的机房转移到老百姓的家中，使得计算机应用从极少数专家的办公桌上转移到普通人的手中，使得国际互联网以前所未有的迅速发展，使得人们的工作和生活方式发生了翻天覆地的巨变。可以使用记事本等文本编辑器输入标记和有关内容，目前最为流行的HTML网页制作工具是Dreamweaver。HTML网页文件的扩展名为htm或html。返回

3.2HTML的基本结构HTML文档的基本结构如下。htmlhead文档头部!--头部内容不会显示在浏览器窗口--/headbody文档主体!--主体内容会显示在浏览器窗口--/body/html与其他编程语言相比，HTML的语法结构非常简单。下一页返回

3.2HTML的基本结构1．开始和结束HTML文档总是以html开始，以/html结束。2．文档头部在head和/head之间的内容，是文档的头部。尽管文档的头部内容不显示在页面中，但非常重要，它告诉浏览器如何处理文档主体中的内容。上一页下一页返回

3.2HTML的基本结构例3-1title和meta标记的应用。htmlheadtitle文档标题/titlemetaname=Authorcontent=作者metaname=Keywordscontent=关键字metaname=Descriptioncontent=描述metahttp-equiv=Content-Typecontent=text/html；charset=gb2312metahttp-equiv=Refreshcontent=10/headbody………主体内容/body/html上一页下一页返回

3.2HTML的基本结构说明如下：1）title标记用于设置网页的标题，其中的文字显示在浏览器的标题栏中。2）meta标记用于提供描述网页的辅助信息。其中3个重要属性分别是name、content和http-equiv，实际使用时，都要进行组合。①name和content组合：用于说明网页的作者、关键字和描述等信息。②http-equiv和content组合：用于说明网页的文件类型、语言编码方式和自动刷新时间等。特别有用的是需要网页在指定时间后自动转到另一页面时，可以使用：metahttp-equiv=Refreshcontent=10URL=http：//新网页文件名例3-1在浏览器中的显示结果如图3-1所示。上一页下一页返回

3.2HTML的基本结构3．文档主体在body和/body之间的内容，是文档的主体，是在浏览器窗口显示的内容。文档主体可以包含文字、表格、表单和图片等各种标记。body有很多属性，用于设置网页的背景图片、背景音乐、文字、页边距等。上一页下一页返回

3.2HTML的基本结构例3-2body某些属性的应用。htmlheadtitle文档标题/title/headbodytext=redbgcolor=yellowbackground=bj.gifleftmargin=2px………文档主体/body/html上一页下一页返回

3.2HTML的基本结构说明如下：1）text设置文字的颜色。2）bgcolor设置背景的颜色。当设置背景图片时，背景颜色无效。3）background设置背景图片。路径可以是绝对路径或相对路径。4）leftmargin设置页面左边距，单位为像素。topmargin可以设置页面顶边距。例3-2在浏览器中的显示结果如图3-2所示，与图3-1的区别是背景色改变。上一页返回

3.3HTML的常用标记3.3.1常用排版标记1．标题标记hn和/hn格式：hnalign=对齐方式标题文字/hn说明：1）h为表示标题标记的关键字，指出要显示的是标题。2）n指定文字的大小，为1～6的整数值，1最大，6最小。3）align设置标题在页面中的对齐方式，可以取left、center、right。4）hn与title标题的区别是，前者显示在浏览器窗口内，后者显示在标题栏。下一页返回

3.3HTML的常用标记2．文字标记font和/font格式：fontsize=数字face=字体color=颜色被设置文字/font说明：1）font