html中style所有属性 html全局属性的定义和用法

编程之家2026-06-30799次浏览

大家好，今天来为大家分享html中style所有属性的一些知识点，和html全局属性的定义和用法的问题解析，大家要是都明白，那么可以忽略，如果不太清楚的话可以看看本篇文章，相信很大概率可以解决您的问题，接下来我们就一起来看看吧！

html 的元素和属性的英文全称都是什么

HTML标签英文全称中文释义

a Anchor锚

abbr Abbreviation缩写词

acronym Acronym取首字母的缩写词

address Address地址

dfn Defines a Definition Term定义定义条目

kbd Keyboard键盘（文本）

samp Sample示例（文本

var Variable变量（文本）

tt Teletype打印机（文本）

code Code源代码（文本）

pre Preformatted预定义格式（文本）

blockquote Block Quotation区块引用语

cite Citation引用

q Quotation引用语

strong Strong加重（文本）

em Emphasized加重（文本）

b Bold粗体（文本）

i Italic斜体（文本）

big Big变大（文本）

small Small变小（文本）

sup Superscripted上标（文本）

sub Subscripted下标（文本）

bdo Direction of Text Display文本显示方向

br Break换行

center Centered居中（文本）

font Font字体

u Underlined下划线（文本）

s/ strike Strikethrough删除线

div Division分隔

span Span范围

ol Ordered List排序列表

ul Unordered List不排序列表

li List Item列表项目

dl Definition List定义列表

dt Definition Term定义术语

dd Definition Description定义描述

del Deleted删除（的文本）

ins Inserted插入（的文本）

h1~h6 Header 1 to Header 6标题1到标题6

p Paragraph段落

hr Horizontal Rule水平尺

href hypertext reference超文本引用

alt alter替用(一般是图片显示不出的提示)

src Source源文件链接

cell cell巢

cellpadding cellpadding巢补白

cellspacing cellspacing巢空间

nl navigation lists导航列表

tr table row表格中的一行

th table header cell表格中的表头

td table data cell表格中的一个单元格

另一个网站上的

<a>:anchor定义锚

<abbr>:abbreviation定义缩写

<acronym>:定义只取消首字母的缩写

<address>:定义地址元素

<area>:定义图像映射内部的区域

<b>:bold定义粗体字

<base>:定义页面当中的所有链接的基准链接

<bdo>: bidirectional override定义文字的显示方向

<big>:定义大号字

<blockquote>:定义长的引用

<body>:定义body元素

<br>:break插入一个回车

<button>:定义按钮

<caption>:定义表格标题

<cite>:citation定义引用

<code>:computer code定义计算机代码文本

<col>:column定义用于表格列的属性

<colgroup>:column group定义表格的列祖

<dd>:definition description定义定义的描述

<del>:delete定义被删除的文本

<div>:division定义文档中的节

<dfn>:defining instance定义定义的项目。

<dl>:definition list定义定义列表

<dt>:definition term定义定义的项目

<em>:emphasized定义强调文本

<fieldset>:定义域结构

<form>:定义表单

<frame>:定义框架的子窗口

<frameset>:定义框架集

<h1>to<h6>:定义标题1到标题6

<head>:定义关于文档的信息

<hr>:horizontal定义水平线

<html>:hypertext markup language定义html文档

<i>:italic定义斜体字

<img>:image定义图像

<input>:定义输入域

<ins>:inserted定义被插入的文本

<kbd>:keyboard定义键盘文本

<label>:定义针对表单控件的标签

<legend>:定义框架集的标题

<li>:list item定义列表的项目

<map>:定义图像映射

<noframe>:定义无框架的节

<ol>:ordered list定义有序列表

<optgroup>:option group定义选项组

<option>:定义下拉列表的选项

<p>:paragraph定义段落

<param>:定义对象的参数

<pre>:preformatted定义预格式文本

<q>:quotation定义短的引用

<samp>:sample定义计算机代码样本

<select>:定义选择列表

<small>:定义小字体文本

<span>:定义文档中的节

<strong>:stronger empasis定义强调文本

<sub>:subscript定义下标文本

<sup>:superscript定义上标文本

<table>:定义表格

<tbody>:table body定义表格的主体部分

<td>:table data cell定义表格单元

<textarea>:定义文本区域

<tfoot>:table foot定义表也的脚注

<th>:table header cell定义表格的表头单元格

<thead>:table head定义表格的标题

<title>:定义文档的标题

<tr>:table row定义表格的行

<tt>:teletype定义打字机文本

<ul>:unordered list定义无序列表

<var>:variable定义变量

head`头信息

title`标题

body`正文

font`字体

br`换行

p`段落

pre`预格式化

hr`水平分界线

sup`上标

sub`下标

b`粗体

i`斜体

u`下划线

em`强调(斜体)

strong`强调(粗体)

tt`等宽字体(打印机字体)

<ol>

</ol>有序列表

<ul>

</ul>无序列表

<a href=#>超链接

<img src=#>图片链接

th`表头单元

td`表格单元

tr`表格行

table`表格

caption`表格标题

form`交互式表单

input`输入表单控件

option`菜单类控件可选项`select中使用

select`菜单类控件

textarea`多行文本域

style`样式表

html中的主要标签有哪些,具体作用是什么

标记类型译名或意义作用备注

文件标记

<HTML>●文件声明让浏览器知道这是 HTML文件

<HEAD>●开头提供文件整体资讯

<TITLE>●标题定义文件标题，将显示于浏览顶端

<BODY>●本文设计文件格式及内文所在

排版标记

○说明标记为文件加上说明，但不被显示

<P>○段落标记为字、画、表格等之间留一空白行

<BR>○换行标记令字、画、表格等显示于下一行

<HR>○水平线插入一条水平线

<CENTER>●居中令字、画、表格等显示于中间反对

<PRE>●预设格式令文件按照原始码的排列方式显示

<DIV>●区隔标记设定字、画、表格等的摆放位置

<NOBR>●不折行令文字不因太长而绕行

<WBR>●建议折行预设折行部位

字体标记

●加重语气产生字体加粗 Bold的效果

<B>●粗体标记产生字体加粗的效果

<EM>●强调标记字体出现斜体效果

<I>●斜体标记字体出现斜体效果

<TT>●打字字体 Courier字体，字母宽度相同

<U>●加上底线加上底线反对

<H1>●一级标题标记变粗变大加宽，程度与级数反比

<H2>●二级标题标记将字体变粗变大加宽

<H3>●三级标题标记将字体变粗变大加宽

<H4>●四级标题标记将字体变粗变大加宽

<H5>●五级标题标记将字体变粗变大加宽

<H6>●六级标题标记将字体变粗变大加宽

<FONT>●字形标记设定字形、大小、颜色反对

<BASEFONT>○基准字形标记设定所有字形、大小、颜色反对

<BIG>●字体加大令字体稍为加大

<SMALL>●字体缩细令字体稍为缩细

<STRIKE>●画线删除为字体加一删除线反对

<CODE>●程式码字体稍为加宽如<TT>

<KBD>●键盘字字体稍为加宽，单一空白

<SAMP>●范例字体稍为加宽如<TT>

<VAR>●变数斜体效果

<CITE>●传记引述斜体效果

<BLOCKQUOTE>●引述文字区块缩排字体

<DFN>●述语定义斜体效果

<ADDRESS>●地址标记斜体效果

<SUB>●下标字下标字

<SUP>●上标字指数（平方、立方等）

清单标记

<OL>●顺序清单清单项目将以数字、字母顺序排列

<UL>●无序清单清单项目将以圆点排列

<LI>○清单项目每一标记标示一项清单项目

<MENU>●选单清单清单项目将以圆点排列，如<UL>反对

<DIR>●目录清单清单项目将以圆点排列，如<UL>反对

<DL>●定义清单清单分两层出现

<DT>○定义条目标示该项定义的标题

<DD>○定义内容标示定义内容

表格标记

<TABLE>●表格标记设定该表格的各项参数

<CAPTION>●表格标题做成一打通列以填入表格标题

<TR>●表格列设定该表格的列

<TD>●表格栏设定该表格的栏

<TH>●表格标头相等于<TD>，但其内之字体会变粗

表单标记

<FORM>●表单标记决定单一表单的运作模式

<TEXTAREA>●文字区块提供文字方盒以输入较大量文字

<INPUT>○输入标记决定输入形式

<SELECT>●选择标记建立 pop-up卷动清单

<OPTION>○选项每一标记标示一个选项

图形标记

<IMG>○图形标记用以插入图形及设定图形属性

连结标记

<A>●连结标记加入连结

<BASE>○基准标记可将相对 URL转绝对及指定连结目标

框架标记

<FRAMESET>●框架设定设定框架

<FRAME>○框窗设定设定框窗

<IFRAME>○页内框架于网页中间插入框架 IE

<NOFRAMES>●不支援框架设定当浏览器不支援框架时的提示

影像地图

<MAP>●影像地图名称设定影像地图名称

<AREA>○连结区域设定各连结区域

多媒体

<BGSOUND>○背景声音于背景播放声音或音乐 IE

<EMBED>○多媒体加入声音、音乐或影像

其他标记

<MARQUEE>●走动文字令文字左右走动 IE

<BLINK>●闪烁文字闪烁文字 NC

<ISINDEX>○页内寻找器可输入关键字寻找于该一页反对

<META>○开头定义让浏览器知道这是 HTML文件

<LINK>○关系定义定义该文件与其他 URL的关系

StyleSheet

<STYLE>●样式表控制网页版面

<span>●自订标记独立使用或与样式表同用

原生js获取元素的样式style属性值

是这样的，一开始需要获取某一个元素的 left值，我就用 ele.style.left去获取了（基础不扎实还好意思来丢人），然后居然返回的是空。

好吧，追本溯源，问题的根源以及区别就在这里了。

所以，我那样是获取不到某一个元素的一个其他方式设置的样式属性值的，所以我就打算谷歌一下别的方法了。

特点：

-只可读，但是可以读取所有的样式属性值。但是不能通过该方法去设置样式属性值。

currentStyle获取的是一个元素的所有的样式属性值，这一点功能是与 getComputedStyle()一样的，但是在获取某一个具体的属性的时候，可以结合 getAttribute来实现。

和 getComputedStyle方法不同的是，currentStyle要获得属性名的话必须采用驼峰式的写法。也就是如果我需要获取 font-size属性，那么传入的参数应该是 fontSize。因此在IE中要获得单个属性的值，就必须将属性名转为驼峰形式。(感谢这篇文章。)

关于 getComputedStyle返回的值，具体查看这里。

不管你最初定义的样式是什么，涉及到宽度高度之类的，返回的都是最后实际使用的宽度和高度。

关于 ele.style的返回值，是和定义的样式的值相等的，如果设置为auto，就直接返回auto。

然后是元素的高宽，对于一个没有设定高宽的元素而言，在 IE678下使用 getPropertyValue("width|height")得到的是 auto。而标准浏览器会直接返回它的 px值，当然我们希望在 IE下也返回 px值。

这里的 HACK方法是使用 element.getBoundingClientRect()方法。

element.getBoundingClientRect()--可以获得元素四个点相对于文档视图左上角的值 top、left、bottom、right，通过计算就可以容易地获得准确的元素大小。

参考链接 chokcoco的博客园

关于html中style所有属性到此分享完毕，希望能帮助到您。

zookeeper与hadoop，Zookeeper在kafka作用织梦cms倒闭了吗，帝国cms和织梦哪个好

html中style所有属性 html全局属性的定义和用法

html 的 元素和属性的英文全称都是什么

html中的主要标签有哪些,具体作用是什么

原生js获取元素的样式style属性值

html 的元素和属性的英文全称都是什么