web知识训练_html5_文本控制类标签
第1关_web知识训练_html5_文本控制类标签
--------------------------------------------
web编程训练_html5_文本控制类标签
第1关_html5_网页背景及标题段落标签
编程要求
根据前面的效果图，在右侧编辑器中的Begin - End区域内补充代码，具体要求是：
1.在<body></body>之间添加一级标题，标题内容为“第一章 HTML5基础”，采用居中对齐；
2.在<body></body>之间添加二级标题，标题内容为“1.1 文本控制标签”，采用左对齐。
3.在<body></body>之间添加一个段落，段落内容为“这是第1个段落。”，采用两端对齐。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题段落的设置</title>
</head>
<!-- ********* Begin ********* -->
<body background="https://data.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基础”下方添加一条水平线，水平线的下方使用换行标签添加一个空行
2.为水平线标签添加size属性，取值为3
3.为水平线标签添加width属性，取值为400
4.将水平线的颜色设置为蓝色
5.去掉水平线的阴影效果
<!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" align="center" color="blue" noshade="none"/>
<br/>
<!-- ********* End ********* -->
<h2 align="left">1.1 文本控制标签</h2>
<p align="justify">这是第1个段落。</p>
</body>
</html>
第3关_html5_文本修饰
编程要求
根据前面的效果图，在右侧编辑器中的两个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>
![BUUCTF Reverse/[GWCTF 2019]re3](https://img-blog.csdnimg.cn/401438f5b88a4f109a568d4e1bd0db92.png)
