<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<meta name="keywords" content="马运财，山东枣庄人，21岁" /> <!keywors：表示的是搜索引擎的关键字>
<meta name="description" content="青岛城市学院学生，男生" /> <!description表示的是在搜索引擎中搜索的关键的描述>
<meta name="author" content="马运财" /> <!#表示的是搜索引擎内容为作者姓名>
</head>
<body>
<! 各级标题>
<h1>好客山东，欢迎你</h1>
<h2>好客山东，欢迎你</h2>
<h3>好客山东，欢迎你</h3>
<h4>好客山东，欢迎你</h4>
<h5>好客山东，欢迎你</h5>
<h6>好客山东，欢迎你</h6>
<!标题样式>
<h1 align="center" >中心对齐</h1>
<h1 align="left"> 左对齐</h1>
<h1 align="right">右对齐</h1>
<h1 align="justify">未知</h1>
<!水平线标签>
<hr align="center" size="3" color="#00FF99" width="1500" /> <! size:水平线的粗细 color:水平线的颜色 width：水平线的宽度>
<!段落标签>
<p>这是段落标签</p>
<p>这是第二段落</p> <!段落标签全都是从行首开始>
<!换行标签>
<p>换行标签的具体介绍<br />可以实现的效果</p>
<!文本样式标签>
<p align="center"><font face="宋体" size="5" color="#006699">这是文本标签的具体表现形式</p> <!font:文本的字体 size：文本的大小 color：文本的颜色>
<!文本格式化标签>
<p>正常形式的文本样式</p>
<p><b>b标签显示粗体形式的文本</b></p>
<p><strong> strong标签显示的文本形式</strong></p>
<p><u>u标签显示文字加下划线的表现形式</u></p>
<p><ins>ins 显示文字下划线的表现形式</ins></p>
<p><del>del标签显示的删除线</del></p>
<p><s>s标签显示的删除线</s></p>
<p><i>i标签显示的斜体文本</i></p>
<p><em>em标签显示的斜体文本</em></p>
<!文本语义标签>
<p>现在<time>9:00</time>了</p>
<p>今年的<time datetime="2022-9-1">九月一</time>我们开学了</p>
<p><time datetime="2022-8-20" pubdate="pubdate">这条消息发布于2020-8-20号</time></p><!time:定义时间或日期 datetime：定义相应的时间和日期 pubdate:定义time标签中的文档发布日期>
<p><mark>mark表现的形式</mark> <!mark:将内容突出显示>
<p><cite>cite标签的具体表现形式</cite></p> <!cite：创建一个引用，用于对参考文档的说明>
<!特殊字符标签>
<p><font color="#000000">
<p>空格<strong> </strong></p>
<p>小于号<strong><</strong></p>
<P>大于号 <strong>></strong></P>
<P>和号 <strong>&</strong></P>
<P>人民币<strong> ¥</strong></P>
<P>版权 <strong>©</strong></P>
<P>注册商标<strong> ®</strong></P>
<P>摄氏度 <strong>°</strong></P>
<P>正负号 <strong>±</strong></P>
<P>乘号 <strong>×</strong></P>
<P>除号 <strong>÷</strong></P>
<P>平方2 <strong>²</strong></P>
<P>立方3 <strong>³</strong></P>
</font></p>
<!图象标签>
<hr />
<img src="微信图片_20220408092826.jpg" alt="图片出现问题" title="美丽的风景" width="1080" heigh="1082" border="4" vapace="300" hspace="100" alight="center"/>
<!--img标签的属性：alt：表示图像不能出现时现实的文字，title：当鼠标放到图片上显示的文字 width：图像的宽度 heigh：图像的高度 boder：图像边框的宽度 vapace：图像顶部和底部的空白距离 hapace：图像左侧和右侧的空白距离 aligh：图片的对齐方式-->
<!--图片的据对路径与相对链接的区别：相对路径是指图片放在与html文件差不多的位置路径并不包含盘符的路径，当文件位置发生变化时可以图片可以依旧显示。绝对路径就是 这张图像属性所显示的位置，随着文件的位置发生更改，图片绝对路径发生更改，在网页并不会显示-->
</body>
</html>
演示结果：
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
