实训9.4.前端:表格tr,td,th,表格属性

<table border="1" cellspacing="10" cellpadding="10" bgcolor="red">

<tr>

  <th align="left">首列</th>

</tr>

<tr>

  <td></td>//行里的单元格

</tr>//行

</table>

注释:

table是表格,最外面包括着的标签。

tr是行,有几个就是几行,包括着td标签

td是列,行里的单元格

th是加粗行的列的开头,同td的位置一样,都是被td包

border是table属性,代表边框,数字为0,就没有边框,数字越大,边框越宽

cellspacing是单元格之间的间距

cellpadding是单元格和外边框的距离

bgcolor是背景颜色

align是位置

详细

https://blog.csdn.net/Allisa_yan/article/details/88427861

原文地址:https://www.cnblogs.com/xtxt1127/p/11470194.html

时间: 2024-08-30 02:15:45

实训9.4.前端:表格tr,td,th,表格属性的相关文章

关于html中table表格tr,td的高度和宽度

做网页的时候精到会遇到各种各样的问题,经常遇到的一个就是会碰到表格宽度对不齐的问题. 首先,来分析一下这三个标签中height和width的区别: 1.table中的width和height设置及其作用:table中设置的height其实是设置个最小值,也就是当表格中的内容或者行高总值超过这个设置值时,会自动延长表格的height值,当表格中的内容或者行高没有达到这个值时,会自动扩大到这个值.table中设置的width值一般为表格宽度的最大值,不能改变,即使内部的内容宽度超过也不能改变.(这个

实训9.4.前端:js script放在head跟body里面的区别

在head中时,所代表的functions只加载而不执行,执行是在某一事件触发后才开始. 在body中时,直接加载并执行 典型区别:如果有不在函数中的执行语句,比如变量初始化,如果在head中就不会执行. 原文地址:https://www.cnblogs.com/xtxt1127/p/11470216.html

实训9.5.前端:CSS Id 和 Class

CSS Id 和 Class id 和 class 选择器 如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义. 以下的样式规则应用于元素属性 id="para1": 实例 #para1 { text-align:ce

html表格中的tr td th用法

表格是html中经常使用到的,简单的使用可能很多人都没问题,但是更深入的了解的人恐怕不多,下面我们先来看一下如何使用. <table>是<tr>的上层标签 <tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签. <table>标示一个表格,<tr>标示这个表格中间的一个行 <td>标示行中的一个列,需要嵌套在<tr></tr>中

企业实训收获之--web前端设计

这周系里安排了企业实训,该企业是北京金源万博公司,旗下两个子公司一个是开发接项目的,一个是IT培训的.这两天给我们上课的是开发部的一个技术人员.他这两天给我们主要讲的是web前端的设计.下面来和大家分享一下这两天的收获. 任务一:点击标题,使隐藏内容下滑出现. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra

jQuery操作表格,table tr td,单元格

jQuery操作表格,table tr td,单元格 乔乐共享jQuerytable单元格表格 最终效果图:  .td_back_color { background-color: red; } .td_center { text-align: center; font-weight:bold; } <table id="tbl_count"> <caption>2013春节聚会收支统计</caption> <tr> <th>

HTML 表格&lt;table&gt;&lt;caption&gt;&lt;th&gt;&lt;tr&gt;&lt;td&gt;&lt;thead&gt;&lt;tbody&gt;&lt;tfoot&gt;&lt;col&gt;&lt;colgroup&gt;

<table>标签: 定义和用法: <table>标签定义HTML表格. 简单的HTML表格由table元素以及一个或多个tr.th或td元素组成. tr元素定义表格行,th元素定义表头,td元素定义表格单元. 可选的属性: 1.border 值:pixels       规定表格边框的宽度. 2.cellpadding 值:pixels或%     规定单元边沿与内容之间的空白. 3.cellspacing   值:pixels或%   规定单元格之间的空白. 4. frame

10天实训(java web)

一.html基本标签 html是一种网页制作语言,.其实html跟java和其他语言差不多,都有自己的语言表达形式,就是通过标签形成的.标签又有单标签和双标签两种,理解起来还是比较容易的,纯属记忆,主要要在于什么时候用,用在哪里,这样才会显示出更美观的页面. 1.html基本模式 <html> <head> <title>网页标题</title> </head> <body> <p>我的第一个网页文档</p>

WEB前端开发学习----2.HTML表格table标签

[html] view plaincopy css没用流行之前,网页都是用表格,也就是table标签制作的.虽然现在不用table做网页了,但是我们还是应该掌握这个标签.</span> 先给出最表格的基本格式: [html] view plaincopy <table> <tr> <tb> </tb> </tr> <table> 其中<tr>为行标签,即表格的行.<td>为单元格数据标签.也就是说一