美文网首页Java Web程序设计
HTML---图像标记和表格标记

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

作者: Wovw | 来源:发表于2020-10-19 17:49 被阅读0次

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.注释标记

格式:<!-- -->

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

相关文章

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

    1.图像标记 基本语法格式: src属性用于引入图片,指定图像文件的路径,包括绝对路径或相对路径(同级目录(同一文...

  • HTML---单标记和双标记

    通常将HTML标记分为两大类,分别是“单标记”与“双标记”。 1.单标记: 是指用一个标记符号即可完整地描述某个功...

  • HTML---列表标记和超链接标记

    列表标记分为有序列表和无序列表 1.无序列表 无序列表的各个列表项之间没有顺序级别之分,通常是并列的。 (1)基本...

  • 【HTML】 一、HTML的语法

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 七、HTML框架

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 五、超链接的使用

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 六、表格

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 八、表单设计

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • HTML标记语言【总】

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 二、html的基本结构

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

网友评论

    本文标题:HTML---图像标记和表格标记

    本文链接:https://www.haomeiwen.com/subject/cfqcmktx.html