超文本标记语言（html）之文字编辑

最新推荐文章于 2024-04-30 17:59:49 发布

喝可乐的monkey

最新推荐文章于 2024-04-30 17:59:49 发布

阅读量1.9k

点赞数 3

文章标签： html html5 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/yysyyssmdsmd/article/details/129355689

版权

一、编辑内容

1.添加文字

基本语法

<body>
请在此处添加文字
</body>

语法说明

在网页中添加文字，只要在<body></body>之间，需要插入文字的地方输入文字就可以实现。

2 添加注释<! ---->

在HTML文件中，为了增加代码的可读性，需要对代码添加必要的注释。这些注释语句可方便编写者的检查与维护，同时这些注释信息也不会在网页中被显示。

基本语法

<html>
<head>
<!--请在此处添加注释语句-->
<title>添加语句</title>
</head>
<body>
<!--请在此处添加注释语句-->
</body>
</html>

实例代码：

<html>
<head>
  <!--请在此添加注释语句！-->
  <title>添加注释</title>
</head>
<body>
  <!--请在此添加注释语句！-->
     清华大学出版社<Br>
     版权所有，违者必究！
</body>
</html>

3 .添加空格

在HTML文件中，添加空格的方式与其他文档添加空格的方式不同，网页中添加空格是通过代码控制，在Word、记事本、写字板中输入空格可以直接通过键盘空格键输入。

基本语法

<body>
&nbsp;&nbsp;&nbsp;
</body>

语法说明

在HTML文件中，添加空格需要使用代码" "控制，需要多少个空格就需要添加多少个" "。

实例代码：

<html>
<head> 
<title>添加空格</title>
</head>
<body>
&nbsp;&nbsp;&nbsp;&nbsp;财政部有关负责人说，所谓"首购"，是指对于国内企业或科研机构生产或开发的，暂不具有市场竞争力，但符合国民经济发展要求、代表先进技术发展方向的首次投向市场的产品，通过政府采购方式由采购人或政府首先采购的行为。
</body>
</html>

4 . 添加删除线

在HTML文件中，给需要添加删除线的文字使用成对的<strike></strike>标记，就可以添加删除线

基本语法

<body>
<strike>请在此输入需要添加删除线的文字</strike>
</body>

语法说明

在成对的<strike></strike>标记之间输入文字，在网页中显示改标记之间的文字就是被添加了删除线后的显示效果

实例代码：

<html>
<head> 
<title>添加删除线</title>
</head>
<body>
给下面文字添加删除线<br>
<strike>添加了删除线的文字</strike>
</body>
</html>

二、文字效果

1.标题文字标签<hn>

<hn>标签一共为6级

基本语法：

<hn align=参数值>标题文字</hn>
align属性值为right，left（默认），center

实例代码：

<html>
<head>
<title>标题文字标签</title>
</head>
<body>
<h1 align="center">Header Level 1</h1>
<h2> Header Level 2</h2>
<h3> Header Level 3</h3>
<h4> Header Level 4</h4>
<h5> Header Level 5</h5>
<h6> Header Level 6</h6>
</body>
</html>

2. 编辑网页文字样式

基本语法

<body>
<font face=" " size=" " color=" "></font>
<body>

语法说明

在HTML文件中，利用成对标记就可以将网页中的文字根据需要，对其进行样式的编辑。

实例代码：

<html>
<head> 
<title>编辑网页文字样式</title>
</head>
<body>
   没有使用效果后的文字!<br>
   <font face="楷体" size="6" color="#00ffff">
   &nbsp;&nbsp;&nbsp;使用效果后的文字
</font>
</body>
</html>

3. 设置文字标注标记<ruby>

在HTML文件中，有时需要对某个字、词或者某个段进行说明，可以通过添加文字的标注标记来完成对网页中文字的说明。

基本语法：

<ruby>
被说明的文字
<rt>
文字的标注
</rt>
</ruby>

语法说明：

利用成对的<ruby><rt>标记，可以对网页中的文字进行标注。

实例代码

<html>
<head> 
<title>设置文字标注标记</title>
</head>
<body>
    <ruby>
      当代最可爱的人
      <rt>
       志愿军
     </rt>
</ruby>
</body>
</html>

三、文字修饰

1.简单修饰文字

基本语法

<body>
普通文字的显示<br>
<b>加粗的文字</b><br>
<i>斜体的文字</i><br>
<u>添加下划线的文字</u><br>
<big>放大</big><br>
<small>缩小</small><br>
</body>

实例代码：

<html>
<head> 
<title>简单修饰文字</title>
</head>
<body>
     普通文字的显示<br>
   <b>加粗的文字</b><br>
   <i>斜体文字</i><br>
 <u>添加下划线文字</u><br>
</body>
</html>

2. 确定文字上下标

基本语法：

<body>
<sup>上标内容</sup><br>
<sub>下标内容</sub><br>
</body>

语法说明：

在HTML文件中，成对的<sup></sup>标记可以表示上标，利用成对的标记<sub></sub>表示下标。

实例代码：

<html>
<head>
<title>确定文字上下标</title>
</head>
<body>
   解下面方程：<br>
   x<sup>2</sup>-3x+2=0<br>
   解：x<sub>1</sub>=1; x<sub>2</sub>=2<br>
</body>
</html>

3.设置地址文字

在网页中添加地址文字，是为了更方便地突出显示联系方式，将联系人的地址信息突出显示。

基本语法：

<body>
<address>请在此添加地址信息</address>
</body>

语法说明：

在HTML文件中，利用成对<address></address>标记就可以将网页需要显示的地址文件突出显示。

实例代码：

<html>
<head> 
<title>设置地址文字</title>
</head>
<body>
   书中有不恰当的地方，请您及时与我们联系：<br>
   <address>清华大学出版社</address><br>
   <address>E-mail:market@1.com.cn</address><br>
</body>
</html>