本关任务:编写一个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>