我的第六个网页制作:table标签

 1 <!doctype html>
 2 <html>
 3    <head>
 4    <meta charset="utf-8">
 5       <title>这是我的第五个html代码</title>
 6       <!--可以通过bgcolor关键字修改背景颜色-->
 7       <body bgcolor="#FF0000">
 8       <table border="1px" cellpadding="5px" cellspacing="5px">
 9       <!--
10       <caption>学生信息表</caption>
11       -->
12       <!--对齐方式不同,下面是下对齐方式,上面是上对齐方式-->
13       <caption align="bottom">学生信息表</caption>
14       <!--
15       <tr><th>姓名</th><th>年龄</th><th>性别</th><th>班级</th></tr>
16       <tr><td>张三</td><td>18</td><td>男</td><td>一班</td></tr>
17       <tr><td>李四</td><td>19</td><td>女</td><td>二班</td></tr>
18       <tr><td>赵五</td><td>20</td><td>男</td><td>三班</td></tr>
19       <tr><td>韩六</td><td>21</td><td>女</td><td>四班</td></tr>
20       -->
21       <tr><th>姓名</th><th>年龄</th><th>性别</th><th>班级</th></tr>
22       <!--行合并,合并两行-->
23       <tr><td>张三</td><td>18</td><td>男</td><td>一班</td></tr>
24       <tr><td colspan="2">李四</td><td>女</td><td>二班</td></tr>
25       <!--列合并,合并两列-->
26       <tr><td rowspan="2">赵五</td><td>20</td><td>男</td><td>三班</td></tr>
27       <tr><td>21</td><td>女</td><td>四班</td></tr>
28       </table>
29       </body>
30     </head>
31 </html>
时间: 2024-12-09 10:51:31

我的第六个网页制作:table标签的相关文章

web开发学习笔记(3):HTML表格制作——table标签以及th、td、tr标签的使用例子

//纯属新手学习笔记,仅供参考. 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http

网页制作常用标签

Hyper Text Markup Language超文本标记语言(超文本顾名思义超出文本,也就是不光有文字:还有音频.视频.等各种形式)简称:HTML 单标记双标记 <html></html>是双标记中间可以加内容,有开始和结束,代表网页. 里面有头部<head></head>作用为控制网页的布局效果和页面效果等. 还有主体<body></body>作用是显示网页的内容. <html>-------开始 <head

网页制作标准

网页制作标准概要 (程序员适用) 本文讨论的网页设计标准为WEB标准中典型的应用模式 "DIV+CSS". 希望大家只把这种应用模式当成结构表现分离,代码规范严格的优秀思想即可.建议大家要去消化而不是模仿,不管什么技术,什么口号,什么方法,我们的目的只有一个--我们要做到网页的最优化. 备注:"DIV+CSS"只是具体的实现技术手段,并不能涵盖web标准. 一.实施目的与效果 对于网站浏览用户 1. 文件下载与页面显示速度更快. 2. 内容能被手机访问到. 3. 用

子数涵数&#183;DW——网页制作的流程

PS:这是我很早以前的一个废掉的项目. 当时用的还是table排版,现在基本都是div了吧. 这个项目前段时间,我还抢救过一次,后来还是放弃了. 先行.网页制作的流程分为哪些呢? 一.网站策划(当时,我做的是一个ppt) 二.页面美工 1.小图绘制 2.整体图片 3.切割图片 三.网页制作 补充:后来抢救时的效果 1.index页面 2.main页面

《SEO在网页制作中的应用》视频笔记

学习了慕课网<SEO在网页制作中的应用>视频,今天将里面的知识整理一下. 一.SEO介绍 1.  搜索引擎工作原理 搜索引擎现在主流有百度.谷歌.360,他们都有庞大的搜索引擎数据库,每个关键字对应很多网址,搜索引擎爬虫从一个链接到另一个链接,分析提炼其中的内容,找到关键字,如果是重要的或是首次出现的内容,就会添加到搜索引擎数据库,如果是垃圾内容或是重复内日你给,爬虫就会略过.当用户(比如在百度)搜索信息时,搜索引擎就从数据库检索出与之相关的网址,然后展示给用户,因为一个关键字可以对应很多网址

Dreamweaver CS5网页制作教程

说到Dreamweaver这个网页制作神器,不由得想起在学校里上的选修课,那是的我们只知道 table 布局,只知道构建网站最方便的是使用"所见即所得"编辑器.回忆一下,真的是很怀旧啊! 虽说咱现在大部分时间都在用sublimeText和eclipse,但是想要入门web前端,Dreamweaver的学习是必不可少的,他能帮助我们了解最基本的页面构成,了解图片相关的特性,了解什么是页面样式.... 现在看Dreamweaver,他就是一个集成众多功能的编辑器,即使他有一些不太惹嫌的bu

影响SEO 搜索引擎优化的网页制作细节

1.将css与javascript全部用下边的方法分离到外部文件中去. [html]<link rel=”stylesheet” type=”text/css” href=”css/style.css” mce_href=”css/style.css” media=”all”/><script type=”text/javascript” src=”include/common.js” mce_src=”include/common.js”></script>[/htm

浅谈网页制作

在开发一个完整的网页之前,我们首先应该做好一些相关的准备,例如切片,布局,测量网页版心等.准备工作完成之后,我们就可以进行网页开发了. 测量网页尺寸大小的准确性可以直接影响最后网页的布局,所以尽量细心一些. 对于布局,我觉得最关键的一点是,对网页大局观的认识. 布局完成后我们就可以使用css来控制网页的样式: 对于每个网页的制作我想都有一些相同的全局样式 例如(*{margin:0;padding:0;list-style:none等等})一般情况下在做正式的网页开发我们一般不用*通配符因为它的

网页制作知多少

网页制作知多少 一.通用模板: <!DOCTYPE html> <html lang=”en”> <head> <meta  charset=”UTF-8”/> <title>文档标题</title> <link  rel="shortcut icon"  href="img\wujiaoxing.ico"/>       <!--设置标题图标--> </head&