HTML address 元素用于表示文档或文章的联系信息。标签用法通常包含作者/所有者的联系信息(电子邮件、电话、地址等)可以放在article、footer或文档的body中默认显示为斜体功能语义化标记联系信息帮助搜索引擎识别联系信息提高可访问性CSS扩展示例
HTML 超链接基本标签a 标签用于创建超链接主要属性href: 指定链接目标URLtarget: 控制链接打开方式_self: 当前窗口(默认)_blank: 新窗口_parent: 父框架_top: 顶层框架rel: 定义链接与当前文档的关系nofollow: 告诉搜索引擎不要追踪noopener: 防止新窗口访问原窗口noreferrer: 隐藏来源信息基本用法功能扩展邮件链接电话链接下载链
HTML 段落格式化标签:p 标签用法:p段落内容/p功能:定义文本段落CSS扩展:br 标签用法:br(空标签)功能:插入换行符CSS扩展:pre 标签用法:pre预格式化文本/pre功能:保留空格和换行CSS扩展:hr 标签用法:hr(空标签)功能:创建水平分割线CSS扩展:blockquote 标签用法:blockquote引用内容/blockquote功能:定义长引用CSS扩展:div 标
HTML 注释标签:用法:用于在HTML代码中添加说明或临时禁用代码功能:对代码进行解释说明调试时临时隐藏代码不影响页面显示CSS扩展注释标签:/* 注释内容 */用法:用于在CSS中添加说明功能:解释样式规则分组相关样式临时禁用某些样式多行注释示例:/*这是CSS多行注释也可以跨越多行*/
HTML水平线(Horizontal Rule)用于在网页中创建一条水平分隔线。标签:hr用法:基本用法:带属性的传统用法(HTML4):功能:内容分隔视觉分区文档结构划分CSS扩展:HTML5特性:语义化标签,表示主题分隔不再推荐使用传统属性(width/size/color等)建议完全通过CSS控制样式
HTML 段落详细介绍HTML 段落是通过 p 标签定义的文本块,用于组织和呈现文本内容。段落会自动在前后创建一些空白(外边距),使文档结构更清晰。标签基本段落标签:用法基本用法:包含其他内联元素:功能将文本内容分组为逻辑段落自动添加默认样式(上下边距)提高文档可读性和可访问性CSS 扩展可以通过 CSS 自定义段落样式:修改字体和颜色:调整间距:首行缩进:特殊段落样式:响应式设计:
XPath 节点关系1. 父节点(Parent)定义:每个元素或属性都有一个父节点。属性:parent:: 轴或 /.. 简写。用法:选择当前节点的直接父节点。示例:2. 子节点(Children)定义:直接位于某节点下的元素。属性:直接使用 / 或 child:: 轴。用法:选择当前节点的直接子节点。示例:3. 兄弟节点(Sibling)定义:拥有相同父节点的节点。属性:following-si
XPath 节点类型元素节点(Element Node)介绍:XML 文档中的标签。属性:有名称、子节点、属性节点等。语法:/elementName 或 //elementName。用法:用于选择特定元素。示例://book 选择所有 book 元素。属性节点(Attribute Node)介绍:元素的属性。属性:属于某个元素节点,有名称和值。语法:@attributeName。用法:选择元素的属
标签定位语法: //标签名用法: 通过HTML标签名定位元素示例: //div 定位所有div元素属性定位语法: //标签名[@属性名='属性值']用法: 通过元素的属性值定位示例: //input[@id='username'] 定位id为username的input元素文本定位语法: //标签名[text()='文
CSS3中设置阴影的属性是box-shadow和text-shadow。box-shadow(盒子阴影)h-shadow:水平阴影位置(必需)v-shadow:垂直阴影位置(必需)blur:模糊距离(可选)spread:阴影尺寸(可选)color:阴影颜色(可选)inset:内阴影(可选)属性:box-shadow: h-shadow v-shadow blur spread color inse