html文件结构
<!DOCTYPE html>
<html>
</html>
起始行
↑告诉浏览器这是一个html
开始标签: < h t m l > <html> <html>
结束标签: < / h t m l > </html> </html>
两者成对出现
head and body
<!DOCTYPE html>
<html>
<head>
<title><网页></title>
</head>
</thml>
标题标签
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
段落标签
<p>正文</p>
文本样式标签
<p>
这是一段文本,<b>加粗</b>,<i>斜体</i>,下标:x<sub>2</sub>
<del>删除线<del>,<br/ >下一行
</p>
列表
无序列表
<ul>
<li> 列表项</li>
<li> 列表项</li>
<li> 列表项</li>
</ul>
有序列表
<ol>
<li> 列表项</li>
<li> 列表项</li>
<li> 列表项</li>
</ol>
超链接
<a href="http://www.luogu.com.cn">洛谷</a>
多媒体标签
图片标签
<img src='https://ipic.luogu.com.cn/yugu22sx/banner.png'/>
视频标签
<video src=“./video .mp4"controls></video>
音乐标签
<audio src="./music.mp3"controls></audio>
div标签
<div>
<h3>卡片标题</h3>
<p>卡片内容</p>
</div>