HTML文字标签

最新推荐文章于 2024-05-15 07:43:18 发布
最新推荐文章于 2024-05-15 07:43:18 发布
阅读量2.5w 收藏 15
点赞数 1
分类专栏： 网页设计 文章标签： html 浏览器 div c

　　有关文字的标签有很多，常用的标签有<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

scy411082514
关注
  • 1
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML文本编辑标签
qq_59933216的博客
12-31 812
HTML基础——文本编辑标签：HTML标题、HTML段落、HTML换行、 HTML缩小文字、HTML保留文本格式、HTML注释（注音等）、HTML下标、HTML上标、HTML粗体、HTML斜体、HTML高亮、HTML分割线、HTML删除线、HTML下划线、HTML缩写、 HTML文本显示方向、HTML插入图片、HTML超链接。下一期我将出一个网页新闻的小案例巩固今天所学的内容！
3.文字标签
potato123232的博客
03-11 1347
下面几章的内容我会将内容放在同一个html文件中 目录 1标题标签 2段落标签 3换行标签 4加粗标签 5倾斜标签 6删除线标签 7下划线标签 8注释标签 9特殊字符 1标题标签 标题标签用h1-h6表示,一共有六种，我们都看一下效果 浏览器打开后效果就是这样的 2段落标签 段落标签用p表示，我们这样用 我们浏览器中看一下 3换行标签 换行标签用br表示，我们在代码中使用一下 浏览器中的效果是这样的 ...
HTML5基础----文字特效_html5 文字特效(1)
最新发布
2401_83974345的博客
05-15 861
text-decoration:none(没有线)/underline(下划线)/overline(上划线)/line-through(删除线)百分比 是一个相对于元素行高的百分比，它会在上级基线上增高元素基线的指定的数量。友，可以点击这里获取！pre-wrap 用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字碰到边界时发生换行。pre 用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字超出边界时不换行。2、在工作中，运维人员经常需要跟运营人员打交道，请问运营人员是做什么工作的?
如何设置HTML页面文字格式？
随缘就学
02-17 617
HTML 里的文本元素真的好有趣，它们能让文字呈现出不同的样式和含义。我决定深入探索一下，看看这些元素到底有哪些魔法。
HTML 中的常用标签用法
m0_62468521的博客
05-06 245
HTML 中的常用标签用法，通俗易懂，简单详细
HTML——文字标签
热门推荐
时光·漫步的博客
04-22 3万+
1.   显示普通文字在  HTML5 页面插入普通文字的方法：  在 &lt;body&gt;标签和&lt;/body&gt;标记之间直接输入文字2.   显示特殊符号                                    3.  标题字标签标签：            &lt;h1&gt;~&lt;h6&gt;功能：            显示标题文字，字号逐渐减小语法：   ...
html标签转C#源码
12-27
本项目“html标签转C#源码”提供了一种将HTML标签转换为C#代码的方法，使得在WPF（Windows Presentation Foundation）和WinForm应用程序中能够方便地处理和呈现HTML内容。 首先，我们要理解这个项目的核心功能。...
HTML常用标签代码
05-07
HTML（HyperText Markup Language）是构建网页的基础语言，它通过一系列的标签来组织网页内容，使其具有结构和意义。在本资源中，我们看到的"HTML常用标签代码"显然是一个帮助初学者或开发者学习和练习HTML标签的...
20.2 HTML 常用标签
07-28
6. **段落标签（）**：用于表示一段文字，每个段落之间会自动添加间距。 7. **换行标签（ ）**：用于在文本中插入一个单独的换行。 8. **链接标签（）**：创建超链接，通过href属性指定目标URL，如`链接文本...
jquery表单文本框添加文字标签
11-11
在jQuery中，我们可以通过选择器找到特定的文本框元素，然后使用`.before()`或`.after()`方法来在其前后插入HTML内容，从而实现文字标签的添加。例如，如果我们的文本框ID是"myInput"，我们可以这样操作： ```...
移除HTML标签的正则表达式
10-29
移除HTML标签的正则表达式，这里是asp版本，注意是看正则的写法，脚本之家以前也发布过类似的代码。
html常用文本标签
旺旺的博客
06-08 1万+
1.&lt;Strong&gt; &lt;/Strong&gt;表强调     表示强调标签里面的内容，以加粗的格式显现。2.&lt;em&gt;&lt;/em&gt;表示语气强调以倾斜的方式显现    例如：敲掉澳大利亚草原上有食肉动物出没，非常危险                &lt;strong&gt;                            非洲大草原上有肉食动物出没。非常...
一、HTML常的标签
m0_72630538的博客
07-13 154
实例： 运行效果：1、绝对的路径 五、行级标签都有哪些、特点？ 本身具有display：inline; 属性称为行级标签 常见的行级标签：span a b strong em i del sup sub ; 特点： 1.宽度和高度由内容撑开。 2.水平布局，在一行显示，一行放不下会自动折行。 3.可以设置 边框、内间距 。 4.不能设置宽高 。 5.不能设置上下外间距，只能设置左右的外间距。...
HTML常用的标签
m0_58600615的博客
07-07 3007
在文章中都离不开标题，网页中的标题就是标题标签h标签，一共有1-6六个标签，其重要程度依次递减，文字大小也依次减小，标题标签的特点就是文字会加粗和变大，并且独占一行 在文章中都离不开段落，网页中的段落就是段落标签p标签，其特点就是独占一行，段落之间存在间隙 换行标签为br标签，就是让文字强制换行显示，其特点就是单标签，可以让文字强制换行 在文章中，有时候会用一条横线来分割不同主题的内容，网页中的横线就是水平线标签hr，其特点就是单标签，在网页中显示一条横线 在网页中，可以让文字有加粗、倾斜、删除线、下
HTML-新手入门
m0_63028823的博客
09-19 1258
HTML系统结构 （1） B/S架构：Browser / Server （浏览器/服务器的交互形式） Browser支持哪些语言：HTML、CSS、 JavaScript B/S架构的优缺点： 优点：升级方便，只升级服务器端代码即可。维护成本低 缺点：速度慢、体验不好、界面不炫酷 常见系统：京东、百度、天猫 （2） C/S架构：Client / Server （客户端/服务器端的交互形式） C/S架构的优缺点： 优点：速度快，体验好，界面炫酷 缺点：升级麻烦，维护成本较高 常见系统：QQ、微信、支付宝
前端---HTML基础知识（详细）---基本常用标签
weixin_51351637的博客
07-07 734
B/S架构： Browser/Server 浏览器/服务器交互形式 Browser支持HTML、css、JS Server支持C、C++、Java 优点： 升级方便，只升级服务器代码即可； 维护成本低 缺点： 速度慢；体验不好；界面不炫酷例如：百度页面，各种网站C/S架构： Client/Server 客户端/服务器端交互形式 优点：虚度快，体验好，界面炫酷 缺点：升级麻烦，维护成本高例如：
HTML常用的标签总结
weixin_44950875的博客
11-12 1690
前端HTML基础常用标签的整理
在html中画直线用什么标记,HTML常用标记
weixin_42298878的博客
05-31 568
1、文本标题(h1-h6)LOGO二级标题三级标题H3四级标题H4五级标题六级标题注：文本标题标签自带加粗，有自己的文本大小，并且独占一行，有默认间距2、段落文本(p)段落文本内容标识一个段落(段落与段落之间有段间距)3、空格所占位置没有一个确定的值,这与当前字体字号都有关系.4、换行(br)换行是一个空标记(强制换行)5、水平线空标记6、加粗有两个标记A、加粗内容只是显示加粗B、强调的内容突出的...
html5常用文本标签,Html5常用文本标签
weixin_34723479的博客
06-17 532
第六章:文本标签em和strong-这两个标签都表示一个强调的内容em主要表示语气上的强调,em浏览器中默认斜体显示strong表示强调的内容比em更强烈.默认显示粗体例子:这几天都挺热的注意:如果你不好好练习的话你就学不会i标签里的内容会以斜体显示b标签里的内容会以加粗显示例子:这是i标签中的内容这是b标签中的内容small标签中的内容要比它父元素的文字小一些,表示细则一些的内容比如:合同中的小...
html标签包裹文字
08-12
HTML标签可以用来包裹文字以实现不同的样式和功能。以下是一些常见的HTML标签用于包裹文字： 1. `<h1>`到`<h6>`：用于定义标题，其中`<h1>`为最高级的标题，`<h6>`为最低级的标题。 2. `<p>`：用于定义段落，将...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值