《电子商务网站建设与管理》图文课件第三章.pptx
《《电子商务网站建设与管理》图文课件第三章.pptx》由会员分享,可在线阅读,更多相关《《电子商务网站建设与管理》图文课件第三章.pptx(77页珍藏版)》请在咨信网上搜索。
1、第三章 HTML网页设计基础第一节 HTML简介一、电子商务的概念HTML是一种结构化的网页内容标记语言,使用各种不同的标签符号来分别标识和设定不同的网页元素。每一个网页元素通常都由开始标签、结束标签以及夹在这两个标签中的内容组成。每个HTML元素的开始标签和结束标签的名称相同,并且都用一对尖括号“”括起来,只是在结束标签的前面多了一个斜杠符号“/”。例如:这部分内容居中显示第一节 HTML简介一、电子商务的概念表示将网页中的文字居中显示。其中,为开始标签,为结束标签,“这部分内容居中显示”为该元素的内容。当浏览器在显示该网页的过程中,如果遇到center元素,就将该元素的内容居中显示在浏览器
2、的窗口中。并不是所有的网页标签都是如上例中那样成对出现的。有开始标签且一定有结束标签的标签叫双边标签,而有开始标签不需要结束标签的标签称为单边标签。例如,就是一个单边标签。另外,还有一些网页元素的结束标签可以自由取舍,如段落标签、选项标签等。第一节 HTML简介一、电子商务的概念许多元素的开始标签中还允许加入若干属性,用于进一步对该元素的特征进行说明或限定。通常用“属性名称=属性值”的方式来设定元素的属性,属性值可以用双引号引起来,也可以省略。例如,“”和“”效果相同,但如果属性值内有空格或特殊字符,则其两端双引号就不可以省略。此外,在一个元素的开始标签中各个属性设置的先后顺序是任意的。综上所
3、述,一个HTML元素可表示为:内容第二节 HTML的结构一、网页基本结构任意打开一个网页,查看它的源代码,就可以看到这个网页的HTML代码。无论该网页如何复杂,都是由最基本的HTML结构组成的。以下是HTML的基本结构。【例3-1】HTML文档的基本结构,效果如图31所示。第二节 HTML的结构一、网页基本结构网页标题这是显示在浏览器中的主要内容!第二节 HTML的结构一、网页基本结构用于指出HTML文档的开始与结束,标签中的内容是HTML文档的主体元素。中的内容只能有、3种下属的一级元素,但其中的与元素是不能共存的。第二节 HTML的结构一、网页基本结构这就是说,在中最多只能有两个下属一级元
4、素,其他的元素都包含在这两个元素之中。标签通常用于提供一些识别或补充的信息给浏览器,而浏览器不会把这些信息显示在网页中。理论上,在中至少必须包括标签元素,但在现实中并没有严格限定。第二节 HTML的结构一、网页基本结构标签用于指定浏览器所要显示的标题文字,原则上不能省略,因为它还有其他用途,如作为网页的标签或搜索引擎搜索时的索引等。用于显示网页的主要内容,其中可以包含多种不同的元素。与之相关的各种元素将在下一节中详细说明。第二节 HTML的结构一、网页基本结构下面是关于书写HTML文档的几点说明。(1)HTML文档的内容不区分字母大小写,包括属性和标签名称等。(2)对于连续的空格、Tab键和E
5、nter键,浏览器只会将其当成一个空格,除非置于预排版标签中。第二节 HTML的结构一、网页基本结构(3)在一个元素的开始标签中,元素名称及各个属性名称之间应该以空格、Tab键或Enter键隔开,因此某个元素的开始标签可能会跨越数行,而浏览器只认定“”记号。(4)含有空格或特殊符号的属性值需要用半角双引号引起来。第二节 HTML的结构一、网页基本结构(5)在HTML中采用“”进行注释,在该注释标签中的内容将不被处理和显示。(6)对于HTML文档中的错误元素及其属性,浏览器将会跳过而不予理会。第二节 HTML的结构一、网页基本结构(7)各元素之间可以嵌套,但不能交错。例如:是正确的。是错误的。(
6、8)HTML文档是一个纯文本文件,可用任何文本编辑工具(如Windows中的记事本)来创建和编辑,其扩展名为.htm或.html。第二节 HTML的结构二、标签标签主要用于包括该页面的一些基本描述语句。其语法格式如下:网页标题第二节 HTML的结构二、标签其中各项的含义如下:(1)标签又称为元标签,主要功能是对网页进行定义和说明。(2)描述型标签主要负责对网页的重要内容进行定义说明,从而方便搜索引擎的检索,通常不会在网页中显示。其语法格式为其中,name属性用于对网页中的重要内容进行说明,其属性值主要有description(对当前网页的描述)、keyword(网页关键词)、author(网页
7、作者)等。content属性用于设置与name属性值对应的内容。第二节 HTML的结构二、标签(3)动态控制型标签主要对网页的动态排列和动态链接进行控制。其语法格式为其中,httpequiv属性用于设置动态控制的类型,其属性值主要有两个:contenttype(动态排列)、refresh(动态链接)。content属性用于对httpequiv属性值进行详细描述。第二节 HTML的结构二、标签【例3-2】标签的基本结构实例。第二节 HTML的结构二、标签标签实例请注意元标签的使用第二节 HTML的结构二、标签【例3-2】代码运行效果表示当浏览器窗口大小改变时,文字的排版也会随着窗口大小的改变而改
8、变,以便让文字都显示在窗口中。其中,“text/html”表示当前文件为MIME类型中的text主类型下的html子类型,“charsetgb2312”表示当前文档的字符编码为国标2312,即支持简体中文。第二节 HTML的结构二、标签说明:MIME即多功能Internet邮件扩充服务,它是一种多用途网际邮件扩充协议,在1992年最早应用于电子邮件系统,但后来也应用到浏览器。服务器将MIME类型放入传送的数据中来告诉浏览器使用哪种插件读取相关文件,如设置为application/msword,则浏览器将调用Word来打开相关的数据文件。表示网页将动态刷新,其刷新时间设置为3 s,刷新后的链接U
9、RL为http:/,即3 s后,该网页将自动跳转到新浪的首页。第二节 HTML的结构三、标签标签用于设置网页的基本样式。其语法格式如下:其中,各属性的含义如下:(1)bgcolor属性设置网页背景颜色。(2)background属性设置网页的背景图像。第二节 HTML的结构三、标签(3)text属性设置网页文字颜色。(4)link属性设置未访问的超链接文字颜色。(5)vlink属性设置已访问过的超链接文字颜色。(6)alink属性设置超链接被激活时的颜色,即单击链接的瞬间链接文字的颜色。第二节 HTML的结构三、标签【例3-3】标签的使用实例。标签实例 第二节 HTML的结构三、标签背景颜色:
10、silver文字颜色:blue链接颜色:red已访问链接颜色:lime激活链接颜色:navy新浪第三节 HTML的主要标签一、段落标签(一)标题标签标题标签的语法格式如下:标题内容hx中的x表示标题级别,分为h1、h2、h3、h4、h5和h6,其中h1表示一级标题,以此类推。x的数值越小,字体越大。第三节 HTML的主要标签一、段落标签(一)标题标签align属性用于设置标题对齐方式,可供选择的属性值有3个:left(左对齐)、center(居中对齐)、right(右对齐)。默认为left。标签所表示的标题在网页中均独占一行。第三节 HTML的主要标签一、段落标签(二)分段标签分段标签的语法格
11、式如下:段落文字中的文字将另起一行输出,而且将在两个段落之间产生一个空行。align属性用于设置段落的对齐方式,可供选择的属性值有3个:left(左对齐)、center(居中对齐)、right(右对齐)。默认为left。分段结束标签可以省略。第三节 HTML的主要标签一、段落标签(三)换行标签换行标签用于强制中断当前文字行而从下一行开始显示,且在断行之间不产生空行(这与标签不同)。标签通常放在一行的末尾,其语法格式如下:文字第三节 HTML的主要标签一、段落标签(四)水平线标签水平线标签用于显示一条水平线。其语法格式如下:其中各属性的含义如下:(1)size属性用于设置水平线的粗细,以像素为单
12、位,默认值为2。第三节 HTML的主要标签一、段落标签(四)水平线标签(2)align属性用于设置水平线的对齐方式,属性值有left、center、right,默认为left。(3)width属性用于设置水平线的长度。其表示方式有两种:第一种为绝对数值,单位为像素,即水平线的长度是一个固定值;第二种为百分比,表示水平线相对于浏览器窗口的宽度的比例,当窗口的宽度改变时,此水平线的宽度会自动改变。第三节 HTML的主要标签一、段落标签(四)水平线标签若没有设置宽度,则该水平线将横穿整个浏览器窗口(即默认为width=100%)。(4)color属性用于设置水平线的颜色,默认为黑色。第三节 HTML
13、的主要标签一、段落标签(五)文本块标签文本块标签用于使其包括的文本自成一段,且以缩排方式显示。其语法格式如下:文字【例3-4】段落标签综合实例,效果如图34所示。第三节 HTML的主要标签一、段落标签(五)文本块标签段落标签综合实例HTML段落标签介绍第三节 HTML的主要标签一、段落标签(五)文本块标签HTML文档中采用不同的标签来标识相应的HTML元素这些标签包括段落、字体、列表、表格、表单等几大类。段落标签第三节 HTML的主要标签一、段落标签(五)文本块标签段落标签主要包括标题标签、分段标签、换行标签、水平线标签和文本块标签等几类。第三节 HTML的主要标签二、文字格式标签字体标签字体
14、标签可用于设置文本的字体、字形、字号和字符颜色等,是HTML文档中常用的标签。其语法格式如下:文字其中各属性的含义如下:(1)size属性用于设置字号,即文字的大小,取值范围为17,共7级字体,字级越大,文字越大。(一)第三节 HTML的主要标签二、文字格式标签(2)face属性用于设置字体名称。双击“控制面板”中的“字体”选项,能看到可以引用字体的名称,这些字体的名称都可以给face属性赋值。字体标签(一)第三节 HTML的主要标签二、文字格式标签(3)color属性用于设置文字颜色。color属性的颜色值可以用英文的颜色名称来表示,如red、green、blue等,也可以使用“#RRGGB
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务网站建设与管理 电子商务 网站 建设 管理 图文 课件 第三
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【胜****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【胜****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。