html5-文本控制类标签

最新推荐文章于 2022-11-24 10:52:25 发布

静待花开︳

最新推荐文章于 2022-11-24 10:52:25 发布

阅读量417

点赞数

分类专栏： Web前端 educoder 文章标签： html5

本文链接：https://blog.csdn.net/weixin_52184490/article/details/121591955

版权

educoder 同时被 2 个专栏收录

51 篇文章 9 订阅

订阅专栏

Web前端

35 篇文章 2 订阅

订阅专栏

第1关：html5-网页背景及标题段落标签

任务描述

本关任务：编写一个带有标题和段落的网页,并为网页设置背景图。

编程要求

在右侧编辑器中的Begin - End区域内补充代码，具体要求是： 1.为网页添加背景图像，图像的url地址为https://www.educoder.net/api/attachments/2308369 2.将文本“第一章 HTML5基础”设置为一级标题，采用居中对齐； 2.将文本“1.1 文本控制标签”设置为2级标题，采用左对齐。 3.在将文本“这是第1个段落。”设置为一个段落，采用两端对齐。

测试说明

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

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
   <title>标题段落的设置</title>
 </head>
 <!-- ********* Begin ********* -->
 <body background="https://www.educoder.net/api/attachments/2308369">
    <h1 align = center>第一章 HTML5基础</h1>
    <h2 align = left>1.1 文本控制标签</h2>
    <p align = justify>这是第1个段落。</p>          
 </body>
 <!-- ********* End ********* -->
</html>

第2关：html5-水平线和换行的设置

任务描述

本关任务：编写一个标题下方带有水平线的网页。

编程要求

在右侧编辑器中的Begin - End区域内补充代码，具体要求是： 1.在一级标题文字“第一章 HTML5基础”下方添加一条水平线，水平线的属性要求如下：（1）为水平线标签添加size属性，取值为3 （2）为水平线标签添加width属性，取值为400 （3）将水平线的颜色设置为蓝色（4）去掉水平线的阴影效果 2.在水平线的下方使用换行标签添加一个空行

测试说明

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

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
   <title>水平线的设置</title>
 </head>
 <body background="https://www.educoder.net/api/attachments/2308369">
    <h1 align="center">第一章 HTML5基础</h1>
    <!-- ********* Begin ********* -->
    <hr/ size = "3"width = "400"color = "blue" noshade=""align = "center">
    <br/>
       
    <!-- ********* End ********* -->
    <h2 align="left">1.1 文本控制标签</h2>
    <p align="justify">这是第1个段落。</p>             
 </body>
</html>

第3关：html5-文本修饰

任务描述

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

第一章 HTML5基础

1.1 文本控制标签

这是加粗显示的文字 这是斜体显示的文字 这是带下划线的文字 X3-2Y2=1

编程要求

根据前面的效果图，在右侧编辑器中的两个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>

静待花开︳

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
html5-文本控制类标签

第1关：html5-网页背景及标题段落标签任务描述本关任务：编写一个带有标题和段落的网页,并为网页设置背景图。相关知识为了完成本关任务，你需要掌握：1.网页背景的设置，2.标题标签，3.段落标签。设置网页背景图如需用图像作网页背景图，可在<body>中添加background属性，其属性取值即为图像的路径。用法示例： <body background="背景图.jpg">设置网页背景色如需为网页添加背景色，可在<body>中添加bgc..
复制链接

扫一扫