前段页面HTML
1.特点：
- HTML文件以.htm或.html为扩展名
- HTML标签结构：
不区分大小写
标签的属性值单双引号均可
语法松散，不加结束标签也可以展示效果
2.分类 - 基础标签
1)<h1></h1>
标题标签，h1~h7
2)<br>
换行标签，是单标签
3）<p></p>
段落标签，可以分段；每一段都使用
4）<hr>
表示一个水平线，单标签
5）<font color="" size="" face=""></font>
字体用的标签
6）<b></b>加粗
<i></i>斜体
<u></u>下划线
7）<center></center>
文本居中
3.代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>传智教育公司</title>
</head>
<body>
<h1>
<b>
<font size="3">
公司简介
</font>
</b>
</h1>
<font color="red "face="楷体"size="5">传智教育</font>
<p>
(股票代码 003032)，隶属江苏传智播咨教育科技股份有限公司，注册资本4亿元，是第一个实现A股PO的教育企业，公司致力于培养高精尖数字化人才，主要培养人工智能.python+大数据开发、智能制造、软件、互联网、区块链等数字化专业人才及数据分析、网络营销、新媒体等效字化应用人才。公司由一批拥有10年以上开发管理经验，目来自互联网或研究机构的工精英组成，负责研究、开发教学橙式和课程皮容。公司具有完善的课程研发体系，一直走在整个行业发展的前端，在行业内竖立起了良好的品质口碑。
</p>
<p>
要赢得国际亮争，需要拥有大量的科技人才，我们将肩负起民族使命，在三尺讲台海人不倦著书立说，为科技行业培养出大量的优秀人才，促进民族伟大复兴!我们的使命是：<b>为中华民族伟大复兴而讲课，未签完学生少走弯路而读书</b>
</p>
<br>
<
>
&
"
®
©
™
<hr>
<img src="./aa.jpg"height="300"width="300">
<a href="https://i.cnblogs.com/posts/edit-done;postId=18582267;isPublished=false" target="_blank">看看我的博客园！</a>
<ol type="a">
<li>牛奶</li>
<li>茶</li>
<li>咖啡</li>
</ol>
<ul type="circle">
<li>牛奶</li>
<li>茶</li>
<li>咖啡</li>
</ul>
<table border="1" cellpadding="0" width="500">
<tr>
<th>序号</th>
<th>品牌logo</th>
<th>品牌名称</th>
<th>企业名称</th>
</tr>
<tr align="center">
<td>009</td>
<td><img src="aa.jpg"width="60"height="50"> </td>
<td>优衣库</td>
<td>优衣库</td>
</tr>
<tr align="center">
<td>008</td>
<td><img src="aa.jpg"width="30"height="55"></td>
<td>小米</td>
<td>小米科技有限公司</td>
</tr>
</table>
<div>我是div</div>
<div>我是div</div>
<span>我是span</span>
<span>我是span</span>
<form action="#" method="post">
<input type="text"name="username">
<input type="submit">
</form>
</body>
</ht
