javaweb html基础知识（表格篇）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javaweb html基础知识（表格篇），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1485字，纯文字阅读大概需要3分钟。

内容图文

img标签是图片标签，用来显示图片
src属性可以设置图片的路径
width属性设置图片宽度
height属性设置图片高度
border属性设置图片边框大小
alt属性设置当指定路径找不到图片时，用来代替显示的文本内容

在web中路径分为相对路径和绝对路径两种：
   相对路径：
    .      表示当前文件所在的目录
    ..     表示当前文件所在的上一级目录
    文件名        表示当前文件所在目录的文件，相当于 ./文件名   可以省略

  绝对路径：
    http://ip:port/工程名/资源路径

例：<img src="../img/gun.jpg" width="200" height="200" border="1" />
<img src="../img/robot.jpg" width="200" height="200" border="1"/>
<img src="../img/ak.jpg" width="200" height="200" border="1"/>
<img src="../img/ak5.jpg" width="200" height="200" border="1" alt="图片无法查看"/>

表格标签：
table 表格标签
border 表格标签
width 表格宽度
height 表格高度

tr 行标签
th 表头标签
td 单元格标签
b 加粗标签
align 设置单元格文本对齐方式
cellspacing 单元格间距

<table border="1" width="300" height="300" cellspacing="0">
    <tr>
        <th>1.1</th>
        <th>1.2</th>
        <th>1.3</th>
    </tr>
    <tr>
        <td>2.1</td>
        <td>2.2</td>
        <td>2.3</td>
    </tr>
    <tr>
        <td>3.1</td>
        <td>3.2</td>
        <td>3.3</td>
    </tr>
    
</table>


<!--跨行跨列(单元格合并使用)
colspan =" " 跨列
rowspan " " 跨行       " "里面设置行数列数

-->

<table border="1" width="300" height="300" cellspacing="0">
    <tr>
        <th colspan="2">1.1</th>
        <th>1.3</th>
    </tr>
    <tr>
        <td rowspan="2">2.1</td>
        <td>2.2</td>
        <td>2.3</td>
    </tr>
    <tr>
        <td>3.2</td>
        <td>3.3</td>
    </tr>
    <tr>
        <td>４.1</td>
        <td>４.2</td>
        <td>４.3</td>
    </tr>
    <tr>
        <td>５.1</td>
        <td>５.2</td>
        <td>５.3</td>
    </tr>

</table>

内容总结

以上是互联网集市为您收集整理的javaweb html基础知识（表格篇）全部内容，希望文章能够帮你解决javaweb html基础知识（表格篇）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端