精华内容
下载资源
问答
  • HTML文字标签

    万次阅读 2012-05-24 22:16:26
    有关文字标签有很多,常用的标签有、等,通过这些标签我们可以设置文字的大小、颜色、字体及样式。 ◆ 标签   标签属性 SIZE 设定文字的大小  COLOR 设定文字的颜色  FACE 设定文字的字体 ...

      有关文字的标签有很多,常用的标签有<FONT><Hn>等,通过这些标签我们可以设置文字的大小、颜色、字体及样式。

     标签 <FONT>

       标签属性 SIZE  设定文字的大小

            COLOR 设定文字的颜色

            FACE  设定文字的字体

     ◇ 文字的大小设置

    <FONT SIZE="N"> ... </FONT> "N"有效值范围为1 - 7也就是说文字大小分7个等级。
    <FONT SIZE=±"N"> ... </FONT> SIZE的默认值为3,我们也可以用±来对默认值进行加减。

       使用范例:

    原始代码 显示结果
    <FONT SIZE=1>字体一</FONT>
    <FONT SIZE=-2>字体一</FONT>

    字体一

    <FONT SIZE=2>字体二</font>
    <FONT SIZE=-1>字体二</font>

    字体二

    <FONT SIZE=3>字体三</font>
    <FONT SIZE=+0>字体三</font>

    字体三

    <FONT SIZE=4>字体四</font>
    <FONT SIZE=+1>字体四</font>

    字体四

    <FONT SIZE=5>字体五</font>
    <FONT SIZE=+2>字体五</font>

    字体五

    <FONT SIZE=6>字体六</font>
    <FONT SIZE=+3>字体六</font>

    字体六

    <FONT SIZE=7>字体七</font>
    <FONT SIZE=+4>字体七</font>

    字体七

     ◇ 文字的颜色设置

    <FONT COLOR="属性值"> ... </FONT>

      属性值可以为颜色码#RRGGBB或者颜色名称。#RRGGBB所代表的是红、绿、蓝三原色,每一色由两位十六进制的数值表示。

    暗 00 ←—→ FF 亮

    0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。

      Black = "#000000"   Green = "#008000"
      Silver = "#C0C0C0"   Lime = "#00FF00"
      Gray = "#808080"   Olive = "#808000"
      White = "#FFFFFF"   Yellow = "#FFFF00"
      6699cc = "#800000"   Navy = "#000080"
      Red = "#FF0000"   Blue = "#0000FF"
      Purple = "#800080"   Teal = "#008080"
      Fuchsia = "#FF00FF"   Aqua = "#00FFFF"

       使用范例:

    原始代码 显示结果
    <FONT COLOR=FF0000>红色的字</FONT> 红色的字
    <FONT COLOR=YELLOW>黄色的字</FONT> 黄色的字
    <FONT COLOR=BLUE>蓝色的字</FONT> 蓝色的字
    <FONT COLOR=GREEN>绿色的字</FONT> 绿色的字
    <FONT COLOR=PURPLE>紫色的字</FONT> 紫色的字

     ◇ 文字的字体设置

       标签格式 <FONT FACE="字体"> ... </FONT>

       字体可以是本机上的任一字体类型,但是只有对方的电脑中装有相同的字体才可以在他的浏览器中出现你预先设计的风格,如果没有浏览器仍会以宋体来显示。

       使用范例:

    原始代码 显示结果
    <FONT FACE="楷体_GB2312">楷体_GB2312</FONT> 楷体_GB2312
    <FONT FACE="华康俪中黑">华康俪中黑</FONT> 华康俪中黑
    <FONT FACE="黑体">黑体</FONT> 黑体

     标签 <BASEFONT>

       标签属性 SIZE  修改文字大小的默认值。

            COLOR 修改文字颜色的默认值。

            FACE  修改文字字体的默认值。

       标签格式 <BASEFONT SIZE="n"> ... </BASEFONT>
            <BASEFONT COLOR="属性值"... </BASEFONT>
            <BASEFONT FACE="字体"... </BASEFONT> 

       使用范例:

    原始代码 显示结果
    <BASEFONT SIZE=2> 
    天涯远不远?<BR>人就在天涯!<BR>天涯怎么会远。 
    </BASEFONT>
    天涯远不远?
    人就在天涯!
    天涯怎么会远。
    <BASEFONT COLOR=#FF6633> 
    天涯远不远?<BR>人就在天涯!<BR>天涯怎么会远。 
    </BASEFONT>
    天涯远不远? 
    人就在天涯! 
    天涯怎么会远。
    <BASEFONT FACE="楷体_GB2312"> 
    天涯远不远?<BR>人就在天涯!<BR>天涯怎么会远。 
    </BASEFONT>
    天涯远不远? 
    人就在天涯! 
    天涯怎么会远。

     标签 <BODY>

       标签属性 TEXT 通过TEXT我们可以设定HTML文件主体文字的颜色。

       标签格式 <BODY TEXT="属性值"> ... </BODY>

       使用范例:

    原始代码 显示结果
    <BODY TEXT=FF0000>
    天涯远不远?<BR>人就在天涯!<BR>天涯怎么会远。
    </BODY>
    天涯远不远?
    人就在天涯!
    天涯怎么会远。
    <BODY TEXT=0d8d5f>
    天涯远不远?<BR>人就在天涯!<BR>天涯怎么会远。
    </BODY>
    天涯远不远?
    人就在天涯!
    天涯怎么会远。
    <BODY TEXT=0000FF>
    天涯远不远?<BR>人就在天涯!<BR>天涯怎么会远。
    </BODY>
    天涯远不远?
    人就在天涯!
    天涯怎么会远。

     标签 <DIV>

       标签属性 ALIGN 设置文字对齐的方式。

       标签格式 <DIV ALIGN="属性值"> ... </DIV>

       ALIGN 的属性值有三个: LEFT(向左对齐)、RIGHT(向右对齐)、CENTER(居中)。

       使用范例:

    原始代码 显示结果
    <DIV ALIGN=LEFT>向左对齐</DIV>
    向左对齐
    <DIV ALIGN=RIGHT>向右对齐</DIV>
    向右对齐
    <DIV ALIGN=CENTER>居中</DIV>
    居中

     标签 <Hn>

      一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签<Hn>,无须加分隔标签会自动跳转至下一行,其中n为标题的等级。HTML总共提供六个等级的标题,n越小,标题字号就越大。

       标签属性 ALIGN 设置标题对齐的方式。

       标签格式 <Hn> ... </Hn>
            <Hn ALIGN="属性值"> ... </Hn>

       使用范例:

    原始代码 显示结果
    <H1>一级标题</H1>

    一级标题

    <H2>二级标题</H2>

    二级标题

    <H3>三级标题</H3>

    三级标题

    <H4 ALIGN=CENTER>四级标题</H4>

    四级标题

    <H5 ALIGN=LEFT>五级标题</H5>
    五级标题
    <H6 ALIGN=RIGHT>六级标题</H6>
    六级标题

     标签 <BIG>、<SMALL>

       标签格式 <BIG> ... </BIG> 比文字的默认值大一级。
            <SMALL> ... </SMALL> 比文字的默认值小一级。

       使用范例:

    原始代码 显示结果
    <BIG>四号字体</BIG> 四号字体
    默认字体三号 默认字体三号
    <SMALL>二号字体</SMALL> 二号字体

     其他字体标签

       使用范例:

    原始代码 显示结果 原始代码 显示结果
    <B>粗体</B> 粗体 <I>斜体</I> 斜体
    <U>底线</U> 底线 <TT>打字机</TT> 打字机
    <SUP>上标</SUP> 上标 <SUB>下标</SUB> 下标
    <BLINK>闪烁</BLINK> 闪烁 <EM>强调</EM> 强调
    <STRONG>加强</STRONG> 加强 <SAMP>范例</SAMP> 范例
    <CODE>程式码</CODE> 程式码 <VAR>变数</VAR> 变数
    <DFN>定义</DFN> 定义 <CITE>引用</CITE> 引用
    <ADDRESS>地址</ADDRESS>
    地址
    <DEL>删除线</DEL> 删除线
    <CITE>传记引述</CITE> 传记引述 <KBD>键盘字</KBD> 键盘字
    <STRIKE>画线删除</STRIKE> 画线删除 <DFN>述语定义</DFN> 述语定义
    <BLOCKQUOTE>引述文字区块</BLOCKQUOTE>
    引述文字区块


    转自: http://hi.baidu.com/%CF%B5%D0%BE/blog/item/6d26c6178bd9ba08962b432a.html

    展开全文
  • HTML——文字标签

    万次阅读 多人点赞 2018-04-22 10:57:50
    1. 显示普通文字在 HTML5 页面插入普通文字的方法: 在 &lt;body&gt;标签和&lt;/body&gt;标记之间直接输入文字2. 显示特殊符号 3. 标题字标签标签: &lt;h1&gt;~&lt;h6&gt;...

    1.   显示普通文字

    在  HTML5 页面插入普通文字的方法:  在 <body>标签和</body>标记之间直接输入文字


    2.   显示特殊符号

                                        


    3.  标题字标签


    标签:            <h1>~<h6>

    功能:            显示标题文字,字号逐渐减小

    语法:            <h1>文字内容</h1>

                          <h2>文字内容</h2>


    4.修饰文字标签

                                                   

    5.   修饰字体标签

    标签:        <font></font>

    功能:        改变文字的字体、字号以及颜色

    语法:        <font  size= " 字号" color =" 字体颜色" face="字体">文字内容</font>

    展开全文
  • 在我们网页布局的时,用到p标签,通常p标签里包含的是汉语文字或者其他国家的文字,是文字就会有换行,下面来说p标签文字换行与强制它不换行以及文字隐藏:一、英文换行Div p{ word-break:break-all; width:150px;}...

    在我们网页布局的时,用到p标签,通常p标签里包含的是汉语文字或者其他国家的文字,是文字就会有换行,下面来说p标签的文字换行与强制它不换行以及文字隐藏:
    一、英文换行
    Div p{ word-break:break-all; width:150px;}/*只对英文起作用,以字母作为换行依据*/
    Div p{ word-wrap:break-word; width:150px;}/*--只对英文起作用,以单词作为换行依据*/

    注意有的时候英文单词是一个整体不能拆开!!!

     

    二、中文换行以及强制不换行
    Div p{white-space:pre-wrap;width:150px;}/*只对中文起作用,强制换行*/

    Div p{white-space:nowrap;width:10px;}/*强制不换行,都起作用*/

     

    三、强制不换行以及超出宽度部分文字隐藏
    .p5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px;}//*不换行,超出部分隐藏且以省略号形式出现*/

    一定要注意div或者p标签里面要有一个宽度才可以换行,要不然没有作用!!!

     


    参数:
    normal:依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
    break-all:该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
    keep-all:与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
    文章来源于前端菜鸟:http://www.bird100.cn/7499.html

    展开全文
  • HTML文字修饰标签

    千次阅读 2018-01-28 15:18:08
    内容修饰标签 文字斜体 i>i>、em>em> 加粗 b>b>、strong>strong> 下标 sub>sub> 上标 sup>sup> 下划线 ins>ins> 删除线 del>del>

    内容修饰标签

    文字斜体 <i></i><em></em>
    加粗    <b></b><strong></strong>
    下标    <sub></sub>
    上标    <sup></sup>
    下划线   <ins></ins>
    删除线   <del></del>

    这里写图片描述
    这里写图片描述

    展开全文
  • html p标签文字加粗_文字HTML标签

    千次阅读 2020-08-28 16:48:03
    html p标签文字加粗 p标签 (The p tag) This tag defines a paragraph of text. 该标签定义了一段文本。 <p>Some text</p>It’s a block element. 这是一个块元素。 Inside it, we can add any ...
  • html常用文本标签

    万次阅读 2018-06-08 23:03:45
    表强调 表示强调标签里面的内容,以加粗的格式显现。2.&lt;em&gt;&lt;/em&gt;表示语气强调以倾斜的方式显现 例如:敲掉澳大利亚草原上有食肉动物出没,非常危险 &lt;strong&gt; 非洲大...
  • HTML标签常用标签

    千次阅读 多人点赞 2017-02-23 11:33:58
    注释标签  注释标签用于在源代码中插入注释。注释不会显示在浏览器中。 2、  声明标签 声明必须是 HTML 文档的第一行,位于 标签之前。 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本...
  • HTML标签之文本标签

    万次阅读 2018-07-17 21:21:22
    1.文本标签 1.1段落与换行标签 基本语法如下: &lt;p&gt;段落内容&lt;/p&gt; 语法说明:将标签对之间的内容创建为一个段落。生成的段落默认与上下文有一空行的间隔,这是段落的默认样式决定...
  • HTML字体标签

    千次阅读 2018-04-22 19:15:00
    -----------------------------------------HTML字体标签---------------------------------------- HTML字体标签 作为一个页面来说,最常见的元素是:文字和图片。 文字:默认是从左到右,从上到下显示。 Font...
  • html input标签显示文字提示

    千次阅读 2019-10-09 19:14:43
    只需要在input标签里使用placeholder属性即可。 即: <input type="text" name="username" placeholder="用户名"/> <input type="password" name="password" placeholder="密码"/> 效果: ...
  • html滚动文字(marquee标签

    千次阅读 2018-09-12 15:36:05
    doctype html&amp;gt; &amp;lt;html lang=&quot;en&quot; ng-app&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta ...
  • HTML5之文本标签

    万次阅读 2018-01-30 22:39:07
    2、 :也用于加粗,在h5中这个标签增加了语义,用于表示非常重要的文本 3、: 用于表示小字号 4、 :文本斜体表示,是单词italic的缩写,主要用于显示专业词汇 5、 :倾斜...
  • 1、文字标签和注释标签 *文字标签和注释标签 -&lt;font&gt;&lt;/font&gt; -属性 *size:文字的大小,取值范围1-7,超出7默认为7 *color:文字的颜色 -两种表示方式 **英文单词:red,green,...
  • HTML的基本内容,常用标签及属性

    千次阅读 2018-09-19 23:12:55
    1.HTML是超文本标记语言,使用标签来描述网页的一门编程语言 二.HTML的作用 1.HTML文件被浏览器加载读取,并以网页的形式展示,简单来说它就是用来写网页,展示信息的 三.HTML的书写 1.所有的HTML文件都是以.html或者....
  • html修饰文字标签,修饰字体标签

    千次阅读 2018-04-14 22:42:33
    修饰文字标签:&lt;strong&gt;粗体文字&lt;/strong&gt;&lt;em&gt;斜体字&lt;/em&gt;&lt;u&gt;带下划线的问题&lt;/u&gt;&lt;sup&gt;....&lt;/sup&...
  • //删除html标签 public string SplitHtml(string Htmlstring) { Htmlstring = System.Text.RegularExpressions.Regex.Replace(Htmlstring, @"<[^>]*>", ""); ...
  • HTML常用文字显示标签效果示例

    千次阅读 2016-05-05 07:36:49
    初学HTML 一眼望去 全是标签,瞬间头大了!...p标签--新页面的一段文字 b标签--粗体效果 b标签 i标签--你好世界!斜体字 em标签--你好世界!着重字体 strong标签--你好世界!加重语气 small标签--你好世界!小号字
  • HTML标签文字居中

    千次阅读 2020-04-04 15:24:46
    水平居中:text-align: center; 上下居中:line-height: 35px;//设置高度和标签高度相同达到上下居中
  • HTML5 Drag拖拽文字,生成标签

    千次阅读 2018-07-12 11:52:41
    最近公司的项目想做一个拖拽生成标签的应用效果,在网上找了很多例子,都不能完成这个效果,自己就摸索了一下,再结合了大佬们的例子,做了一个简单的小demo;具体的效果如下:HTML和CSS就比较简单了,具体的样式...
  • HTML各种标签文字的居中显示

    千次阅读 2019-08-05 11:34:04
    div标签的水平居中: margin:0 auto; 文本的居中: text-aligin:center;
  • 现在在做政府网站,网站里有很多公开...RSS订阅展示新闻列表,只需要展示一部分文章内容,这就需要处理文章页的html代码,去除标签,抓取文章文字内容,下面讲一下怎么做,主要是java的正则表达式和replaceAll()方...
  • HTML】让标签文本自动换行

    千次阅读 2019-01-08 03:35:50
    这个标签可以将其包起来的文字排版、格式,原封不动的呈现出来。 也就是说你输入的东西被原封不动的输出,包括你输入的空格之类的,不用 和&lt;BR&gt;等来表示空格或者回车了。   但是,默认情况下,&...
  • 找一个富文本编辑器,比如自己公司测试服务器上后台文章发布系统之类的,把这些文字粘贴好,编辑好样式,发布之后,打开对应文章的页面,审查元素,把里面的文字html标签复制到自己项目里,大功告成! ...
  • HTML5网页编辑基础(简介+基础标签使用)

    千次阅读 多人点赞 2018-04-07 19:38:51
    网页主要由文字、图片和按钮等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及 Flash 等。 Web 标准 1:w3c 万维网联盟组织:用来制定 web 标准的机构(组织) 2:web 标准:制作网页要遵循的规范...
  • 标签有以下属性可选,在使用务必测试好各浏览器兼容性。 属性 描述 behavior 设置文本在 marquee 元素内如何滚动。可选值有 scroll,slide 和 alternate。 如果未指定值,默认值为 scroll。 bgcolor 通过...
  • js去掉html标签只去文字内容

    千次阅读 2017-11-06 09:53:58
    调用repalceHtml即可 function repalceHtml(str){ var dd=str.replace(//g,""); var dds=dd.replace(/ /g,"");//dds为得到后的内容 return dds; }
  • 提要: 1.使用<br/>来实现label换行 2.xml中<...meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> </style> </head>.
  • html css设置ul li标签中的中文文字自动换行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...
  • html字体颜色 html中设置字体颜色代码 字体颜色获取

    万次阅读 多人点赞 2018-10-31 09:50:59
    html字体颜色 html中设置字体颜色代码 字体颜色获取   html字体颜色设置更改,html设置字体颜色代码方法有哪些 ...在HTML中我们使用font标签即可对字体内容设置颜色。 1、font语法:   &lt;font c...
  • html5 canvas文字标签云3D旋转动画特效

    千次阅读 2018-09-19 20:46:02
    tagcanvas.min.js下载 ...DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 243,688
精华内容 97,475
关键字:

html文字标签