文档详情

Web前端开发技术项目教程课件 1.3.1 知识点1:HTML5基础语法.pptx

发布:2025-05-24约1.51千字共13页下载文档
文本预览下载声明

HTML5基础语法信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》

前端技术开发知识储备标记概念1标记分类2标记属性3标记案例4

01标记概述前端技术开发

标记概述前端技术开发01标记定义HTML5标记是构成HTML文档的基本元素,用于定义网页的内容结构和呈现方式,它们是一组由尖括号和包围的关键字或标识符。标记功能标记的作用是指定网页中内容的格式和含义,如`p`表示段落,`img`表示图像等。浏览器会根据HTML文档中的标记来渲染网页,呈现出相应的视觉效果。

02标记分类前端技术开发

标记分类前端技术开发02在网页文档中单独出现的称为单标记,形如标记名称或标记名称/,它们不需要结束标记,如:br或br/。单标记由起始标记(形如标记名称)和结束标记(形如/标记名称)组成,在网页文档中会成对出现,如p标记内容/p。双标记

03标记属性前端技术开发

标记属性前端技术开发03属性总是包含在开始标签中,并且总是以名称/值对的形式出现,如name=value。有些属性是必需的,有些则是可选的。必需属性对于元素的正确显示是必需的,而可选属性则只是提供一些额外的信息或设置。属性值可以用双引号或单引号包裹起来,也可以不用引号包裹,但是推荐使用引号,这样可以避免某些浏览器解析错误。标记名称[属性名称1=属性值[属性名称2=属性值…属性n]]

标记属性前端技术开发03brbr标签是一个单标记,用于在文本中插入一个简单的换行,br标签没有属性。hrhr标签用于在HTML页面中插入一条水平线,以分隔内容。align=”left|center|right”size=”像素值”width=“像素值|百分比”hrsize=1pxalign=leftwidth=75%

04标记案例前端技术开发

标记属性前端技术开发03headmetacharset=utf-8/title设置水平线/title/headbody水平线属性:粗细为1,对齐方式为左对齐,宽度为整个浏览器的75%。水平线属性:粗细为5,对齐方式为右对齐,宽度为整个浏览器的100%。/body/html案例hrsize=1pxalign=leftwidth=75%hrsize=5pxalign=rightwidth=100%

小结前端技术开发05HTML5标记的概念:HTML(HyperTextMarkupLanguage)是一种用于创建网页的标记语言,通过标记来描述网页的结构和内容。HTML5标记的语法:HTML标记通常由开始标识、内容和结束标识组成,具有特定的语法规则。HTML5标记的属性:为HTML标记提供了额外的信息或指令,通常以键值对的形式出现在HTML标签中。HTML5标记的分类:HTML中的标记可分为单标记和双标记。单标记只有开始标记,没有结束标记。而双标记则具有开始标记和结束标记。

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

显示全部
相似文档