Web第一次作业

#作业分析

本次使用table表格标签编写如下的效果

代码的实现:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>中国乒乓球员</title>

</head>

<body>

    <table border="1" cellpadding="10" cellspacing="0" width="800" >

        <tr height="80" bgcolor="#F88">

            <td align="center">类型</td>

            <td align="center">图片</td>

            <td width="80" align="center">名字</td>

            <td align="center">简介</td>

            <td width="100" align="center">世界排名</td>

        </tr>

        <tr>

            <td rowspan="4">中国乒乓球运动员</td>

            <td><img src="https://bkimg.cdn.bcebos.com/pic/a9d3fd1f4134970a304ee2944092c6c8a786c917f74d?x-bce-process=image/format,f_auto/watermark,image_d2F0ZXIvYmFpa2UyNzI,g_7,xp_5,yp_5,P_20/resize,m_lfit,limit_1,h_1080"

                width="300"></td>

            <td align="center">王曼昱</td>

            <td>绰号“鳗鱼”,1999年2月9日出生于黑龙江省齐齐哈尔市,是中国女子乒乓球运动员,现效力于中国国家乒乓球队。她自2008年开始接受专业训练,2013年入选国家二队,2016年进入国家一队。</td>

            <td align="center">第2位</td>

        </tr>

        <tr>

            <td><img src="https://bkimg.cdn.bcebos.com/pic/dc54564e9258d109b3de0a8c2700dbbf6c81800ae7ce?x-bce-process=image/format,f_auto/watermark,image_d2F0ZXIvYmFpa2UyNzI,g_7,xp_5,yp_5,P_20/resize,m_lfit,limit_1,h_1080"

                width="300"></td>

            <td align="center">王艺迪</td>

            <td>绰号“大迪”,王艺迪,1997年2月14日出生于辽宁省鞍山市,是中国女子乒乓球运动员,现效力于中国国家乒乓球队。</td>

            <td align="center">第4位</td>

        </tr>

        <tr>

            <td><img src="https://bkimg.cdn.bcebos.com/pic/0ff41bd5ad6eddc451da707ff483a1fd5266d11695a4?x-bce-process=image/format,f_auto/watermark,image_d2F0ZXIvYmFpa2UyNzI,g_7,xp_5,yp_5,P_20/resize,m_lfit,limit_1,h_1080"

                width="300"></td>

            <td align="center">王楚钦</td>

            <td>绰号“大头”,1999年出生于中国吉林省,是中国著名的乒乓球运动员。他从小展现出对乒乓球的极高兴趣,并在父亲的指导下开始接受专业训练。王楚钦在12岁时进入乒乓球职业青年队,开始了他的职业生涯。</td>

            <td align="center">第1位</td>

        </tr>

        <tr>

            <td><img src="https://bkimg.cdn.bcebos.com/pic/562c11dfa9ec8a136327f3867754868fa0ec08fa6a07?x-bce-process=image/format,f_auto/watermark,image_d2F0ZXIvYmFpa2UyNzI,g_7,xp_5,yp_5,P_20/resize,m_lfit,limit_1,h_1080"

                width="300" ></td>

            <td align="center">孙颖莎</td>

            <td>绰号“小豆包”,2000年11月4日出生于河北省石家庄市,国际级运动健将,中国女子乒乓球运动员。效力于中国国家乒乓球队,现女单世界第一。</td>

            <td align="center">女单第1位</td>

        </tr>

    </table>

</body>

</html>

网页分析:网页标题为中国乒乓球员。内容仅包含一个关于4位中国乒乓球员简介及图片。

总结:合并某几行或几列单元格时需要注意之后的行或列中单元格所在位置的改变。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容