<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这是一个标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<h2>我的第二个标题</h2>
<h3>我的第三个标题</h3>
<p>我的第一个段落</p>
<p>我的第二个段落</p>
<ol type="i">
<li>zkj</li>
<li>zkj</li>
</ol>
<!--有序列表，排序方式为i，ii，iii-->
<ul type="circle">
<li>zkj</li>
<li>zkj</li>
</ul>
<!--无序列表-->
<hr>
<hr color="#FF0000" size="3" width="80%" align="left">
<!--横线-->
<!--空格-->
<span>1111
1111</span>
<!--span标签不会自动换行-->
<div style="width: 500px;height: 100px;" align="center" id="aa">
div标签
</div>
<!--div标签
style类型设置 宽，高 align设置对齐-->
<font color="#EE7E32" size="5" face="楷体">格式化标签</font>
<!--font 标签color颜色，size字号大小，face字体-->
<pre >
<b>预</b><i>格</i><u>式</u><del>化</del><sup>标</sup><sub>签</sub>
</pre>
<!--预格式化标签，提前设置格式，b加粗，i倾斜，u下划线，del中划线，sup上标，sub下标-->
<a href="https://www.bilibili.com/video/BV1sf4y1k7dr?p=3&spm_id_from=pageDriver">11111</a>
<!--a标签，超链接标签，href=“”表示连接的网站
target设置新网站的产生方法，_self原网站生成_blank新页面生成-->
<a href="#">回到顶部</a>
<!--第二个作用——作为锚点
像上面，点击“回到顶部”就会跳转到页面顶部
-->
<a href="#aa">跳转到div标签</a>
<!--第二个作用——作为锚点
像上面，点击“跳转到div标签”就会跳转到页面div处
-->
<br />
<a href="zzuli.html">
<img src="/img/111.jpg" alt="出错" title="000" width="300" height="500">
<!--img 引入图片
src为引入图片的地址
alt当图片无法显示是的占位文字
title 当鼠标悬停时显示的文字
width 图片的宽
height 图片的高
border 图片的边框
-->
</a>
<br />
<table border="2" align="center" style="border-collapse: collapse;">
<tr >
<th>姓名</th>
<th>学号</th>
<th>年级</th>
</tr>
<tr align="center" bgcolor="#08958F">
<td>张三</td>
<td>1111</td>
<td>1</td>
</tr>
<tr>
<td>李四1111</td>
<td>2222</td>
<td>2</td>
</tr>
<tr>
<td>王五</td>
<td>3333333333333333</td>
<td>10</td>
</tr>
</table>
<!--
表格标签
table 表格
tr 行
td 标准单元格
th 表头
table的属性
width 宽度
border 边框
align 对齐方式
style="border-collapse: collapse;"合并边框（了解）
tr属性
align 对齐方式
bgcolor 背景颜色
-->
</body>
</html>
一些基础语法都有注释<!--? ? -->里面的内容就是注释啦
|