项目3 静态网站开发基础-y-2015-01.ppt

一、什么是HTML （1）文档头部 实战型电子商务系列“十二五”规划教材 html head title电子商务教学网站/title meta name=Keywords content=电子商务教学网站 meta name=Description content=这是一个电子商务专业师生交流的平台 meta http-equiv=Content-Type content=text/html; charset=gb2312 meta http-equiv=Refresh content=10 /head body p该页面用来演示文档头部 /body /html 【例3-1】title和meta标记的使用。 一、什么是HTML （2）文档主体 实战型电子商务系列“十二五”规划教材 看下面的一行代码： body text=blue background=bg1.gif bgcolor=#ffffff leftmargin=2 topmargin=2 这是一个body标记，其中包含了多个属性，说明如下： text：用以设定文字颜色。 background：设定背景图片的路径。路径可以是绝对路径或相对路径。 bgcolor：设定背景颜色。当己设定背景图片时会失去作用。 leftmargin：只适用于IE，设定页面左边距，单位为像素。 topmargin：只适用于IE，设定页面上边距，单位为像素。 网页文档主体在是指包含在body和/body之间的所有内容，它们将显示在浏览器窗口内。这里的文档主体可以包含文字、图片、表格等各种标记。 目录 模块二 一、什么是HTML 二、HTML常用标记 三、什么是CSS 实战型电子商务系列“十二五”规划教材 四、从HTML到XHTML 二、HTML常用标记 1．掌握常用排版标记 【例3-2】常用标记使用示例。 实战型电子商务系列“十二五”规划教材 html head title最简单网页示例/title /head body h3 align=center HTML语言的学习/h3hr font size=6 color=blue欢迎光临我的主页。/fontbr p align=centerb今天我们学习了标记（标签）/b/p 这是我做的第一个网页。 p大学之道，在明明德，在亲民，在止于至善。知止而后有定，定而后能静，静而后能安，安而后能虑，虑而后能得。物有本末，事有终始，知所先后，则近道矣。/p /body /html 二、HTML常用标记 1．掌握常用排版标记 实战型电子商务系列“十二五”规划教材 （1）分段标记p/p。段落标记放在一段文字的末尾，就定义了一个新段落的开始。P标记不但能使后面的文字换到下一行，还可以使两段之间多一空行。由于一段的结束意味着新一段的开始，所以使用P也可省略结束标记。 （2）换行标记br。br放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行。由于浏览器会自动忽略源码中空格和换行的部分，这使br成为最常用的标记之一。 （3）标题标记hn和/hn。在页面中，标题是一段文字内容的核心，所以总是用加强的效果来表示。网页中的信息可以通过设置不同大小的标题，为文章增加条理。 二、HTML常用标记 1．掌握常用排版标记 实战型电子商务系列“十二五”规划教材 （4）文字标记font/font。该标记可以用来设置文字的大小、字体、颜色。 （5）水平线标记hr。在页面中插入一条水平线，可以使不同功能的文字分隔开，看起来整齐、明了。当浏览器解释到HTML文件中的hr标记时，会在此处换行，并加入一条水平线段。 （6）图片标记img。img src=image\jxl.jpg width=640 height=400 二、HTML常用标记 1．掌握常用排版标记 实战型电子商务系列“十二五”规划教材 （7）列表标记。在Word中，经常使用项目符号或项目编号使文档更有条理，更便于阅读。在HTML中也可以建立列表实现类似的效果。 ①创建无序列表，格式如下： ul type=符号类型 li type=符号类型1 第一个列表项 li type=符号类型2 第二个列表项 … /ul ②创建有序列表。通过带序号的列表可以更清楚地表达信息的顺序。使用ol标记可以建立有序列表，表项的标记仍为li。格式为： ol type=符号类型 li type=符号类型1第一个列表项 li type=符号类型2