<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ul>
<li>
<img src="image/1.jpg" alt="超文本标记语言" widt="150px" height="150px">
<p>超文本标记语言</p>
</li>
<li>
<img src="image/2.png" alt="层叠样式表" widt="150px" height="150px">
<p>层叠样式表</p>
</li>
<li>
<img src="image/3.jpg" alt="js脚本语言" widt="150px" height="150px">
<p>js脚本语言</p>
</li>
</ul>
</body>
</html>
本地用相对路径 网络上用绝对路径
<img src="image/3.jpg" alt="js脚本语言" widt="150px" height="150px">
<!--此为相对路径 图片存入image .html与其在同一级时这样调用 ../ 此为返回上一级 需要返回几级用几次.. widt宽 height高 /-->
<p><marquee behavior="alternate" direction="right" bgcolor="#ffff00">!!!</marquee></p>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p><a id="one"></a><!--标记-->
<marquee behavior="alternate" direction="right" bgcolor="#ffff00">!!!</marquee>
</p>
<ul>
<li>
<img src="image/1.jpg" alt="超文本标记语言" widt="150px" height="150px">
<p>超文本标记语言</p>
</li>
<li>
<img src="image/2.png" alt="层叠样式表" widt="150px" height="150px">
<p>层叠样式表</p>
</li>
<li>
<img src="image/3.jpg" alt="js脚本语言" widt="150px" height="150px">
<p>js脚本语言</p>
</li>
</ul>
<ul>
<li>
<img src="image/1.jpg" alt="超文本标记语言" widt="150px" height="150px">
<p>超文本标记语言</p>
</li>
<li>
<img src="image/2.png" alt="层叠样式表" widt="150px" height="150px">
<p>层叠样式表</p>
</li>
<li>
<img src="image/3.jpg" alt="js脚本语言" widt="150px" height="150px">
<p>js脚本语言</p>
</li>
</ul>
<ul>
<li>
<img src="image/1.jpg" alt="超文本标记语言" widt="150px" height="150px">
<p>超文本标记语言</p>
</li>
<li>
<img src="image/2.png" alt="层叠样式表" widt="150px" height="150px">
<p>层叠样式表</p>
</li>
<li>
<img src="image/3.jpg" alt="js脚本语言" widt="150px" height="150px">
<p>js脚本语言</p>
</li>
</ul>
<pre>
此例演示如何使用 pre 标签
对空行和 空格
进行控制
</pre>
<!-- pre 元素可定义预格式化的文本。
被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 -->
<h5 align="right"><a href="#one">返回顶部</a></h5>
<!--点击返回标记点
align="位置（例如right）可加在标题<h>段落<p>里"
-->
<hr>
<p>
<!--属性target为新建网页 否则只在当前页面跳转，这时当前页面会被超链接覆盖
_new只新建一次网页 _blank可重复新建网页开多个窗口-->
农大首页：<a href="https://www.imau.edu.cn/" target="_blank">点击进入</a>
农大首页：<a href="https://www.imau.edu.cn/" target="_new">点击进入</a>
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--图像映射-->
<img src="image/1.jpg" usemap="#map1">
<map id="map1" name="map1">
<area shape="poly" coords="156,175,173,367,253,393,331,372,350,174," href="image/3.jpg">
<!--插入音视频-->
<video controls="controls" poster="image/天空之城.png" width="500px" height="500px">
<source src="天空之城指弹.qlv" type="video/qlv">
<source src="天空之城指弹.mp4" type="video/mp4">
<source src="天空之城指弹.ogg" type="video/ogg">
<object date="天空之城指弹.qlv" width="500px" height="500px">
<embed src="天空之城指弹.qlv" width="500px" height="500px">
</object>
</video>
</body>
</html>
