EduCoder-Web程序设计基础 -web编程训练-html5-文本控制类标签-第3关：html5-文本修饰

2021/11/28 22:10:35

编程Tag： 文字代码标签 web HTML5 文本 Font 修饰

本文主要是介绍EduCoder-Web程序设计基础 -web编程训练-html5-文本控制类标签-第3关：html5-文本修饰，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

任务描述

本关任务：编写一个HTML文档，并按要求对文本进行修饰。显示效果如下：

第一章 HTML5基础

1.1 文本控制标签
这是加粗显示的文字这是斜体显示的文字这是带下划线的文字 X3-2Y2=1
相关知识
为了完成本关任务，你需要掌握：1.font标签及其属性，2.常用文本修饰标签的功能。

font标签及其属性
font标签可对文本的字号大小、字体和颜色进行修饰。对应的属性为：

size:设置文本字号，其取值为1~7
face:设置文本字体
color:设置文本颜色，值为颜色单词或颜色代码
align:设置文本对齐，取值可以是left、center、right、justify
文本修饰类的其他标签
文本修饰类的其他标签如下图
文本修饰

编程要求

根据前面的效果图，在右侧编辑器中的两个Begin - End区域内补充代码，具体要求是：
1.采用font标签为一级标题文字“第一章 HTML5基础”添加“黑体”字体和“红色”显示
2.分别采用加粗、斜体、下划线、上标和下标标签为相应的文字添加显示效果

测试说明

补充代码后，请点击测评，平台会对你编写的代码进行测试，如果正确则完成闯关任务。

人之所能，是相信自己能，并尽其所能，祝你成功！

代码示例

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
   <title>水平线的设置</title>
 </head>
 <body background="https://www.educoder.net/api/attachments/2308369">
    <h1 align="center" >
       <!-- ********* Begin ********* -->
       
        <font face="黑体" color="red">第一章 HTML5基础</font>
         
       <!-- ********* End ********* -->
    </h1>
       <hr size=3  width=400  Align=center color=blue noshade/>
       <br/>    
    <h2 align="left">1.1 文本控制标签</h2>
     <!-- ********* Begin ********* -->
       <b>这是加粗显示的文字</b>
       <i>这是斜体显示的文字</i>
       <u>这是带下划线的文字</u>
       X<sup>3</sup>-2Y<sub>2</sub>=1     
     <!-- ********* End ********* -->
 </body>
 </html>

这篇关于EduCoder-Web程序设计基础 -web编程训练-html5-文本控制类标签-第3关：html5-文本修饰的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

EduCoder-Web程序设计基础 -web编程训练-html5-文本控制类标签-第3关：html5-文本修饰

目录

任务描述

编程要求

测试说明

代码示例

相关编程文章