<DOCTYPE html>
<html lang="zh-cn">
<meta charset="UTF-8">
<!--- 网站关键字 --->
<meta name="keywords" content="php,html,css,linux,mysql" />
<!---- 网站描述 ---->
<meta name ="description" content="这是我在PHP中文网学习大前端课程写的第一篇博客文章" />
<link rel="icon" src="https://www.w3school.com.cn/ui2019/logo-16-red.png" />
<!--- 头部 --->
<head></head>
<!---- p是段落标签 ---->
<p>
文章千古事，得失寸心知。作者皆殊列，名声岂浪垂。
</p>
<!----- hr表示一条横线 ---->
<hr/>
<!--- br表示换行 --->
<br/>
<p>
<strong>骚人嗟不见，汉道盛于斯</strong>。<br/>前辈飞腾入，<i>馀波绮丽为</i>。
</p>
<p>
<b> 后贤兼旧列，历代各清规。法自儒家有，心从弱岁疲。</b>
</p>
<!--- details 为可见或者隐藏的补充描述内容 ---->
<!---- summary 配合 details使用，为标题 --->
<details>
<summary>这是标题</summary>
这是隐藏的内容
</details>
跳转链接
<a href="http://www.taobao.com" taget="_self" >去淘宝</a>
<hr/>
无序列表
<ul>
<li>价格</li>
<li>销量</li>
<li>品牌</li>
</ul>
有序列表
<ol>
<li>地址</li>
<li>国家</li>
<li>城市</li>
</ol>
<!--- 身体 ---->
<body></body>
</html>