简单网页设计之表格版

<body style=" background-color: #9FF"> //背景是蓝色的

<table class="taglist img" style="width:380px;; text-align:center;">        //这是一个表格式的：<table>是<tr>的上层标签<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签. <table>标示一个表格,<tr>标示这个表格中间的一个行 <td>标示行中的一个列,需要嵌套在<tr></tr>中间。
   //（例如：具体格式是：两行两列)
    <table>
    <tr>
    <td></td>
    <td></td>
    </tr>
    </teble>）

<tr>              //<tr>是一行里有几张图片
            <td>          //<td> 是一列里有几张图片
            <a href="./2012-12-26/1.JPG" target="_blank">
                <img src="./2012-12-26/zoom/1.JPG" width="80px" （图片长）height="100px"（图片宽） style="margin-right:20px;（图片间左右距离） margin-top:20px;（图片间上下距离）"/>
            </a>
            </td>
            <td>
                <a href="./2012-12-26/2.JPG" target="_blank">
                <img src="./2012-12-26/zoom/2.JPG" width="80px" height="100px" style="margin-right:20px; margin-top:20px"/>
                </a>
            </td>
            <td>
        <a href="./2012-12-26/3.JPG" target="_blank">
            <img src="./2012-12-26/zoom/3.JPG" width="80px" height="100px" style="margin-right:20px; margin-top:20px"/>
        </a>
            </td>
        </tr>

<tr>              //<tr>是一行里有几张图片
            <td>          //<td> 是一列里有几张图片
            <a href="./2012-12-26/1.JPG" target="_blank">
                <img src="./2012-12-26/zoom/1.JPG" width="80px" height="100px" style="margin-right:20px; margin-top:20px;"/>
            </a>
            </td>
            <td>
                <a href="./2012-12-26/2.JPG" target="_blank">
                <img src="./2012-12-26/zoom/2.JPG" width="80px" height="100px" style="margin-right:20px; margin-top:20px"/>
                </a>
            </td>
            <td>
        <a href="./2012-12-26/3.JPG" target="_blank">
            <img src="./2012-12-26/zoom/3.JPG" width="80px" height="100px" style="margin-right:20px; margin-top:20px"/>
        </a>
            </td>
        </tr>
    </table>

</div>

<div class="zt zt_j">
上一页
<a href="02.html">下一页</a> //链接到“下一页"的 "02.html"图片。点下一页就链接到下一图。
</div>

</body>
</html>

转载于:https://blog.51cto.com/zalej/1136419

简单网页设计之表格版相关推荐

HTML5期末大作业：花店购物网站设计——花店购物网站源码(27页) 学生动花店购物页设计模板下载植物大学生HTML网页制作作品简单网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:花店购物网站设计--花店购物网站源码(27页) 学生动花店购物页设计模板下载植物大学生HTML网页制作作品简单网页设计成品 dreamweaver学生网站模板常见网页设计作 ...
简单网页设计前端（入门）
简单网页设计前端(入门) 按照下面的成品设计网页: 其中包括: 文本框密码框提示文字单选按钮复选按钮上传文件上传图片等... <!DOCTYPE html PUBLIC &quo ...
网页设计用表格设计一个计算器界面用于小白入门安排
网页设计用表格设计计算器界面用于小白入门 <!DOCTYPE html> <html lang="en"> <head><meta ch ...
简单网页设计静态成品分享
最近做了很多原创的网页设计,都是简单的网页,采用的是divcss布局方式.页面整体宽度为1024px. 欢迎欣赏
html期末作业代码网页设计 web网页设计实例作业 ——中国风文化传媒企业官网(6页) 简单网页设计作业静态HTML文化主题网页作业
web网页设计实例作业 --中国风文化传媒企业官网(6页) 简单个人网页设计作业静态HTML文化主题网页作业常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. ...
简单网页设计（苍兰诀）html+css
暑假看了<苍兰诀>.真的上头!!!<苍兰诀>是真的好看!!! 所以这个的web作业就以这个为主题写了一个网页因为只学了几章的web,所以只用到了html+css 页面比较简单 ...
网页设计入门--表格
基本格式: <table> <caption>表头内容</caption> <tr>  <th scope=&qu ...
php动态网页设计(第2版),PHP动态网页设计（第2版）——使用PHP
一.php是如何使页面实现动态效果的. 当访问用PHP构建的网站时,它会启动以下事件序列. 1.浏览器向Web服务器发送一个请求. 2.Web服务器将请求提交给嵌入到服务器中的PHP引擎. 3.PHP ...
网页设计界面电脑版设计
转载于:https://www.cnblogs.com/archoncap/p/5489064.html

简单网页设计之表格版

简单网页设计之表格版相关推荐

最新文章

热门文章