HTML---图像标记和表格标记

1.图像标记

基本语法格式:<img src="图像 URL(路径)" />

src属性用于引入图片,指定图像文件的路径,包括绝对路径或相对路径(同级目录(同一文件夹)、上级目录、下级目录)

width和height属性分别用来设置图像的宽度和高度,单位为像素。

border属性用来设置图像的边框,单位是像素,0表示无边框。

图图

2.表格标记

基本语法格式:<table>

                                <tr>

                                       <td>单元格内的文字<td>

                                 </tr>

                         </table>

<table></table>用于定义一个表格,<tr></tr>用于定义表格中的行,<td></td>用于定义表格中的单元格(列)。

<th></th>也表示单元格,自动居中,加粗显示

图图

常用的属性:

(1)<table>标记的border属性会为每个单元格应用边框,并用边框围绕表格。

如图,如果border值发生改变,那么只有围绕表格的边框尺寸会发生变化,表格内部的边框还是1像素宽(若改为0,则边框全无)。

(2)width、height:宽度、高度

(3)align:描述表格的位置(文字位置)

(4)cellspacing:描述边框的厚度

(5)cellpadding:描述表格内文字与边框的距离

(6)background:设置表格背景颜色

(6)bgcolor:设置单元格背景颜色

(7)rowspan:设置单元格竖跨的行数(合并)

(8)colspan:设置单元格横跨的列数(合并)

3.注释标记

格式:<!-- -->

注释内容不会显示在网页中

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

友情链接更多精彩内容