整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML 符号

TML 符号实体

HTML 符号是不呈现在标准的键盘上,比如数学运算符、箭头符号、技术符号和形状。

如需向 HTML 页面添加这些符号,您可以使用 HTML 实体名称。

如果不存在实体名称,您可以使用实体编号。

如果字符没有实体名称,您可以使用十进制(或十六进制)引用。

实例

<p>我将显示 &euro;</p>

<p>我将显示 &#8364;</p>

<p>我将显示 &#x20AC;</p>

结果如下:

我将显示 €

我将显示 €

我将显示 €


HTML 支持的数学符号

如果您使用的是一个 HTML 实体名称或一个十六进制编号,字符总是能正确显示。

这是与您页面使用的字符集相互独立的!

字符编号实体描述
&#8704;&forall;所有(for all)
&#8706;&part;部分(part)
&#8707;&exist;存在(exists)
&#8709;&empty;空(empty)
&#8711;&nabla;倒三角(nabla)
&#8712;&isin;属于(isin)
&#8713;&notin;不属于(notin)
&#8715;&ni;包含的成员(ni)
&#8719;&prod;连乘(prod)
&#8721;&sum;总和(sum)

完整的数学(Math)参考手册


HTML 支持的希腊字母

字符编号实体描述
Α&#913;&Alpha;Alpha(中文注音:阿耳法)
Β&#914;&Beta;Beta(中文注音:贝塔)
Γ&#915;&Gamma;Gamma(中文注音:伽马)
Δ&#916;&Delta;Delta(中文注音:德耳塔)
Ε&#917;&Epsilon;Epsilon(中文注音:艾普西隆)
Ζ&#918;&Zeta;Zeta(中文注音:截塔)

完整的希腊(Greek)参考手册


HTML 支持的其他实体

字符编号实体描述
©&#169;&copy;版权所有(REGISTERED SIGN)
®&#174;&reg;注册商标(REGISTERED SIGN)
&#8364;&euro;欧元符号(EURO SIGN)
&#8482;&trade;商标(trademark)
&#8592;&larr;向左箭头(LEFTWARDS ARROW)
&#8593;&uarr;向上箭头(UPWARDS ARROW)
&#8594;&rarr;向右箭头(RIGHTWARDS ARROW)
&#8595;&darr;向下箭头(DOWNWARDS ARROW)
&#9824;&spades;黑桃(BLACK SPADE SUIT)
&#9827;&clubs;黑梅花(BLACK CLUB SUIT)
&#9829;&hearts;黑心(BLACK HEART SUIT)
&#9830;&diams;黑方块(BLACK DIAMOND SUIT)

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

果想开发一个网站,除了要精通后端开发语言(如:php)外,还要精通HTML代码。那么,什么是HTML呢?HTML是一种超文本标记语言,它包含有众多的标签,我们可以通过这些标签,把不同的internet资源(如:文字、图片、视频、音频、表单等等)整合在一个统一的文档中,这就形成了我们可以看得见的网页。那么,HTML都有哪些常用的标签呢?

一、文档类型声明。

html5文档类型声明:<!doctype html>

html4文档类型声明:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

二、html主标签。

这个标签是html最外层的标签,所有其它的HTML标签都要放在这个标签的内部。

<html>

<head></head>

<body></body>

</html>

三、双标签和单标签。

在HTML标签中,有的标签是成双成对的,如:<html></html>(如下图);而有的标签是单个的,如:<hr>横线标签。

四、head头部标签。

head头部有以下几种常用标签:

meta:主要提供有关页面的元信息。

link:用来定义文档与外部资源的关系,最常用的是调用CSS样式文件。

title:页面标题的标签。

script:用来调用JS文件或JS代码。当然,script标签也可以在body主体中使用。

五、body主体标签。

1、块级标签。

块级标签的特性是:独自占有一行;标签的高与宽、边距可以修改;没有设置宽与高时,默认继承父标签。例如:


<div>div1</div>

<div>div2</div>

<style>

.aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }

.aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }

</style>


前端页面显示的效果如下图:

常用的块级标签有:div、h1、h2、h3、h4、h5、h6、hr、menu、ul、ol、li、dl、dt、dd、table、p、form 。

2、内联标签。

内联标签与块级标签不同,它不能独自占有一行,会与其它内联标签在同一样展示;内联标签的高与宽、上下边距是不能修改的,它里面的文字或图片有多高,它就是多高。例如如下代码:


<style>

.aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }

.aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }

</style>

<span>span1</span>

<span>span2</span>


CSS样式代码跟块级标签的例子是一样的,而显示的效果就不一样了,宽与高、上下边距没有效果。如下图:

常用的内联标签有:span、a、b、strong、i、em 。

3、内联块级标签。

内联块级标签,既有一些内联标签的特性,也有一些块级标签的特点:它不能独自占有一行,但是可以修改它的宽度和高度。例如下面这段代码:


<style>

.aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }

.aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }

</style>

<img src="w5.jpg" alt="">

<img src="w5.jpg" alt="">


CSS样式代码跟块级标签的那个例子仍然是一样的,图片的宽和高、上下边距修改成功,而2个图片不能独自占有一行,而是在同一行。如下图:

常用的内联块级标签有:img、input、textarea。

4、区域标签。

所谓区域标签,就是主要用来划分布局页面区域的。如:头部、主体内容、侧边栏、底部。这样划分的好处是:让页面布局更加清晰明了。

常用的区域标签有:header(头部)、footer(底部)、nav(导航)、aside(侧边栏)、section(主体)、article(独立内容)。

5、表单标签。

这个表单标签我们也是会经常用到的,如:登录网站的时候、提交数据的时候。如下图的评论表单:

​表单常用的标签有:form、input、select、option、textarea 。

以上就是我们开发网页时,会常用到的HTML标签。当然,HTML标签远不止这些,尤其是html5出来后,新增了许多的新标签。但是,有些标签在我们开发中很少用到,所以,这里就没有做相应的介绍。

天找一个 • 点的符号 &bull; 查到了这张表,分享出来。

HTML符号

1.特色的

©&copy;©版权标志
|
|竖线,常用作菜单或导航中的分隔符
·&middot;·圆点,有时被用来作为菜单分隔符
&uarr;上箭头,常用作网页“返回页面顶部”标识
&euro;欧元标识
²&sup2;²上标2,数学中的平方,在数字处理中常用到,例如:1000²
½&frac12;½二分之一
&hearts;心型,用来表达你的心

2常用的


&nbsp;
空格
&&amp;&and符号,与
"&quot;"引号
©&copy;©版权标志
®&reg;»注册标志
&trade;商标标志
&ldquo;左双引号
&rdquo;右双引号
&lsquo;做单引号
&rsquo;右单引号
«&laquo;«左三角双引号
»&raquo;»右三角双引号
&lsaquo;左三角单引号
&rsaquo;右三角单引号
§&sect;§章节标志
&para;段落标志
&bull;列表圆点(大)
·&middot;·列表圆点(中)
&hellip;省略号
|
|竖线
¦&brvbar;¦断的竖线
&ndash;短破折号
&mdash;长破折号

3.货币类

¤&curren;¤一般货币符号
$
$美元符号
¢&cent;¢
£&pound;£英镑
¥&yen;¥日元
&euro;欧元

4 数学类

<&lt;<小于号
>&gt;>大于号
&le;小于等于号
&ge;大于等于号
×&times;×乘号
÷&divide;÷除号
&minus;减号
±&plusmn;±加/减 号
&ne;不等于号
¹&sup1;¹上标1
²&sup2;²上标2
³&sup3;³上标3
½&frac12;½二分之一
¼&frac14;¼四分之一
¾&frac34;¾四分之三
&permil;千分率
°&deg;°
&radic;平方根
&infin;无限大

5.方向类

&larr;左箭头
&uarr;上箭头
&rarr;右箭头
&darr;下箭头
&harr;左右箭头
&crarr;回车箭头
&lceil;左上限
&rceil;右上限
&lfloor;左下限
&rfloor;右下限

6 其它

&spades;黑桃
&clubs;梅花
&hearts;红桃,心
&diams;方块牌
&loz;菱形
&dagger;匕首
&Dagger;双剑号
¡&iexcl;¡反向感叹号
¿&iquest;¿反向问号