基础表格

最新推荐文章于 2024-05-14 20:02:25 发布

Pluto-_-

最新推荐文章于 2024-05-14 20:02:25 发布

阅读量132

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/weixin_46439152/article/details/112743680

版权

基础表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格练习</title>
</head>
<body>
<!--
colspan：横着合并
rowspan：竖着合并
cellspacing:边框与边框之间的距离
cellpadding:边框与内容之间的距离
caption:定义表格标题
-->
   <table align="center" border="1" bordercolor="green">
        <tr>
            <td colspan="3"><img width="700" height="100" src="QQ图片20200515092656.jpg" ></td>
        </tr>
        <tr>
            <td>我的站点</td>
            <td align="right" colspan="2">
                <ins>请在这选择你需要的频道</ins>
                <a href="">首页</a>
                <a href="">教程</a>
                <a href="">视频</a>
                <a href="">购物</a>
                <a href="">音乐</a>
                <a href="">友情链接<sub>（百度）</sub></a>
            </td>
        </tr>
        <tr>
            <td>
                <h>
                    <strong>所有商品</strong>
                </h>
                <ol type="1">
                    <li>
                        <a href="">牛奶</a>
                    </li>
                    <li>
                        <a href="">咖啡</a>
                    </li>
                    <li>
                        <a href="">啤酒</a>
                    </li>
                    <li>
                        <del>茶（已经下架）</del>
                    </li>
                </ol>
            </td>
            <td>
                <h>
                    <strong>各大知识体系列表</strong>
                </h>
                <p>
                    前端语言
                    <ul type="none">
                    html5</br>
                    css3<br>
                    javascript<br>
            </ul>
                </p>
                <p>
                  服务器端语言
                    <ul type="none">
                node.js<br>
                JAVA<br>
                php<br>
            </ul>
                </p>
            </td>
            <td >
                <i>请扫描以下尚学堂二维码</i><br>
                <img src="www.as" alt="无法显示">
            </td>
        </tr>
        <tr>
            <td colspan="3" align="center">版权所有©北京尚学堂科技有限公司</td>
        </tr>
    </table>
    </body>
</html>

在这里插入图片描述

Pluto-_-

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
基础表格

基础表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格练习</title></head><body><!--colspan：横着合并rowspan：竖着合并cellspacing:边框与边框之间的距离cellpadding:边框与内容之间的距离caption:定义表格标题--
复制链接

扫一扫