蓝桥云课程学习——用HTML完成如图效果
根据图，我将它背景颜色进行了修改——黄色，我写的代码如下：
<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title></title>
</head>
<body>
<div style="background-color:yellow;width:device-width;height:300px">
<h1 style="text-align:center">实验楼学习教程</h1>
<p style="text-align:center">学习就上<a href="https://www.lanqiao.cn/">实验楼</a></p>
<hr/>
<p>在实验楼你可以学习的课程有：</p>
<ul>
<li>HTML5基础课程</li>
<li>CSS基础课程</li>
<li>Linux基础课程</li>
<li>...</li>
</ul>
</div>
</body>
</html>
代码运行的结果如下：
学习总结：
text-align:设置文本在浏览器中显示的位置，如：center、right、left
ul:无序列表
ol：有序列表
div:块级元素，将文档分成一块一块的
width:宽
height：高
device-width：将宽设置为适应屏幕
hr:下划线
meta charset=“UTF-8”:声明文档使用的字符编码是UTF-8
menu：菜单（这是我刚Bing的时候搜到的）
li：列表条目元素，必须在ol、ul、menu任意一个里面
background-color：背景颜色
a href=：超链接，可添加链接，点击访问
p：段落，浏览器会自动在每个p前添加一行空行
h1:定义标题大小，h1~h6中，h1最大，h6最小
515
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
