Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版）_课件 项目2 制作非遗机构介绍页面 .pptx

项目2制作非遗机构介绍页面信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》网页开发入门

任务2.1制作非遗国内机构详情页面前端技术开发

任务引入一通过创建网页元素来制作非遗国内机构详情页面，包括各级标题元素，段落元素，特殊字符等。

任务描述制作非遗国内机构详情页面1.使用标题元素设置非遗国内机构的标题。2.使用段落元素设置非遗国内机构的详细介绍。

任务实施二312使用CSS代码，将标题文本居中显示。根据页面的原型设计图，创建各级标题和段落元素。创建水平线来分隔标题和段落。设置标题样式创建网页元素分隔标题和段落

任务实施二非遗国内机构详情页面h2中国非物质文化遗产保护中心/h2 h5专业机构/h5 pnbsp;nbsp;nbsp;nbsp;nbsp;nbsp;中国非物质文化遗产保护中心是经中央机构编制委员会办公室批准，.... /p pnbsp;nbsp;nbsp;nbsp;nbsp;nbsp;目前，中心主动融入乡村振兴战略、国家文化公园建设、文旅融合发展等党和国家重大决策部署，.... /p

任务实施二设置标题样式：居中对齐h2style=text-align:center;中国非物质文化遗产保护中心/h2h5style=text-align:center;专业机构/h5

任务实施二分隔标题和段落h2style=text-align:center;中国非物质文化遗产保护中心/h2h5style=text-align:center;专业机构/h5hr

感谢观看信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》

HTML5文本元素介绍信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》

前端技术开发知识储备标题标记概述1段落标记概述2

01标题标记概述前端技术开发

标题标记概述前端技术开发01标题元素通常指的是在网页中的标题标签，用于定义文档的标题或各个部分的标题HTML的文本标题元素包括六个级别，从h1到h6，其中h1表示最高级别的标题，h6表示最低级别的标题。这些标题元素用于定义文档中的标题和子标题，有助于组织内容并提高SEO效果。

标题标记概述前端技术开发01n取值为1~6，表示六级标题，n为1时，标记内的文字最大，n为6时，字体最小。这些标题标记自带默认样式，在浏览器中标题元素默认独占一行，浏览器会自动在其前后创建一些空白，并且文字有加粗效果。语法hnalign=left|right|center|justify标题内容/hn说明创建标题标签的基本语法：

标题标记概述前端技术开发01标题标记案例—个人简介

02段落标记概述前端技术开发

段落标记概述前端技术开发02HTML段落是构成网页文本内容的基本单元，它允许将文本划分为不同的区块，以便于阅读和理解。在HTML中，段落是通过p标签来定义的。p标签表示一个段落的开始，而/p标签则表示段落的结束。在p和/p之间的文本会形成一个段落，并且浏览器通常会在段落前后添加一些垂直间距来区分不同的段落。语法：palign=left|right|center|justify段落内容/p说明

段落标记概述前端技术开发02段落标记案例—古诗

小结前端技术开发03HTML5标题标记：使用h1到h6标签来表示，它们按照从大到小的顺序定义了六级标题。这些标签主要用于表示文档结构中的标题或重要段落。HTML5段落标记：使用p标签来定义。它用于将文本划分为独立的段落，每个p标签内的内容会被视为一个单独的段落，并在段落前后添加适当的垂直间距。

感谢观看信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》

特殊字符和文本修饰的使用信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》

前端技术开发知识储备特殊字符概述1文本修饰标记概述2

01特殊字符概述前端技术开发

特殊字符概述前端技术开发01HTML特殊字符是指在HTML中具有特殊含义的字符，这些字符不能直接在HTML文档中输入，否则会被浏览器解析为特定的控制指令或格式元素。为了在HTML文档中显示这些特殊字符，需要使用特定的转义序列（escapesequence）来表示它们。表达方式为：name;，其中name是一个用于表示字符的名称。或#D;，其中D是一个十进制数值。

特殊字符概述前端技术开发01HTML5特殊字符是指那些在HTML5中具有特定含义或