<!DOCTYPE html>
<html>
<head>
<title>嵌入内容</title>
</head>
<body>
<!-- 图片演示img -->
<img src="12345.jpg" alt="" width="100" >
<img src="12345.jpg" alt="" width="200" >
<img src="12345.jpg" alt="" width="300
" >
<!-- 在一个页面中打开另外一个页面 -->
<br>
<iframe src="https://www.baidu.com/index.php?tn=02049043_6_pg" frameborder="0"
width="100% " height="400"></iframe>
<!-- 视频演示 -->
<br>
<video controls src="./01网络安全简介.mp4" width="640" height="480" >
</video>
<!-- 另一种写法
<video controls width="640" height="480" >
<source src="./01网络安全简介.mp4">
</video> -->
<br>
<!-- 绘图 -->
<canvas id=""
width="400"
height="200"
></canvas>
<script>
var canvas =document.getElementById("canvas");
if(canvas==null)
return false;
var context=canvas.getContext("2d");
context.fillStyle="3d3d3d";
context.strokeStyle="red";
context.fillRect(50,50,100,100);
contetx.strokeRect(50,50,100,100);
</script>
</body>
</html>
