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

html-css017

HTML---图像标记和表格标记,第1张

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

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

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

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

基本语法格式:<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:设置单元格横跨的列数(合并)

格式:<!-- -->

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

图像的标记属性主要有:

<img>称为图像标记,用来在网页中显示图像。使用方法:<img src=''路径/文件名.图片格式"width="属性值"height="属性值"border="属性值"alt="属性值">

<img>标记主要有以下属性:

1:src属性指定我们要加载的图片的路径,图片的名称以及图片的格式

2:width属性指定图片的宽度

3:height属性指定图片的高度

4:border属性指定图片的边框宽度

5:alt属性有两个作用:

① 如果图像加载失败,会用文字来代替图像显示。

② 搜索引擎可以通过这个属性的文字来抓取图片。

注意:<img>是单标记,不需要使用</img>来闭合

嵌入图片的标记是:<img src='图片位置' />

如果要把图片党背景:在css或者表格里添加:background-image:url(图片位置)

还有疑惑联系我.

祝你成功!望采纳!