PPT文档下载 - 嘉兴职业技术学院教师课程网.pptVIP

电子商务平台建设 第二单元 HTML语言与静态网页设计 （一）HTML基础知识 Html是网页基础语言; 由纯Html代码及被显示的文字组成的网页称为静态网页; 静态网页文件扩展名(后缀)为html或者htm; 网页文件为纯文本文件,可用记事本等纯文本编辑工具编写,也可用FrontPage、Dreamweaver等专门的网页设计工具软件设计。 网页中的图片等多媒体素材并不存储在网页文件中，而是与网页一起以文件形式单独存储在网站文件夹中，在网页中只存在该文件的存储和显示位置信息。 网页最终显示效果由游览器解释网页代码后，按代码要求显示到游览器窗口上。 当游览者访问静态网页文件时，WEB服务器将文件直接发送给客户端，由客户端游览器负责解释与显示。 （二）HTML标识基础 Html语言通常以“命令 属性=‘属性值’显示文字/命令”形式出现，命令也称为标识，游览器依据标识要求显示被标识的信息； 标识及其属性只起到指示游览器显示的作用，本身不显示在游览器窗口中。 只有””和”“间的文字才被显示在游览器窗口中。 大部分标识具有标识/标识结构，也就是成对标识，也有只有”标识”结构，没有“/标识”结构的，称为非成对标识。 标识中的属性与属性之间用空格间隔，属性和值之间用“=”符号及引号（单、双引号均可）连接。 （三）HTML基本标识 网页基本标识如下： html 表示html页开始 head 表示网页头部信息开始 title表示网页标题开始 /title表示网页标题结束 /head表示网页头部结束 body表示网页主体开始 /body表示网页主体结束 /html表示html页代码结束 任务一 用记事本设计网页 任务要求： 设计一如图显示结果的网页。 注意关注游览器标题文字！ 任务一代码 html head title欢迎访问我的网站/title /head body 你好，这是我用记事本设计的第一个网页 /body /html 注意： （1）html代码中，““中的空格用以分割标识、属性，一个标识中不能用回车换行；（2）””和””也即标识外，空格和回车符号不被显示，因此 body 你好，这是我用记事本设计的第一个网页 /body 可连写成： body你好，这是我用记事本设计的第一个网页/body 空格和回车主要用于代码排版，以便今后阅读！ （四）html常用标识 (1)段落标识p/p 作用:表示段落开始及结束 段落的属性： 对齐方式align 值：left 左对齐；center居中；right右对齐 默认值： left 其它属性在下一单元样式表说明。 说明： 段间距要大于行间距。 (2)换行标识br 作用:文字换行不换段，主要用于强制换行； 注意：br为非成对标识 例： (3)水平线hr 作用：显示一水平线 属性： 颜色color 值：十六进制颜色值 对齐方式align 线粗细size 值：1、2、….. 长度width 值：1~100% 说明：此为非成对标识 (4)标题Hn/Hn 作用：文字设置成标题 说明：n为1-6;H1显示的文字最大，H7显示的文字最小 属性：对齐方式align (5)字体font/font 作用：说明文字字体、颜色、大小 属性 字体Face 值：”黑体”、”宋体” 等 颜色color 大小size 值：1-7，1最小，7最大。 (6)链接a/a 作用：设置文字或者图片链接，使访问者点击时实现跳转 属性 链接地址Href 值： (1)URL（链接地址） //使页面跳转 (2) mailto:邮件地址 //打开邮件收发软件给指定邮箱发邮件 链接页显示窗口target 值：_blank新建一窗口 _parent父框架 _top整页 _self相同框架 (7)粗体b/b (8)斜体i/i (9)下划线u/u (10)网页说明meta 作用：说明网页的相关属性 说明： meta http-equiv=Content-Language content=zh-cn //说明网页语言 zh-cn为中国中文 meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” //说明网页html编码标准 gb2312为国标2312 meta name=keywords content=FP;设计;网页 //网页关键字 meta name=description content=这是我用FP设计的网页 //网页说明 注意： meta标识用于head中，不显示在游览器窗口中。 (11)图片显示img 作用：显示指定图片 属性： 图片