HTML网页样式标签属性思维导图
2025-03-25 10:29:10 0 举报AI智能生成
HTML网页样式标签属性思维导图
作者其他创作
大纲/内容
HTML基础标签
标题标签
<h1>到<h6>：定义从最大到最小的六级标题
段落标签
<p>：定义段落
链接标签
<a>：定义超链接
href属性：指定链接目标的URL
target属性：指定链接打开的方式
图像标签
<img>：嵌入图像
src属性：指定图像的路径
alt属性：定义图像的替代文本
列表标签
无序列表
<ul>：定义无序列表
<li>：定义列表项
有序列表
<ol>：定义有序列表
<li>：定义列表项
定义列表
<dl>：定义定义列表
<dt>：定义术语
<dd>：描述术语
HTML样式标签
文本格式化标签
<b>或<strong>：加粗文本
<i>或<em>：斜体文本
<mark>：高亮显示文本
<small>：定义小号字体
<sub>：定义下标文本
<sup>：定义上标文本
代码标签
<code>：定义计算机代码文本
<pre>：定义预格式化文本
引用标签
<blockquote>：定义长引用
<q>：定义短引用
<cite>：定义引用或参考文献的标题
HTML布局标签
分区标签
<div>：定义文档中的分区或节
文本容器标签
<span>：定义文本的一部分
表格标签
<table>：定义表格
<tr>：定义表格中的行
<th>：定义表头单元格
<td>：定义标准单元格
表格布局标签
<thead>：定义表格的头部
<tbody>：定义表格的主体部分
<tfoot>：定义表格的脚注部分
表单标签
<form>：定义表单
action属性：定义表单提交的URL
method属性：定义表单数据提交的方式
输入标签
<input>：定义输入控件
type属性：定义输入类型
name属性：定义输入字段的名称
value属性：定义输入字段的值
标签标签
<label>：定义输入字段的标签
选择标签
<select>：定义下拉列表
<option>：定义列表中的选项
文本区域标签
<textarea>：定义多行文本输入控件
按钮标签
<button>：定义可点击的按钮
HTML样式属性
文本样式属性
style属性：直接在元素上定义CSS样式
class属性：为元素指定一个或多个类名
id属性：为元素指定唯一的ID
颜色样式属性
color属性：设置文本颜色
background-color属性：设置背景颜色
字体样式属性
font-family属性：设置字体系列
font-size属性：设置字体大小
font-weight属性：设置字体粗细
font-style属性：设置字体样式（如斜体）
布局样式属性
width属性：设置元素的宽度
height属性：设置元素的高度
margin属性：设置元素的外边距
padding属性：设置元素的内边距
border属性：设置元素的边框
对齐样式属性
text-align属性：设置文本的水平对齐方式
vertical-align属性：设置文本的垂直对齐方式
列表样式属性
list-style-type属性：设置列表项标记的类型
list-style-image属性：使用图像作为列表项标记
list-style-position属性：设置列表项标记的位置
表格样式属性
border-collapse属性：设置表格边框是否合并为单一边框
border-spacing属性：设置相邻单元格的边框间的距离
caption-side属性：设置表格标题的位置
表单样式属性
placeholder属性：为输入字段定义提示文本
required属性：规定输入字段在提交前必须填写
readonly属性：定义输入字段为只读
disabled属性：禁用输入字段
链接样式属性
text-decoration属性：设置或删除文本装饰（如下划线）
cursor属性：定义鼠标悬停时的光标样式
动画和过渡样式属性
transition属性：定义元素样式变化的过渡效果
animation属性：定义动画效果
响应式设计属性
media属性：定义媒体查询，用于响应式设计
min-width和max-width属性：设置元素的最小/最大宽度
min-height和max-height属性：设置元素的最小/最大高度
@media规则：使用CSS媒体查询进行响应式设计
@import规则：导入外部CSS文件
@font-face规则：定义自定义字体
@keyframes规则：定义动画序列
@support规则：检查浏览器是否支持某个CSS属性
@page规则：定义打印文档时的页面布局
@counter-style规则：定义计数器样式
@namespace规则：定义XML命名空间
@viewport规则：定义视口元标签的配置
@document规则：定义文档范围的样式规则（已废弃）
@supports规则：检查浏览器是否支持某个CSS特性
@property规则：定义自定义属性（CSS变量）
0 条评论
下一页
