美文网首页
HTML-创建一个简单的表格

HTML-创建一个简单的表格

作者: 钎探穗 | 来源:发表于2016-05-13 13:23 被阅读935次
  1. HTML-创建一个简单的表格
  2. HTML之表格
  3. HTMl-表格
  4. 12 创建表
  5. markdown创建简单表格
  6. HTML-表格（td）
  7. 五 HTML-表格
  8. html-表格
  9. Qt表格视图-简单表格
  10. html-图片/表格/表单
    11. <!doctype  html>
<html>
<head>
<title>~~~~</title>
<style>
body{font-family:Tahoma, Geneva;  
background-image:url(“~~.gif”);
background-attachment:fixed;      
<!--背景图像保持固定状态--> 
background-repeat:no-repeat;       
<!--背景图像不重复显示-->
    
height:100%;           <!--迫使浏览器将HTML页面视为一个块级元素，可自动填满所有可用空间-->
}

table{
height:200px;

width:200px;

float:right;
}

th{
background-color:black;

color:white;

width:33%;

padding:4px ;     <!--**单元格只能使用padding属性**-->

}

td{
padding:4px;       <!--单元格中内容若强制单行显示，使用white-space属性，并将值设置为nowrap-->
}

caption {
text-align:center;  caption-side:top;   <!--caption-side 用于指定将表格标题放在表格的那一边。text-align ：“.”是告诉浏览器与点号对齐-->
}

#first{
background-color:#999;
}

#second{
background-color:#ccc;
}

.center{
text-align:center;
}

.uppercase{
text-transform:uppercase;
}

</style>

</head>

<body>

<table border=1>     <!--border设置为1是打开所有内边框和外边框。为0则相反。
border-collapse：collapse关闭单元格边框之间的所有间距。
border-collapse：separate保持单元格边框之间间距。
border-spacing的属性值：如果定义两个，第一个是定义水平间距，第二个垂直间距。
如果定义一个，单元格的水平垂直间距都为此-->

<table rules=”rows”  frame=”box”>

< caption>~~~~~</ caption>    

<colgroup  id=”sessions”>      <!--使用colgroup元素和 col元素对列进行分组
-->
   
<col  id=”first”>
  
<col  id=”second”>

</colgroup>
 
<colgroup  id=”~~~”>
  
<col  id=”~~”>
   
<col  id=”~~”>
  
<col  id=”~~~”>

</colgroup>

<tr class=”uppercase”>      <!--tr表示表格中的行。
当命名CSS类时，请坚持使用能表明该CSS类用途的名称，而不是使用该类的样式特征作为名称-->

<th  colspan=”2”>~~~~~~~~</th>

<th  colspan=”3”>~~~~~~~</th>        <!--默认每个单元格只跨一个，使用colspan特性可以改变默认设置跨越多列，使用rowspan可以跨越多行-->

</tr>

<tr>

<th>~</th>   <!--th表示表格头，默认内容将居中粗体显示-->

<th><strong>~~</strong></th>     <!--strong元素使文本以粗体显示-->

<th><img  src=”~~”></th>

<th>~</th>

<td>~</td>   <!--td表示表格中数据，在单元格的<td>和</td>标记之间中输入非换行空格（&nbsp）表示表中包含无内容的空单元格，
如果表中包含大量空单元格，可以在<table>标记的样式声明中添加“empty-cell：show；”-->

</tr>

………..

</table>

<p>~~~~~~~~~</p>

</body>

</html>
    • 在表格中包含一个thead或者一个tfoot那么表格中必须包含一个tbody元素。

    相关文章

    • HTML-创建一个简单的表格

      在表格中包含一个thead或者一个tfoot那么表格中必须包含一个tbody元素。

    • HTML之表格

      一个简单表格的创建 创建一个HTML表格需要三个元素，这三个元素结合使用就可以创建一个HTML表格。第一个元素用来...

    • HTMl-表格

      一、表格介绍 table：代表是一个表格caption:表头，例如 商品库存表tr：每行td：每列名，左对齐th：...

    • 12 创建表

      在LaTeX中创建一个简单的表 下面是一个表的最简单的工作示例 表格环境是默认的LaTeX法来创建表格。 您必须为...

    • markdown创建简单表格

      研究了一下简书中的markdown中关于表格的语法，以下稍作总结： 1.表格 语法如下 效果如下 其中注意以下几点...

    • HTML-表格（td）

      1、简介：表格由 标签来定义。行 ,单元格 ,数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格...

    • 五 HTML-表格

      1、作用 以表格形式将数据显示出来，当数据量非常大的时候，表格这种展现形式被认为是最为清晰的一种展现形式。 2 、...

    • html-表格

    表格标签 ： 表格框架 ： 表格头部 ： 表格主体 ：表头- - -加粗居中 ：行 ：列...

  11. Qt表格视图-简单表格

    使用QTableView创建一个简单的表格视图并填充一些数据显示。 完整代码

  12. html-图片/表格/表单

    a标签的认识 ’#‘号跳转页面内锚点跳转外部网页跳转内部网页 a标签的伪协议 img的认识 img是一个单标签 ...

    13. 网友评论

        本文标题：HTML-创建一个简单的表格

        本文链接：https://www.haomeiwen.com/subject/xwtmrttx.html

        延伸阅读

        深度阅读

        • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

        栏目导航

        热点阅读

        关于我们|服务条款|联系我们|HTML-创建一个简单的表格|投稿指南|网站地图|RSS订阅|排版工具|手机版

        提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

        Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

        备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

        本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

        所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！