一、学习内容
本节课学习了HTML基础,并使用HBuilder X完成了网页的制作。
知识点:
- HTML 标题是通过< h1 >-< h6 >标签来定义的。
h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。 - < hr > 标签在 HTML 页面中创建水平线。
- HTML 段落是通过标签 < p > 来定义的。
- HTML 图像是通过标签 < img > 来定义的。
二、制作网页
1. 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>卢晨晨晨晨晨晨的个人介绍</title>
<style type="text/css">
body {background-color:burlywood;}
p {color: aliceblue;}
</style>
</head>
<body>
<h1>个人介绍页</h1>
<hr>
<h2>姓名</h2>
<p>卢晨</p>
<h2>学校</h2>
<p>北京工商大学</p>
<h2>学院</h2>
<p>电商与物流学院</p>
<h2>专业</h2>
<p>信息管理与信息系统</p>
<h2>兴趣爱好</h2>
<p>打游戏、恰好吃的、买盲盒、跑跑步步</p>
<img src="./干饭人.jpg" width="250px" height="250px">
<h3>网络一线牵,珍惜这段缘!</h3>
<h3>请多指教!!!</h3>
<hr>
</body>
</html>