表格的标签和一些属性,怎样在HTML中插入图片。

1,991 阅读2分钟
表格的标签和一些基本属性。

表格:

  1. 表格的标签必须以table开始/tabl结束。
  2. table标签里有两个标签th和td。
  • th  是表格的行。
  • td  是表格的列

border是table标签的属性,border要写在table标签的后面并且属性和标签之间要要隔一个空格。比如:<标签 属性="属性值">

下面是table标签的一些属性:

  • celllpadding  表示单元格中的内容与距离单元格边框的内容。
  • cellspacing  表示单元格之间的距离。
  • width  表示单元格的宽度。
  • height  表示单元格的高度。
  • colspan  用来单元格跨列的属性,比如:<标签 colspan="属性值">
  • rowspan  用来单元格跨行的属性,比如:<标签 rowspan="属性值">
  • 表格横着的叫行,竖着的叫列。要跨几行或几列后面的属性值就是几。

下面是表格的可选标签:

  • th  表头的单元格。
  • tbody  表体
  • thead  表头
  • tfoot  页脚

图片标签:

img是图片的标签,比如<图片标签  >图片标签要想在HTML中加入图片是要用到图片标签的还要在图片标签后面加入属性才能加入图片

图片标签的属性:

  • src  表示图片的地址。
  • alt  表示当图片加载失败的时候显示在页面上的文本,也叫“替换文本”一般写的是图片的描述。
  • title  当鼠标悬停到图片上的时候显示的一段文字。
  • width  图片的宽。
  • height  图片的高。
  • 路径:

    路径分绝对路径和相对路径(一般用这个)。

    绝对路径:

      
    1. 以盘符开始的。(盘符就是电脑里的存储盘比如:c盘  f盘)
    2. 以http开始的。

    相对路径:(一般用这个

    1. 如果是同级关系可以输入图片的名字和位置进行直接引用。
    2. 如果在于当前页面同级的文件夹中输入文件夹的名字/图片的名字+后缀。
    • /  代表下级目录。
    • ../  代表上一级目录。
    • ./  代表当前目录
    • ../../代表上上级目录。

    下面这个表格作为例子:

    上午 星期一 星期二 星期三 星期四 星期五 星期六 星期日
    语文 数学 物理 政治 化学 语文 休息
    英语 体育 历史 地理 数学 生物
    数学 语文 体育 英语 政治 历史
    物理 化学 物理 英语 音乐 政治
    下午 历史 生物 英语 地理 物理 化学
    化学 数学 生物 语文 英语 地理
    英语 物理 生物 政治 历史 地理