下载文档原格式
H T M L常用代码大全-CAL-FENGHAI.-(YICAI)-Company One1HTML 常用代码大全Html 常用代码1.文件类型 <HTML></HTML> （放在档案的开头与结尾）2.文件主题 <TITLE></TITLE> （必须放在「文头」区块内）3.文头 <HEAD></HEAD> （描述性资料，像是「主题」）4.文体 <BODY></BODY> （文件本体）5.层 <DIV></DIV>6.层的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>7.引文区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）8.强调 <EM></EM> （通常会以斜体显示）9.特别强调 <STRONG></STRONG> （通常会以加粗显示）10 引文 <CITE></CITE> （通常会以斜体显示）11 码 <CODE></CODE> （显示原始码之用）12 小字 <SMALL></SMALL>13 下标 <SUB></SUB>14 上标 <SUP></SUP>15 居中 <CENTER></CENTER> （文字与图片都可以）16 基本字体大小 <BASEFONT SIZE=> （从 1 到 7; 内定为 3）17 说明 <!—说明内容 --> （浏览器不会显示）18 贴图：<img src="图片地址">19 加入连接：<a href="所要连接的相关地址">写上你想写的字</a>20 在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>21 移动字体(走马灯)：<marquee>写上你想写的字</marquee>22 字体加粗：<b>写上你想写的字</b>23 字体斜体：<i>写上你想写的字</i>24 字体下划线: <u>写上你想写的字</u>25 字体删除线: <s>写上你想写的字</s>26 字体加大: <big>写上你想写的字</big>27 标题字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从 h1-h5,h1 最大，h5 最小)28 更改字体颜色：<font color="#value">写上你想写的字</font>(其中 value 值在 000000 与 ffffff(16 位进制)之间29 消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>30 贴 flash: <embed src="flash 地址" width="宽度" height="高度">31 贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>32 换行：<br>33 段落：<p>段落</p> 34 原始文字样式：<pre>正文</pre>35 换帖子背景：<body background="背景图片地址">36 固定帖子背景不随滚动条滚动：<body background="背景图片地址" bgproperties = fixed>37 定制帖子背景颜色：<body bgcolor="#value">(value 值见 10)38 帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>39 贴网页：<iframe. src="相关地址" width="宽度" height="高度"></iframe>40 字体大小代码:＜font size="2"＞这里放要处理的文字，可用 3、4、5 等设置大小＜/font＞41 字体颜色代码:＜font color="red"＞这里放要处理的文字，可以换成 blue,yellow 等＜/font＞，也可以使用十六进制数字表示如#D5A9C442 文字链接代码:＜a href="网页地址"＞链接的文字，在分类栏里用时链接的网页地址必须缩短＜/a＞43 背景音乐代码：＜bgsound loop="-1" src="这里放音乐地址"＞＜/bgsound ＞44 图片附加音乐代码：＜img border=0 src="这里放图片地址" dynsrc="这里放音乐地址"＞45 浮动图片代码:＜img alt="1" height="150" src="这里放图片地址"/＞这只是文章的一部分，想要了解更多，请到本网站来找您需要的信息{。
htol 标准近年来，HTML语言已成为互联网世界中不可或缺的一部分，而其中一个重要的方面就是htol标准。
htol标准是一组HTML标签，它们可以将纯文本转换为HTML格式，实现文本和图像混合排版，增强网页的表现力和可读性。
本文将围绕htol标准进行详细讲解。
一、HTMl标签的分类在了解htol标准之前，我们需要知道HTML标签的基本分类。
HTML标签大体上可以分为块级元素和内联元素两类。
块级元素（Block-level elements）是独立的元素，它们会出现在新的一行，并且能设置宽度、高度、外边距和内边距等属性，例如<div>、<h1>、<p>等。
内联元素（Inline elements）则是将元素嵌套在其他元素中进行排版，它们没有宽度和高度，不能设置外边距和内边距，例如<a>、<img>、<span>等。
二、HTMl标签的应用若想要实现网页的良好表现效果，则需要使用HTMl标签进行编写。
常见的HTML标签有：<html>、<head>、<title>、<body>等。
在我们编写网页时，可以使用一些常见的HTMl标签，如<h1>、<p>、<img>等标签，也可以根据需要自定义标签。
以<h1>标签为例，它是HTML中的标题标签，可以将页面中的文本设置为一级标题，用法如下：<h1>标题内容</h1><h1>标签还可用于SEO优化，因为搜索引擎会将标题内容作为页面的重要关键字进行识别。
而<p>标签是HTML中的段落标签，表示一段文本内容，可以用来分隔文章段落，用法如下：<p>段落内容</p>此外，<img>标签是HTML中的图像标签，可以将指定路径下的图片插入到网页中，用法如下：<img src="图片路径" />三、HTMl标签的嵌套使用在编写HTML代码时，我们还需要注意标签的层次结构和嵌套关系。
HTML代码是什么HTML代码是什么html是什么，HTML代码是什么？下面yjbys店铺为大家分享html的概念及代码属性，希望对大家学习html代码有帮助！什么是html通俗解答：html是hypertext markup language的缩写，即超文本标记语言。
html是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建web页面。
html文件是带有格式标识符和超文本链接的内嵌代码的ascii 文本文件——html 结构了解。
html文本是由 html命令组成的描述性文本，html 命令可以说明文字、图形、动画、声音、表格、链接等。
html网页结构包括头部 (head)、主体(body) 两大部分。
头部描述浏览器所需的信息，主体包含所要说明的具体内容。
html是制作网页的基础，我们在网络营销中讲的静态网页，就是以html为基础制作的网页，早期的网页都是直接用html代码编写的，不过现在有很多智能化的网页制作软件(常用的如frontpage，dream weaver等)通常不需要人工去写代码，而是由这些软件自动生成的。
尽管不需要自己写代买，但了解html代码仍然非常重要，了解认识html是什么?是学习网络营销与电子商务的`重要技术基础知识。
自己动手建一个非常简单的网页，首先设置电脑显示扩展名方法，打开我的电脑，然后现在栏目工具-》文件夹选项-》查看-》高级设置中找到《隐藏已知文件类型的扩展名》将其不勾选，然后点击运用确认设置完成。
实现建立一个新的文本文件，在桌面新建一个txt文档(记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存)在文档里些一些文字，然后将此文件命名为“xxxx.html”。
(随便你起一个什么名字,扩展名也可是HTM)。
然后你可以用浏览器将它打开，你会看见最简单的自己做的页面。
HTML标签简写及全称⼤全常⽤HTML标签的英⽂全称及简单描述HTML标签英⽂全称中⽂释义a Anchor锚abbr Abbreviation缩写词acronym Acronym取⾸字母的缩写词address Address地址alt alter替⽤(⼀般是图⽚显⽰不出的提⽰)b Bold粗体（⽂本）bdo Direction of Text Display⽂本显⽰⽅向big Big变⼤（⽂本）blockquote Block Quotation区块引⽤语br Break换⾏cell cell巢cellpadding cellpadding巢补⽩cellspacing cellspacing巢空间center Centered居中（⽂本）cite Citation引⽤code Code源代码（⽂本）dd Definition Description定义描述del Deleted删除（的⽂本）dfn Defines a Definition Term定义定义条⽬div Division分隔dl Definition List定义列表dt Definition Term定义术语em Emphasized加重（⽂本）font Font字体h1~h6Header 1 to Header 6标题1到标题6hr Horizontal Rule⽔平尺href hypertext reference超⽂本引⽤i Italic斜体（⽂本）iframe Inline frame定义内联框架ins Inserted插⼊（的⽂本）kbd Keyboard键盘（⽂本）li List Item列表项⽬nl navigation lists导航列表ol Ordered List排序列表optgroup Option group定义选项组p Paragraph段落pre Preformatted预定义格式（⽂本）q Quotation引⽤语rel Reload加载s/ strike Strikethrough删除线samp Sample⽰例（⽂本small Small变⼩（⽂本）span Span范围src Source源⽂件链接strong Strong加重（⽂本）sub Subscripted下标（⽂本）sup Superscripted上标（⽂本）td table data cell表格中的⼀个单元格th table header cell表格中的表头tr table row表格中的⼀⾏tt Teletype打印机（⽂本）u Underlined下划线（⽂本）ul Unordered List不排序列表var Variable变量（⽂本）。
![html基础代码[整理版]](https://img.taocdn.com/s1/m/63971d55e418964bcf84b9d528ea81c758f52edc.png)
html基本代码size粗细color颜色width宽度height高度<br>换行<P></P>段落align左右对齐方式valign上下对齐方式<hr>水平线段(size粗细color颜色水平线的宽度width 水平线的长度用占屏幕宽度的百分比或象素值来表示align 水平线的对齐方式，有left right center三种noshade 线段无阴影属性，为实心线段)文字<font 属性></font>{(属性:SIZE=取值1-7 face=字体)(粗体<B></B>.斜体<I></I>.加下划线<U></U>.中间线<S></S>字体上一点<sup></sup> 字体下一点<sub></sub>打字机字体<TT></TT>.大型字体<BIG></BIG>.小型字体<SMALL></SMALL>.闪烁效果<blink></blink>.强调<em></em>.特别强调<strong></strong>.引证举例<cite></cite>)(字体:Script . Small Fonts . Roman . Comic Sans MS . Arial . Modern . MS Sans Serif)文字移动<marquee>内容</marquee>方向：<marquee direction=>内容</marquee> (属性:左left右right)方式：<marquee bihavior=>内容</marquee> (属性:一圈一圈绕着scroll走一次slide来回走alternate)速度: <marquee scrollamount=>内容</marquee>延时: <marquee scrolldelay=>内容</marquee>向上: <marquee direction=up scrollamount=3><center><font color=颜色size=大小face=字体>内容</font></marquee>向下:<marquee direction=down scrollamount=3><center><font color=颜色size=大小face=字体>内容</font></marquee>底色: <marquee bgcolor=颜色>内容</marquee> (属性:width宽度height高度)-----------------------------------------------------------------------------位置控制<div align=属性></div>(属性=left左对齐缺省值center 居中right右对齐)-----------------------------------------------------------------------------无序号列表<ul></ul>条目前加<li>序号列表<ol></ol>条目前加<li>(<li type=实圆disc 空圆circle 实方square>定义性列表<dl></dl>(<dt>主要<dd>叙述主要的定义)-----------------------------------------------表格的基本结构<table>...</table> 定义表格(属性width= height= border= CELLSPACING=格线间CELLPADDING=格线内背景色彩bgcolor=)<caption>...</caption> 定义标题(属性top上方.bottom下方)<tr> 定义表行(横跨colspan=几格.竖跨rowspan=几格背景颜色bgcol or=)<th></th> 定义表头(属性:背景颜色bgcolor=)<td></td> 定义表元(表格的具体数据.属性align左右对齐方式valign上下对齐方式top上middle中bottom下baseline基线属性:背景颜色bgcolor=)(背景颜色:Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Y ellow, Aqua)--------------超级链接文字连接<a href=资源地址>链接文字</a>图片连接<a href=资源地址><img src=图形文件地址></a>-------------------------------------------图形格式<img src=图形文件地址>(属性：width= heigth=)--------------------------------------------播放音乐/视频<embed src=音乐文件地址>(属性:循环开/关loop=true/false 隐藏控制面板hidden=true/false width= heigth=)背景音乐<bgsound src=音乐文件地址>(属性:循环开/关LOOP=TRUE/FALSE)视频<img src=1 dynsrc=2>(1指图片地址.2指视频地址.总是循环loop=infinite)(注:这个命令可以在没连接到视频时,先显示图片)HTMLHTML（HyperT ext Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
html教程菜鸟教程HTML教程——了解HTML的基础知识与技巧HTML是一种标记语言，用于创建网页。
它是Web开发的基础，可以用来描述网页的结构和内容。
在本教程中，我们将介绍HTML的基础知识和常用标记，帮助您快速入门。
第一步：创建HTML文档在开始编写HTML代码之前，我们需要创建一个HTML文档。
HTML文档的文件扩展名通常为".html"。
使用文本编辑器（如记事本）创建一个新文件，并将其保存为"index.html"（或任何你喜欢的名称）。
第二步：添加HTML标记在HTML文档中，我们可以使用不同的HTML标记来创建不同的元素。
这些标记通常由尖括号包围。
下面是一些常用的HTML标记：- `<html>`：定义HTML文档的根元素。
- `<head>`：定义文档的头部，包含了一些元数据，如标题、样式表等。
- `<body>`：定义文档的主体，包含了网页的实际内容。
第三步：使用HTML标记创建网页内容在`<body>`标记中，我们可以使用HTML标记来创建网页的内容。
以下是一些常用的HTML标记：- `<h1>`到`<h6>`：定义标题，其中`<h1>`是最高级的标题，`<h6>`是最低级的标题。
- `<p>`：定义段落。
- `<a>`：定义链接，可以用来跳转到其他页面。
- `<img>`：定义图像，可以在网页中显示图片。
第四步：保存并查看网页完成了HTML代码的编写后，保存文件并使用Web浏览器打开。
在浏览器中，通过打开"index.html"文件来查看您的网页。
如果一切正常，您应该能够看到您创建的网页。
总结这是一个简单的HTML教程，介绍了如何创建HTML文档、添加HTML标记和创建网页内容。
通过学习以上基础知识，您可以开始编写自己的网页，并逐渐掌握更多高级的HTML技巧。
HTML5元素分类HTML5新增了27个元素，废弃了16个元素，根据现有的标准规范，把HTML5的元素按优先级定义为结构性属性、级块性元素、⾏内语义性元素和交互性元素4⼤类。
1.结构性元素结构性元素主要负责web上下⽂结构的定义section：在web页⾯应⽤中，该元素也可以⽤于区域的章节描述。
header：页⾯主体上的头部，header元素往往在⼀对body元素中。
footer：页⾯的底部（页脚），通常会标出⽹站的相关信息。
nav：专门⽤于菜单导航、链接导航的元素，是navigator的缩写。
article：⽤于表现⼀篇⽂章的主体内容，⼀般为⽂字集中显⽰的区域。
2.级块性元素级块性元素主要完成web页⾯区域的划分，确保内容的有效分割。
aside：⽤于表达注记、贴⼠、侧栏、摘要、插⼊的引⽤等作为补充主体的内容。
figure：是对多个元素进⾏组合并展⽰的元素，通常与ficaption联合使⽤。
code：表⽰⼀段代码块。
dialog：⽤于表达⼈与⼈之间的对话，该元素包含dt和dd这两个组合元素，dt⽤于表⽰说话者，⽽dd⽤来表⽰说话内容。
3.⾏内语义性元素⾏内语义性元素主要完成web页⾯具体内容的引⽤和描述，是丰富内容展⽰的基础。
meter：表⽰特定范围内的数值，可⽤于⼯资、数量、百分⽐等。
time：表⽰时间值。
progress：⽤来表⽰进度条，可通过对其max、min、step等属性进⾏控制，完成对进度的表⽰和监事。
video：视频元素，⽤于⽀持和实现视频⽂件的直接播放，⽀持缓冲预载和多种视频媒体格式。
audio：⾳频元素，⽤于⽀持和实现⾳频⽂件的直接播放，⽀持缓冲预载和多种⾳频媒体格式。
4.交互性元素交互性元素主要⽤于功能性的内容表达，会有⼀定的内容和数据的关联，是各种事件的基础。
details：⽤来表⽰⼀段具体的内容，但是内容默认可能不显⽰，通过某种⼿段（如单击）与legend交互才会显⽰出来。
HTML区块划分3种类型和标签嵌套规则HTML 可以通过 <div> 和 <span> 将元素组合起来，⼤多数 HTML 元素被定义为块级元素或内联元素；块级元素在浏览器显⽰时，通常会以新⾏来开始（和结束）；实例: <h1>, <p>, <ul>, <table>HTML 内联元素：内联元素在显⽰时通常不会以新⾏开始，实例: <b>, <td>, <a>, <img>HTML <div> 元素<div> 标签可以把⽂档分割为独⽴的、不同的部分。
HTML <div> 元素是块级元素，它是可⽤于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。
除此之外，由于它属于块级元素，浏览器会在其前后显⽰折⾏。
如果与 CSS ⼀同使⽤，<div> 元素可⽤于对⼤的内容块设置样式属性。
<div> 元素的另⼀个常见的⽤途是⽂档布局。
它取代了使⽤表格定义布局的⽼式⽅法。
使⽤ <table> 元素进⾏⽂档布局不是表格的正确⽤法。
<table> 元素的作⽤是显⽰表格化的数据。
HTML <span> 与元素HTML <span> 元素是内联元素，可⽤作⽂本的容器<span> 元素也没有特定的含义。
当与 CSS ⼀同使⽤时，<span> 元素可⽤于为部分⽂本设置样式属性。
A.拓展：HTML⽹页基本标签的嵌套规则：1. 块元素可以嵌套⾏元素2. ⾏元素可以嵌套⾏元素3. ⾏元素不可以嵌套块元素4. ⽂字类块元素不可以嵌套块元素5. 容器类块元素可以嵌套块元素B.拓展：html中的标签元素⼤体被分为三种不同的类型：块状元素、内联元素(⼜叫⾏内元素)和内联块状元素。
HTML基础知识总结⽬录标签分类常⽤标签表单框架常⽤的布局组合标签HTML4和HTML5的区别：HTML5 中新增的语义标签 - 了解HTML5 新的表单属性form 新属性input 新属性HTML5 新的表单元素 -- 了解HTML5 中新的 input 类型HTML5 中新增的⾳频HTML5 中新增的视频HTML5 中已经移除的元素转义符号标签的属性：多个属性中间⽤空格< 标签名称属性名 1 = " 属性值 " 属性名 2 = " 属性值 " ></ 标签名称 ><p id = "p1" name = "p1" ></p>标签分类标签分类：块状元素、⾏级元素块状元素：⼀般都是新起⼀⾏，可以容纳⾏内元素和其他块级元素；⾏级元素：⼀般都是语义级别的基本元素，⼀般只能容纳⽂本或者其他⾏内元素。
块状元素和⾏内元素的区别：1 、块级元素会独占⼀⾏，其宽度⾃动填满其⽗元素宽度；⾏内元素会排列到同⼀⾏⾥，其宽度随元素的内容变化⽽变化。
2 、块级元素可以设置宽⾼；⾏内元素设置宽⾼⽆效。
3 、块级元素可以设置 margin ， padding 属性；⾏内元素的⽔平⽅向的 padding会有边距效果，但是竖直⽅向的 padding没有效果。
（此处的属性稍后介绍）属于块状元素的：标题标签 h1-h6,段落标签 p ,⽔平线标签 hr,有序列表标签 ol--li，⽆序列表标签 ul--li，定义描述标签 dl-dt-dd，容器标签 div：属于⾏级元素的：范围标签： span图像标签： img基本结构：常⽤标签⽂本标签<h1></h1>段落标签 <p></p>换⾏标签<br/>⽔平线标签 <hr/>范围标签<span></span>图⽚标签<img 属性 />图⽚标签的热点区域<map name="?" /> <atea 形状范围链接标题 / >列表标签：⽆序<ul> <li> <li/> <ul/> 有序<ol> <li> <li/> <ol/>描述标签：图⽂混编 <dl> <dt>(⽂字或图⽚)<dt/><dd>(⽂字说明多个)<dd/> <dl/>布局标签：<div>中间放其他标签的容器<div/>超链接和锚链接：<a><a/>属性 name：锚点 herf：⽬标（⽹页#锚点）规则表格：<table> <tr > <td><td/> <td><td/> <tr/> <table/> <th>标题⾏<th/> align 左右对齐 valign 上下对齐不规则表格：属性 colspan="列数" rowspan="⾏数" 然后把被占的格删掉⾼级标签：标题和逻辑分区标签表格标题：<caption>标题⽂字<caption/>表格逻辑分区：thead tbody tfoot表单id:· 元素的唯⼀表⽰，不重复name: 表单项元素的名称，服务器获取数据通过该名称value: 表单项元素的值，服务器获取数据通过name 获取到的就是 value type: 表⽰表单项元素的呈现形式class: 表⽰样式名称readonly: 表⽰只读，⽤户只能看不能改disabled：表⽰禁⽤，该元素不能改⽽且背景是灰⾊⽂本框：密码框：单选按钮：复选框：⽂件域：⽇期-h5中的新特性：隐藏域：下拉列表框：⽂本域：按钮：提交按钮、图⽚按钮、重置按钮、普通按钮最终效果：地址栏内容：dest.html?userId=1001&userName=lina&password=12312&gender= ⼥ &statu=1&hobby=swim&hobby=movie& headImg=a.png&birthday=2020-10-24T20%3A19& month=3&x=25&y=46框架在⼀个页⾯引⼊其他页⾯ iframe框架集：HTML5已经取消常⽤的布局组合标签div-ul-li/div-ol-li ：常⽤于导航布局div-dl-dt-dd: 常⽤于图⽂混编布局div-form: 常⽤于表单布局div-table: 常⽤于局部规则数据展⽰布局HTML4和HTML5的区别：HTML5 中新增的语义标签 - 了解标签描述article 定义页⾯独⽴的内容区域。
一、HTML的简单规则1、HTML的构成要素要素以段落式形成内容。
要素则由标签表现。
开始标签结束标签要素（如要素名为H1，要素内容为“给网页插上CSS的翅膀“）属性值2、HTML的基本结构标签1、使用“head”标签设定网页1）给文本注标题制作好的标题稍微长一点没关系，关键是要写入供搜索的内容简练的标题能准确传达网站特性的内容公司名或商标名用中文表示主页名2）掌握神奇的<meta> 标签< meta > 标签是用来对文本自身进行说明的，也就是承载了文本由什么内容组成、关键词是什么、文本由谁制作、何时制作等信息。
最好将这些基本信息写入<META> 标签中，这样可以最大限度地被搜索引擎关注从而增加访问量，也可以确实地向他人告知基本信息。
提供建立网站的相关信息可使网站被搜索引擎关注设定在万维网上便于出现的中文网页文本地址变更时可及时转换画面效果。
< meta属性=“值”content=“内容”>例如：< meta HTTP-EQUIV=“项目名”content=“内容”> < meta NAME=“项目名”content=“内容”>< meta > 标签可使访问者增加< meta name =“keywords”content=“HTML、CSS、JA V ASCRIPT”>< meta name=“description”content=“可以学习关于标签的一切知识”>例如：<html><head><title> 利用META Tag </title><meta http-equiv="Keywords" content="HTML, CSS, JA V ASCRIPT, DESIGN"><meta http-equiv="Description" content="此处有与HTML, CSS, JA V ASCRIPT, DESIGN相关的一切信息。
HTML 区块
HTML <div> 和<span>
HTML 可以通过<div> 和<span> 将元素组合起来。
HTML 区块元素
大多数HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
实例: <h1>, <p>, <ul>, <table>
HTML 内联元素
内联元素在显示时通常不会以新行开始。
实例: <b>, <td>, <a>, <img>
HTML <div> 元素
<div> 标签可以把文档分割为独立的、不同的部分。
HTML <div> 元素是块级元素，它是可用于组合其他HTML 元素的容器。
<div> 元素没有特定的含义。
除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
如果与CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。
它取代了使用表格定义布局的老式方法。
使用<table> 元素进行文档布局不是表格的正确用法。
<table> 元素的作用是显示表格化
的数据。
如果要熟悉<div> 元素是如何进行文档布局的，您可以在编程测试中进行练习使用<div> 元素组合其他HTML 元素！
HTML <span> 与元素
HTML <span> 元素是内联元素，可用作文本的容器
<span> 元素也没有特定的含义。
当与CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。
HTML 分组标签。
