HTML常用标签含义及对应中英文

标签标签含义英文英文含义备注
h标题headline标题 
p段落paragraph段落 
hr水平分割线horizontal rules水平分割线 
b加粗bold加粗/粗体 
strong加粗(强调语义)strong强壮的 
i倾斜incline倾斜 
em倾斜(强调语义)emphasize [‘emfəsaɪz]强调用倾斜来起到强调作用
u下划线underline下划线 
ins下划线(强调语义)insert插入ins标签准确来说是:插入字效果
s删除线strikethrough删除线
del删除线delete删除 
br回车换行break打破/折断 
img插入图image图片 
src图片路径source源头img标签的属性
width宽度width宽度标签属性
height高度height高度标签属性
title提示内容title标题img标签的属性
alt替换的内容alternative替换/交替img标签属性
border边框线border边界标签属性
a超链接anchor  [‘æŋkə]锚点 
href超链接地址hypertext reference超链接a标签的属性
target超链接在哪个窗口打开target目标a标签的属性
_blank新窗口blank空白target属性值
_self当前窗口self自己target属性值
空格符non-breaking space不间断空格
ul无序列表unorder list无序列表 
li列表项list item列表条目 
ol有序列表order list有序列表 
dl自定义列表defined list自定义列表 
dt自定义列表标题defined title自定义标题
dd自定义列表详情defined detail自定义详情 
table表格table表格 
trtable row表格行 
td单元格table data表格数据单元格 
radio单选按钮radio收音机收音机的按钮只能按下一个(单选)
rows行数rows行的复数textarea属性
cols列数columns列的复数textarea属性
getget请求方式get获取 
postpost请求方式post提交
css层叠样式表(样式)Cascading Style Sheet 层叠样式表 
font-family字体font-family字体族/字体类型 
text-align内容对齐text-align文字对齐 
text-indent文字首行缩进text-indent文字缩进 
background背景background背景笔记中记录background为背景色,其实准确来说是背景.这个属性除了可以设置背景颜色,还可以设置背景图片等.
display显示模式display显示 
block块级block 
inline行内inline内联的 这里可以这样理解:line是行,in是在…里边.inline就是在行里边(行内)
none隐藏none没有/消失display属性值:none可以理解为消失(不占位置隐藏)
visibility显示visibility能见度 
hidden隐藏hidden隐藏占位置隐藏(隐身)
class类样式class 
style行内样式style风格/设计 
link外链式link关系/连接 
rel关系relationship关系/关联
stylesheet样式单stylesheet样式  床单
important提权功能(变为最重要)important重要 
italic倾斜italic斜体字font-style属性值
normal正常normal正常font-style属性值
text-decoration文字修饰属性decoration修饰/装饰 
overline顶划线overline上划线text-decoration属性值
line-through删除线/贯穿线through穿过text-decoration属性值
word-break强制打散单词换行beak折断
visited访问后visited访问后超链接伪类
hover鼠标以上hover悬浮/盘旋超链接伪类
active点击状态active激活/积极超链接伪类
solid实线solid固体的border边框线条样式
dashed虚线dashed虚线border边框线条样式
repeat平铺repeat重复background属性值
fixed背景图固定fixed固定的background属性值
margin外边距margin边缘边缘可以理解为盒子外边的距离(盒子与盒子之间的距离)
padding内边距padding填补/填充填充意味着属于盒子内部的距离
auto自动(自适应宽高)auto自动margin/padding取值
list-style列表样式list,style列表,样式 
overflow溢出overflow溢出 
hidden隐藏hidden隐藏overflow属性值(visibility属性值)
float浮动float浮动
position定位position位置 
relative相对定位relative相对position的属性值
static静态定位static静态的 
absolute绝对定位absolute绝对的 
cursor鼠标样式cursor光标 
pointer小手pointer指针 
border-radius边框半径(制作圆角矩形)radius半径
filter滤镜filter过滤器
alpha透明度alpha透明度 
opacity透明度opacity不透明度虽然翻译是不透明度,但是css中还是当做透明度处理了
css spritecss精灵图sprite精灵/雪碧 
background-attachment背景图固定attachment附着 
wrap包裹wrap包裹 
banner广告条banner标语/横幅广告
prefect完美prefect完美 
course课程体系course课程
pilot领航者pilot飞行员/领航者 
vertical-align垂直对齐方式vertical垂直的
<think>嗯,用户之前问过一些特定HTML标签的全称,现在他们又扩展了问题,想要了解更全面的HTML常用标签及其全称。我需要先回忆一下之前给出的回答,确保这次不重复,同时补充更多常用标签。 首先,用户可能正在学习HTML,或者需要快速参考标签全称。他们的真实需求可能是为了理解标签的命名来源,从而更好地记忆和正确使用它们。深层需求可能是希望系统性地掌握HTML标签,了解其语义和结构,以便在开发中更有效地应用。 接下来,我需要列出常用标签,除了之前提到的span、tr、div等,还需要包括其他如a、img、p、ul、ol、li、header、nav、section等。要确保每个标签的全称正确,并且用简洁的中文解释用途。还要注意HTML5新增的语义化标签,如header、footer、article等,强调它们的语义作用。 同时,用户可能希望了解标签的分类,比如块级元素和行内元素,但根据问题,可能更关注全称和基本用途。需要组织信息结构清晰,分点列出,每个标签单独说明,全称和用途分开,方便阅读。可能还需要一个总结部分,指出全称规律和语义化的重要性,帮助用户整体把握。 需要检查是否有遗漏的常用标签,比如form、button、meta、link、script等。确保每个标签的全称正确,比如确认“a”是anchor,而不是其他缩写。此外,注意标签的正确大小写,HTML标签通常是小写的,但全称可能需要首字母大写,如“Division”对应div。 最后,确保回答符合之前的格式,使用列表形式,每个标签单独成点,全称和用途分开,用简短的句子。避免使用复杂术语,保持解释通俗易懂,适合初学者理解。可能还需要对比类似标签,比如ul和ol的区别,但问题主要是全称和用途,所以简要说明即可。</think>以下是HTML常用标签的全称及核心功能介绍,按功能分类逐步说明: --- ### **一、文本结构类** 1. **`<p>`** - **全称**:Paragraph(段落) - **用途**:定义文本段落,默认上下有边距。 2. **`<h1>`~`<h6>`** - **全称**:Heading 1~6(标题) - **用途**:定义分级标题,`<h1>`为最高级标题。 3. **`<a>`** - **全称**:Anchor(锚点) - **用途**:创建超链接,通过`href`属性指向目标地址。 4. **`<span>`** - **全称**:Span(范围) - **用途**:行内容器,用于局部文本样式化或脚本操作。 --- ### **二、容器类** 5. **`<div>`** - **全称**:Division(分区) - **用途**:块级通用容器,常用于布局或样式分组。 6. **`<header>`** - **全称**:Header(页眉) - **用途**:定义页面或区块的头部(如导航栏、标题)。 7. **`<footer>`** - **全称**:Footer(页脚) - **用途**:定义页面或区块的尾部(如版权信息)。 8. **`<section>`** - **全称**:Section(章节) - **用途**:定义文档中的独立内容区块(如章节、选项卡内容)。 9. **`<article>`** - **全称**:Article(文章) - **用途**:表示独立内容(如博客文章、新闻)。 --- ### **三、列表类** 10. **`<ul>`** - **全称**:Unordered List(无序列表) - **用途**:定义项目符号列表,需配合`<li>`使用。 11. **`<ol>`** - **全称**:Ordered List(有序列表) - **用途**:定义数字编号列表,需配合`<li>`使用。 12. **`<li>`** - **全称**:List Item(列表项) - **用途**:定义列表中的单个项目。 --- ### **四、表格类** 13. **`<table>`** - **全称**:Table(表格) - **用途**:定义表格结构。 14. **`<tr>`** - **全称**:Table Row(表格行) - **用途**:定义表格中的一行。 15. **`<th>`** - **全称**:Table Header(表头单元格) - **用途**:定义表格列/行标题,默认加粗居中。 16. **`<td>`** - **全称**:Table Data(表格数据单元格) - **用途**:定义表格中的标准数据单元格。 --- ### **五、表单类** 17. **`<form>`** - **全称**:Form(表单) - **用途**:定义数据提交区域,包含输入控件。 18. **`<input>`** - **全称**:Input(输入) - **用途**:创建文本框、复选框、按钮等输入控件。 19. **`<button>`** - **全称**:Button(按钮) - **用途**:定义可点击按钮,支持自定义样式。 --- ### **六、媒体类** 20. **`<img>`** - **全称**:Image(图像) - **用途**:嵌入图片,需通过`src`属性指定路径。 21. **`<video>`** - **全称**:Video(视频) - **用途**:嵌入视频文件,支持多种格式。 --- ### **七、元信息类** 22. **`<meta>`** - **全称**:Metadata(元数据) - **用途**:定义页面编码、视口设置等元信息。 23. **`<link>`** - **全称**:Link(链接) - **用途**:关联外部资源(如CSS文件),常用于`<head>`中。 --- ### **总结** - **全称规律**:多数标签英文直译(如`header`),部分为缩写(如`a=anchor`)。 - **语义化标签**:HTML5新增的`<article>`, `<section>`等标签强调内容含义,提升可读性和SEO。 - **功能分类**:按用途选择标签(如表单用`<form>`,媒体用`<img>`),遵循语义化原则。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值