标签：文字 Web font 标签 代码 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>
标签：文字,Web,font,标签,代码,html5,修饰,文本 来源： https://blog.csdn.net/weixin_51402180/article/details/121598724
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。