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

html-css012

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

格式:<!-- -->

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

table标签定义 HTML 表格,table 由一个或多个 tr、th 或 td 元素组成,tr 元素定义表格的行,th定义表头,td定义表格单元,即展示的内容,下面介绍下如何用HTML做一个表格

01

新建一个HTML文件,命名为testTable.html

02

增加table标签,数据展示以省份和省会为例,代码如下

03

在代码的空白出右键,选择浏览器打开,选择默认即可

04

自动跳转到浏览器,效果如下图

05

下面我们为表格增加样式,增加边框等元素,代码如下

06

刷新浏览器,最终效果如下