图片，表格

最新推荐文章于 2024-07-16 22:19:22 发布

wengwenxuan

最新推荐文章于 2024-07-16 22:19:22 发布

阅读量113

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/weixin_43416343/article/details/95546241

版权

html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<html>
<head>
</head>
<body>
**************图片元素*************<br/>
<img src = 'timg.jpg' width = 170px border = 3/>    
<img src = 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2276024691,1939790163&fm=27&gp=0.jpg' width = 170px border = 1/><br/>

*************表格元素*************<br/>
<table border = 3 cellspacing = 3 cellpadding = "8px" bordercolor = black align = "center" bgcolor = pink width = 400px>
<tr align = "center"><td>1</td><td>2</td><td>3</td></tr>
<tr align = "center"><td>4</td><td>5</td><td>6</td></tr>
<tr align = "center"><td>7</td><td>8</td><td>9</td></tr>
</table>
</body>                                                        
</html>

知识点：

图片只需要指定宽或高，会自动按比例压缩。图片可以是外部网站一个图片。
tr表示行，td表示列，th表头，字体自动加粗居中，若valign = top 靠上；align = left靠左，cellspacing表示空隙大小，指行列距离， cellpadding表示填充大小，各行各列中的内容被填充，这样就会在一定程度上，撑大格子。
rowspan =#表示跨行，colspan = #表示跨列。