no3 制作详情内容页.pptxVIP

;入门测

作业分析

知识回顾

Web标准

HTML负责组织结构、CSS负责外观样式美化、JavaScript负责行为交互

开发工具

编辑器（VSCode、HBuilder)、浏览器、开发者工具;网页中的内容非常丰富，可以是文本、图像、视频、音频等。页面中所有内容都使用标签进行组织，每个标签都具有特定的含义与默认的样式。

本任务学习文本类标签及图像标签的使用，创建一个有标题和图文内容的详情内容页面。;学习内容;什么是HTML标签？;双标签与单标签;标签的属性;语义化结构标签;语义化结构标签;div标签

div无任何语义，在HTML5中，通常将div元素结合CSS样式实现对元素格式化控制。

span标签

span标签在行内定义一个区域，也就是一行内可以被span划分成好几个区域，从而行内局部实现某种特定效果。

div是块级元素，会独占一行，可理解为大容器，span是行内元素，不独占一行。

;新建详情页文档

分析页面整体结构

;文本类标签;文本类标签;图像格式

常见的图像格式：有JPG、PNG、GIF等。

语法：

imgsrc=”图像文件路径”alt=”图片说明”width=”图像宽度”height=”图像高度”

src属性指定图片文件的路径，必须设置；

alt属性为图片提供文字说明，图片无法加载时才会显示;

width和height分别设置图像的宽高，用px单