整合营销服务商

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

免费咨询热线:

HTML <span> 标签

使用 <span> 元素对文本中的一部分进行着色:

<p>我的母亲有 <span style="color:blue">蓝色</span> 的眼睛。</p>


浏览器支持

所有主流浏览器都支持 <span> 标签。


标签定义及使用说明

<span> 用于对文档中的行内元素进行组合。

<span> 标签没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。如果不对 <span> 应用样式,那么 <span> 元素中的文本与其他文本不会任何视觉上的差异。

<span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。


提示和注释

提示:被 <span> 元素包含的文本,您可以使用 CSS 对它定义样式,或者使用 JavaScript 对它进行操作。


HTML 4.01 与 HTML5之间的差异

NONE.


全局属性

<span> 标签支持 HTML 的全局属性。


事件属性

<span> 标签支持 HTML 的事件属性。

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

  • TML标签:

  1. 所有内容都在<html></html>标签之内;

  2. <head></head>内放的是头部信息,是对页面的描述,不会直接显示在页面中。

  3. <head></head>内的<title></title>中设置的是页面的标题,<title></title>只能放在<head></head>中;

  4. <body></body>是页面的主体,大部分显示内容都定义在这里。

  • HTML注释:<!-- -->:

    1. 注释不允许嵌套

  • html常用标签:

    1. h标签(标题),HTML定义了<h1></h1>到<h6></h6>六个h标签,分别表示不同大小的字体。h1最大,h6最小。

    2. <br/>只是回车,<p>是段落。<p>前后会有比较大的空白,而<br/>则没有。

    3. <center>居中显示.

    4. <b>、<strong>粗体,<i>、<em>斜体。<u>下划线。

    5. <sub>2</sub>下标,如:H<sub>2</sub>O

    6. <sup>2</sup>上标,如:10<sup>2</sup>

    7. <font></font>字体标签,<font color=“red“ size=“7” face=“隶书”>红色</font>。color(设置颜色) size(1-7) face(设置字体,设置字体是注意用户计算机中必须有该字体才能正常显示)

    8. <hr> color size(厚度) width(长度) align=left/center/right (默认为剧中显示)

    9. <pre> 预格式化 保持本色;

    10. HTML特殊字符:&lt;(小于号,less than);&gt;(大于号,greater than);&nbsp;(空格)。

    11. 超链接:<a>标签的一些常用属性:href、title、target、name

    12. 插入图片:<img src=“路径”/>

    13. 列表:dl→(定义列表),ul→(无序列表), ol→(有序列表)。

    14. 表格:<table>;创建行:<tr>;创建单元格:<td>;表页眉:<thead>;表主体:<tbody>;表页脚:<tfoot>;表头:<th>。

    15. rowspan(合并行)、colspan(合并列)

    16. <input>是主要的表单元素,type的可选值:submit(提交按钮)、button(普通按钮)、checkbox表单标签:(复选框)、file(文件选择框)、hidden(隐藏字段)、image(图片按钮)、password(密码框)、radio(单选按钮)、reset(重置按钮)、text(文本框)。

    • meta标签:(包括在head标签中。主要用来描述页面自身信息,元信息)

    1. <meta name="keywords" content="C#学习资料,4k8k.net,.net开发,软件开发,编程自学网"/>

    2. <meta name="description" content="免费更新最新C#相关技术知识,主要包括:.net基础,网页前端,三层架构,SQL数据库..."/>

    3. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />网页编码

    4. <meta http-equiv="Refresh" content="3" />三秒钟后刷新此网页。

    5. <meta http-equiv="Refresh" content="3;url=http://www.4k8k.net" />三秒钟后重定向到新网页。

    6. <meta http-equiv="Cache-Control" content="no-cache" /> 禁止浏览器缓存页面。

    7. <meta name="名字" content="值" />关于网页的描述信息。

    8. <meta http-equiv="名字" content="值" />模拟http响应头信息。

    C#编程自学_做最好的.net自学资料站_更多文章请访问:http://www.4k8k.net/

    欢迎订阅。

    规定文本的尺寸、字体和颜色:

    <font size="3" color="red">这是一些文本!</font>

    <font size="2" color="blue">这是一些文本!</font>

    <font face="verdana" color="green">这是一些文本!</font>


    浏览器支持

    所有主流浏览器都支持 <font> 标签。


    标签定义及使用说明

    HTML5 不支持 <font> 标签。请用 CSS 代替。

    在 HTML 4.01 中,<font> 元素 已废弃。

    <font> 标签规定文本的字体、字体尺寸、字体颜色。


    提示和注释

    提示:请使用 CSS 来定义文本的字体、尺寸、颜色。


    HTML 4.01 与 HTML5之间的差异

    HTML5 不支持 <font> 标签,HTML 4.01 已废弃 <center> 标签。


    可选的属性

    属性描述
    colorrgb(x,x,x)#xxxxxxcolornameHTML5 不支持。HTML 4.01 已废弃。 规定文本的颜色。
    facefont_familyHTML5 不支持。HTML 4.01 已废弃。 规定文本的字体。
    sizenumberHTML5 不支持。HTML 4.01 已废弃。 规定文本的尺寸。

    标准属性

    在 HTML 4.01 中,<font> 标签支持如下标准属性:

    属性描述
    classclassname规定元素的类名
    dirrtlltr规定元素中内容的文本方向
    idid规定元素的唯一 id
    langlanguage_code规定元素中内容的语言代码
    stylestyle_definition规定元素的行内样式
    titletext规定元素的额外信息

    如需完整的描述,请访问标准属性。


    事件属性

    在 HTML 4.01 中,<font> 标签不支持任何的事件属性。

    如需完整的描述,请访问事件属性。

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