文字标签

最新推荐文章于 2025-01-03 20:07:55 发布

殇之流剑

最新推荐文章于 2025-01-03 20:07:55 发布

阅读量900

点赞数

CC 4.0 BY-SA版权

分类专栏：前端这些年文章标签： HTML

本文链接：https://blog.csdn.net/gradonday/article/details/36688207

前端这些年专栏收录该内容

10 篇文章

订阅专栏

文字不仅是网页信息传达的一种常用方式，也是视觉传达最直接的方式，运用经过精心处理的文字材料，完全可以制作效果最好的版面。

一、文字内容

1、添加文字

文字是网页的基础部分，可以通过一些HTML标记实现对文字的格式化。在HTML文件中，添加文字内容的方式与在Word、记事本等中添加文字的方式相同，在需要输入文字的地方输入即可，但是需要添加在<body>和</body>标记之间。具体内容包括浏览器中要显示的文字、空格符、特殊符号以及注释语句。

2、标题字

标题字，就是以几种固定的字号去显示文字。在HTML中，定义了六级标题，从一级到六级，每级标题的字体大小依次递减。

×基本语法

<h# align=”left|center|right|justify” > 标题内容 </h#>

×语法说明

(1)标题标记本身具有换行的作用，标题总是从新的一行开始；

(2)#用来指定标题文字的大小，#取1～6的整数数值，取1时文字最大；取6时文字最小；

(3)align设置标题字的对齐属性，使标题居左用left，居中用center，居右用right，两端对齐用justify(IE5+专有属性)。

3、添加空格

通常，HTML会自动删除文字内容中多余空格，不管文字中有多少空格，都被视为一个空格。为了在网页中增加空格，可以明确使用“ ；”表示空格。这种使用代码控制的方式与在文本编辑软件中通过输入空格添加空格的方式不同。

×基本语法

×语法说明

输入一个空格使用一个“ ；”表示，输入多少了空格就添加多少个“ ；”。

4、添加特殊符号

特殊符号和空格一样，也是通过在HTML文件中输入符号代码添加的，使用特殊符号可以输出键盘上没有的字符。

×基本语法

<body>

×语法说明

在需要添加特殊符号的地方添加相应的符号代码即可。常用的特殊符号及其对应的符号代码如下表所示：

特殊符号	符号代码	特殊符号	符号代码
&	&	>	>
©	©	"	&quote;
®	®	•	&middot
£	£	§	§
￥	¥	₡	¢
±	±	€	€
×	×	™	™
<	<

5、注释语句

在HTML文档中添加注释，可以增加代码的可读性，便于维护和修改。访问者在浏览中是看不见这些注释的，只有在用文本编辑器打开文档源码时才可见。

×基本语法

或：

×语法说明

以上两种表示方法都可以用来在页面中标记注释内容。但注意，注释不可以嵌套在其他注释中。

二、文字样式

在网页中添加文字后，可以利用标记及其属性对网页文字的字体、字号、颜色进行定义。

×基本语法

…

×语法说明

(1)face属性用来定义字体，任何安装在操作系统中的字体都可以显示在浏览器中。可以为face属性一次定义多个字体，字体之间使用“，”分隔开，浏览器在读取字体时，如果第1种字体系统中不存在，就显示第2种字体，如果第2种字体系统中不存在，就显示第3种字体，以此类推，如果这些字体都不存在，就显示为计算机系统默认的字体。

(2)size属性用来定义字号，取值范围从+1～+7，-1～-7.

(3)color属性用来定义颜色，其值为该颜色的英文单词或十六进制值。

三、文字修饰

1、粗体、斜体、下划线、水平线

×基本语法

……

……

……

×语法说明

(1)：标记实现加粗文字显示。

(2)：标记实现斜体文字显示。

(3)：标记实现给文字添加下划线。