阅读下面的HTML文件,标注出文件中各个元素,并说明显示效果

阅读下面的HTML文件,标注出文件中各个元素,并说明显示效果,第1张

<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>

输出效果:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7340975.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存