当前位置：网站首页 > 技术文章 > 正文

html基础必备-文本格式标记，前端小白一看就会

zhezhongyun 2024-12-03 19:55 33 浏览

文本格式标记

以下HTML标记用于格式化网页上文本的外观。这可以使网页变得更加生动，但是，文本格式的太多变化也会使人不快。

标题 - <head> </head>

head标记有6个级别可用，从h1用于最大和最重要的标题，到h6是最小的标题。

粗体 -

b标记之间的文本以粗体显示，与周围的文本相对突出。

斜体 -

i标记以一个小角度显示文本。

下划线 -

u标记在文本正文添加一条线，请注意，链接已经有下划线，不需要额外的标记。

删除线 - <strike> </strike>

strike标记在文本的正中间画一条线，通常用来表示文本是旧的，不再相关，删除。也可以用<s></s>代替。

预格式化文本 - <pre> </pre>

pre标记之间的任何文本，包括空格、回车符和标点符号，都将像在文本编辑器中一样显示在浏览器中（通常浏览器会忽略多个空格）

源代码 - <code> </code>

code标记之间的文本以固定宽度字体显示，通常在显示源代码时使用。

打字机文本 - <tt> </tt>

tt标记之间的文本就像是用打字机打出了一个固定宽度的文字。

Block Quote - <blockquote> </blockquote>

blockquote标记定义一个块引用，并且在块的左右添加额外的边距。

小号字 -

small标记让你无需设置字体大小，就可以使文本呈现比周围稍小的外观。

字体颜色 -

font标记的color属性改变几个字或一段文字的颜色。属性使用十六进制颜色代码。

字体大小 -

font标记的size属性改变字体的大小，值范围从1到7，1是最小，7是最大。

字体大小变化 -

font标记的size属性还可以相对于其前面的字体大小的作即时更改，此用法将按你指定的数字增减字体大小。例如：一些文本

字体 -

font标记的face属性以指定的字体显示文本，值为字体名称，如“Helvetica”、“Arial”或“Courier”。

居中 - <center> </center>

center标记之间的所有内容都居中。

强调 -

em标记用于强调文本，文本通常以斜体显示，可能会根据浏览器的不同而有所不同。

着重强调 -

strong标记用于着重强调文本，通常以粗体显示，可能会根据浏览器的不同而有所不同。

例子

下面是以上标记的示例：

浏览器显示内容如下所示：

HTML 符号

上一篇：HTML网页制作常用标签及说明——前端开发入门
下一篇：html基础必备-列表标记，前端小白一看就会

html基础必备-文本格式标记，前端小白一看就会

文本格式标记

标题 - <head> </head>

粗体 - <b> </b>

斜体 - <i> </i>

下划线 - <u> </u>

删除线 - <strike> </strike>

预格式化文本 - <pre> </pre>

源代码 - <code> </code>

打字机文本 - <tt> </tt>

Block Quote - <blockquote> </blockquote>

小号字 - <small> </small>

字体颜色 - <font color="#??????"> </font>

字体大小 - <font size="?"> </font>

字体大小变化 - <font size="+/-?"> </font>

字体 - <font face="?"> </font>

居中 - <center> </center>

强调 - <em> </em>

着重强调 - <strong> </strong>

例子

相关推荐

b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢

漏洞系列一一看我一招征服漏洞 SSRF

接口测试遇到500报错?别慌，你的头部可能有点问题

Web前端需要学什么?Web前端开发需要学习哪些?

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

HTML 简介（html简介及优缺点）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

关于HTML5被简称做H5，你怎么看?（html5缩写）

现在页面实时聊天都使用Websocket技术实现吗?