<HTML>
<HEAD>
<TITLE>表格</TITLE> //页面标题
</HEAD>
<BODY>
<table width="300" border=1 align=left > //表格宽度为300,线条宽度1,居左
<caption align=center>网页设计成绩</caption> //表格标题“网页设计成绩”
<thead>
<tr> //表格行标记
<th width="100">学号</th> //“学号”,单元格宽度100,加粗
<th width="100">姓名</th> //“姓名”,单元格宽度100,加粗
<th width="100">成绩</th> //“成绩”,单元格宽度100,加粗
</tr>
</thead>
<tbody>
<tr align="center">
<td width="100">200700007</td> //“200700007”,单元格宽度100
<td width="100">克鲁斯</td> //“克鲁斯”,单元格宽度100
<td width="100">56</td> //“56”,单元格宽度100
</tr>
<tr align="center">
<td width="100">200700008</td> //“200700008”,单元格宽度100
<td width="100">盖茨</td> //“盖茨”,单元格宽度100
<td width="100">96</td> //“96”,单元格宽度100
</tr>
</tbody>
</table>
</BODY>
</HTML>
HTML能输出矩形标注具体做法如下:
<!DOCTYPE HTML>
<html>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas")
var cxt=c.getContext("2d")
var img=new Image()
img.src="/i/eg_flower.png"
cxt.drawImage(img,0,0)
</script>
</body>
</html>
输出效果:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)