9.4网页内容设计(课件）-《电子商务基础》同步教学（机械工业版）

2023-11-02

| 33页

| 70人阅读

| 8人下载

普通

内容正文：

学习情境九：电子商务网站建设学习目标掌握电子商务网站的概念、组成以及体系结构了解电子商务网站的作用以及分类掌握电子商务网站的总体设计思路了解HTML的基本结构并掌握其常用标签能够独立编写HTML网页程序能够在实际中运用自助建站平台建立网站【案例导入】“可口可乐”互动世界网站网站策划主旨: 产品设计目标定位与目标网页形式风格设定网站内容构架主题服务【案例导入】“可口可乐”互动世界网站图网络技术解决方案模块四网页内容设计一、HTML语言 HTML是一种结构化的网页内容标记语言，使用各种不同的标签符号来分别标识和设定不同的网页元素。每一个网页元素通常都由开始标签、结束标签以及夹在这两个标签中的内容组成。每个HTML元素的开始标签和结束标签的名称相同，并且都用一对尖括号“< >”括起来，只是在结束标签的前面多了一个斜杠符号“/”。一、HTML语言 1．网页基本结构模块四网页内容设计 <html> <head> <title>文档标题</title> </head> <body> 网站主体 </body> </html> 文件开始文件结束文件头文档标题文件体一、HTML语言 2. <head>标签模块四网页内容设计 <head>标签主要用于包括该页面的一些基本描述语句。其语法格式如下： <head> <meta name=名称 content=内容> <meta http-equiv=动态控制类型 content=动态控制内容> < title>网页标题</ title> </head> 一、HTML语言 3. <body>标签模块四网页内容设计 <body>标签用于设置网页的基本样式。其语法格式如下: <body bgcolor =背景颜色 background =背景图像 URL text =字体颜色 link =链接颜色 vlink =已访问链接颜色 alink=激活链接颜色> 二、段落标签 1．标题标签模块四网页内容设计 <hx align =对齐方式>标题内容</hx> hx中的x表示标题级别，分为h1、h2、h3、h4、h5和h6，其中h1表示一级标题，以此类推。x的数值越小，字体越大。 align属性用于设置标题对齐方式，可供选择的属性值有3个：left（左对齐）、center（居中对齐）、right（右对齐）。默认为left。 <hx>标签所表示的标题在网页中均独占一行。二、段落标签 2．分段标签模块四网页内容设计 段落文字 ...中的文字将另起一行输出，而且将在两个段落之间产生一个空行。align属性用于设置段落的对齐方式，可供选择的属性值有3个：left（左对齐）、center（居中对齐）、right（右对齐）。默认为left。分段结束标签可以省略。二、段落标签 3．换行标签模块四网页内容设计换行标签 用于强制中断当前文字行而从下一行开始显示，且在断行之间不产生空行（这与标签不同）。 标签通常放在一行的末尾，其语法格式如下: 文字 二、段落标签 4．水平线标签模块四网页内容设计 <hr size =线条粗细 align =对齐方式 width =线条长度 color =线条颜色> size属性用于设置水平线的粗细，以像素为单位，默认值为2。 align属性用于设置水平线的对齐方式，属性值有left、center、right，默认为left。 width属性用于设置水平线的长度。 color属性用于设置水平线的颜色，默认为黑色。二、段落标签 5．文本块标签模块四网页内容设计文本块标签<blockquote>···</blockquote>用于使其包括的文本自成一段，且以缩排方式显示。其语法格式如下: <blockquote>文字</blockquote> 三、文字格式标签 1．字体标签模块四网页内容设计 文字 size属性用于设置字号，即文字的大小，取值范围为1~7，共7级字体，字级越大，文字越大。 face属性用于设置字体名称。 color属性用于设置文字颜色。三、文字格式标签 2．文字效果标签模块四网页内容设计粗体标签有两种，其语法格式分别如下。 文字 文字 ⑴ 粗体标签

资源预览图

由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。