整合营销服务商

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

免费咨询热线:

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,我们一起飞!

TML的常用列表可以分为三种:无序列表,有序列表以及定义列表。

无序列表

定义:<ul>...</ul> ,表示项目之间没有顺序规定的列表。

内层标签是 <li>...</li>,它有一个type属性,常用的值有三种:

  • disc,实心圆点
  • circle,空心圆点(默认值)
  • square,实心方块

小实例:

<ul>
    <li>默认值</li><br>
    <li type="disc">实心圆点</li><br>
    <li type="circle">空心圆点</li><br>
    <li type="square">实心方块</li><br>
</ul>



有序列表

定义:<ol>...</ol>, 相对于无序列表而言,具有一定的顺序的列表,一般用数字或者是字母放在表示项目的最前端表示先后顺序。

内层标签是 <li>...</li>,同样它的type属性常用值有四种:

  • type="A",按大写字母排序
  • type="a",按小写字母排序
  • type="I",按罗马数字排序
  • type="1",按数字排序

小实例:

<ol>
    <li>默认值</li><br>
    <li type="A">大写字母</li><br>
    <li type="a">小写字母</li><br>
    <li type="I">罗马数字</li><br>
    <li type="1">纯数字</li><br><br><br>
</ol>



定义列表

定义:<dl>...</dl>,不仅仅是一列项目,还是项目及其注释的组合。

<dl> 标签开始,内层标签 <dt>...</dt> 包裹对象文本, <dd>...</dd> 包裹着解释文本。(内层只能是 dt 和 dd 标签,且dt 必须是在 dd 前面)

小实例:

<dl>
    <dt>HTML</dt>
    <dd>HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。</dd><br>
    <dt>CSS</dt>
    <dd>层叠样式表(英文全称:Cascading Style
    Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。</dd><br>
    <dt>JavaScript</dt>
    <dd>JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。</dd><br>
</dl>



动手小练习

  1. 定义一个无序列表
  2. 定义一个有序列表
  3. 定义一个定义列表
  4. 分别在无序列表和有序列表的基础上定义不同类型的属性值,并通过浏览器显示出来

于所有Web开发人员来说,无论你选择的是哪种框架或后端语言,都需要大量使用HTML(超文本标记语言)。

HTML标题标记

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>无标题文档</title>
    </head>
    
    <body>
        <h1>1级标题</h1>
  <h2>2级标题</h2>
  <h3>3级标题</h3>
  <h4>4级标题</h4>
  <h5>5级标题</h5>
  <h6>6级标题</h6>
    </body>
</html>12345678910111213141516复制代码类型:[html]

图示

h的级别越小文字大小越小。

当然了,这些文字标题都是左对齐的。

其实在标题标记中还有重要的属性!详情见文章------

我们可以给<h1>,<h2>......等标记加属性值让其变得更加多样化!

代码

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>无标题文档</title>
    </head>
    
    <body>
        <h1 align="center">1级标题</h1>
        <h2 align="left">2级标题</h2>
        <h3 align="right">3级标题</h3>
        <h4 align="justify">4级标题</h4>
        <h5 align="right">5级标题</h5>
        <h6 align="center">6级标题</h6>
    </body>
</html>12345678910111213141516复制代码类型:[html]

图示

align标记在----文章已经有些许叙述,我们再来讲讲吧。

<h1 align="center"></h1> <!--居中-->
<h2 align="left"</h2> <!--左对齐-->
<h3 align="right"></h3> <!--右对齐-->
<h4 align="justify"></h4><!--段落两端对齐-->1234复制代码类型:[html]

所以图示才是如此显示的。

开课吧广场-人才学习交流平台