`
刘朝雪
  • 浏览: 83675 次
  • 来自: 河北
社区版块
存档分类
最新评论

html属性之表格

    博客分类:
  • html
 
阅读更多

html表格

<html>

<body>

<p>每个表格由 table 标签开始。</p>
<p>每个表格行由 tr 标签开始。</p>
<p>每个表格数据由 td 标签开始。</p>

<h4>一列:</h4>
<table border="1">
<tr>
  <td>100</td>
</tr>
</table>

<h4>一行三列:</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
</table>

<h4>两行三列:</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

</body>
</html>

 

每个表格由 table 标签开始。

 

每个表格行由 tr 标签开始。

 

每个表格数据由 td 标签开始。

一列:

100

一行三列:

100 200 300

两行三列:

100 200 300
400 500 600

 

<html>

<body>

<h4>带有普通的边框:</h4>  
<table border="1">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

<h4>带有粗的边框:</h4>  
<table border="8">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

<h4>带有很粗的边框:</h4>  
<table border="15">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

</body>
</html>

带有普通的边框:

First Row
Second Row

带有粗的边框:

First Row
Second Row

带有很粗的边框:

First Row
Second Row

 

分享到:
评论

相关推荐

    表格 html 表格 html 表格 html

    表格在整个网页中的对齐方式可以通过`&lt;table&gt;`标签的`align`属性来设定,如`align="center"`可以让表格居中显示。 **示例**: ```html &lt;!DOCTYPE html&gt; &lt;html&gt; 表格在网页中对齐 单元格内容 单元格内容 ...

    HTML语言教案表格属性

    HTML语言中的表格属性是网页设计中的重要组成部分,用于创建和定制复杂的表格布局。这些属性使得开发者能够精确控制表格的外观和行为,以满足各种设计需求。以下是对标题和描述中提到的一些关键表格属性的详细解释:...

    html表格属性

    html表格属性,学习;你能通过这文档清楚了解html表格的用法!

    HTML表格属性讲解

    HTML表格属性讲解 HTML表格属性是HTML的基本组成部分,用于显示表格数据。表格属性可以控制表格的边框、背景颜色、单元格间距等多个方面。下面是HTML表格属性的详细讲解: 一、表格边框魔鬼教程 表格边框可以通过...

    html好看的表格

    HTML表格是一种常用的数据展示工具,尤其在网页设计中不可或缺。"好看的html表格"是指通过HTML语言,结合CSS样式,创建出既美观又功能强大的表格。本文将深入探讨如何利用HTML和CSS来创建一个吸引人的表格。 首先,...

    漂亮的表格css+html

    "漂亮的表格css+html"这个主题就是关于如何利用HTML和CSS技术来创建吸引人的表格。HTML(超文本标记语言)是网页内容的基础结构,而CSS(层叠样式表)则是用于美化这些结构的工具。以下将详细介绍这两个技术在创建...

    CSS属性之背景与表格

    5. **cellspacing** 和 **cellpadding**: 这两个HTML属性(非CSS)分别控制单元格间的边距和内部填充,但它们可以用CSS的`border-spacing`和`padding`替代。 6. **th, td**: 选择器用于单独设置表头单元格(`&lt;th&gt;`)...

    HTML5立体表格特效.rar

    在本案例中,这个属性可能被用于设置表格单元格的圆角,让表格看起来更现代、更友好。 3. **CSS3阴影效果**:CSS3的`box-shadow`属性用于添加阴影效果,可以指定水平偏移、垂直偏移、模糊半径和颜色等参数。这种...

    html中table的表格样式

    在HTML中,`&lt;table&gt;`元素...在实践中,可以利用`TAB.HTML`和`table.html`这两个文件进行实例研究,观察和修改不同的样式属性,以更好地理解和掌握HTML表格的样式设计。记住,不断实践和探索是提升HTML和CSS技能的关键。

    poi将word转换成html、样式 表格 图片处理

    在本案例中,我们关注的是如何使用Apache POI将Word文档转换为HTML格式,并且保持原有的样式、表格和图片。下面我们将详细介绍这个过程中的关键知识点。 1. **Apache POI简介** Apache POI 提供了Java API,使得...

    web程序设计 表格 其中包含table td td常见的属性

    本篇将详细阐述`&lt;table&gt;`、`&lt;td&gt;`(表格数据单元格)及其常见属性,帮助你更好地理解和应用这些基础知识。 首先,我们来了解`&lt;table&gt;`元素。`&lt;table&gt;`是HTML中定义表格的根元素,它包含了表格的整个结构,包括表头...

    jqGrid表格属性大全

    jqGrid是基于jQuery的表格控件库,它提供了许多有用的属性和方法来操作HTML表格。下面是jqGrid表格属性大全的详细介绍: Table对象 Table对象是jqGrid中的一个基本对象,表示HTML文档中的表,对于文档中每个标记,...

    一个对html表格分页的类

    HTML表格在展示大量数据时,如果不分页,用户可能需要滚动很长距离才能查看所有内容,这无疑降低了用户体验。为了改善这种情况,"一个对html表格分页的类" 提供了解决方案。这个类允许我们将已有的HTML表格转换为...

    html属性参考大全

    HTML 标记(Tag)的索引 页面(Page) 文件结构 语言字符集信息 背景色彩和文字色彩 ...移动属性的设置 外观设置 多媒体页面(Alternative Inline Elements) 嵌入多媒体文本 背景音乐 视频剪辑

    HTML对于表格的编写

    HTML表格是网页设计中不可或缺的一部分,它用于组织和展示数据,让信息更加清晰易读。在HTML中,我们使用`&lt;table&gt;`元素来创建表格,它由一系列相关的行`&lt;tr&gt;`、列`&lt;td&gt;`(或`&lt;th&gt;`表头单元格)组成。以下是对HTML...

    html中细线表格的做法

    在上面的代码中,我们使用了table标签的border属性将表格的边框设置为0,cellpadding属性将单元格的内距设置为0,cellspacing属性将单元格之间的空隙设置为1。这样,我们就可以实现一个简单的细线表格。 第二种方法...

    HTML完美动态表格(可编辑)

    6. **键盘导航**: Tab键切换允许用户在表格的不同单元格之间移动焦点,这是通过设置元素的`tabindex`属性并监听`keydown`事件实现的。而Enter键改变状态可能意味着执行特定操作,比如确认编辑或者在编辑模式和查看...

    vue+jq实现商城商品属性的添加以及生成表格并还原到前端展示sku列表

    在本文中,我们将深入探讨如何使用Vue.js和jQuery来实现一个商城商品属性的添加功能,以及如何生成表格并在前端展示SKU列表。这个功能对于电商网站来说至关重要,因为它允许用户选择不同商品属性组合,并实时查看...

Global site tag (gtag.js) - Google Analytics