HTML基础知识 table中 th,td,tr

https://www.2cto.com/kf/201711/701872.html

table是一个布局神器,之前看过很多代码,都是用table布局的。但是,我在学习的过程中,发现table有很迷的三个宝宝,他们是tr,th以及td;

tr:这是表中的“行”。每一行是一个tr(table row)。

th:这是表头,也就是每一列的标题(table head)。

td:这是表的每一个单元格

thtd的区别是:th内部的文本样式为居中+粗体td 内的文本样式为左对齐+普通文本

例(一个三行两列的表格)

?


1

2

3

4

5

6

7

8

9

10

11

12

13

14

<table border = "1px">

    <tr>

        <th width = "100px">姓名</th>

        <th width = "100px">职业</th>

    </tr>

    <tr>

        <td>Java君</td>

        <td>程序猿</td>

    </tr>

    <tr>

        <td>PHP君</td>

        <td>程序猿</td>

    </tr>

<table>

代码运行结果:

原文地址:https://www.cnblogs.com/czlovezmt/p/9771030.html

时间: 2024-08-29 17:32:53

HTML基础知识 table中 th,td,tr的相关文章

javascript做的一个根据table中某个td的值为日期时的倒计时

JavaScript代码: <script> window.onload = window.onload = function () { getTdValue(); } //根据传过来的天数(day)和日期(datatime),返回在传入日期上加上天数后的日期.如:day=2.datatime=2018/3/7 11:28:09,那么返回的日期就是2018/3/9 11:28:09 function showTime(day, datatime) { var dayTime = day * 2

table中的td自动换行

总有那么几个时候会觉得,table的td不能自适应换行真坑,凭什么只能用tr来换行,经常数据都是连在一起的呀,你叫我怎么把它拆分放到tr里...... 那能不能用ul和li来替换?可以是可以,不过有时遇到"牛逼"的领导你能怎么办,就要用table怎么办!就问你怎么办!!! 那就把tr当ul,td当li用咯! 1.效果图: 2.这是重置样式normalize.css代码: /** * Correct `block` display not defined in IE 8/9. * * 修

20151024_004_C#基础知识(C#中的访问修饰符,继承,new关键字,里氏转换,is 和 as,多态,序列化与反序列化)

1:C#中的访问修饰符 public: 公共成员,完全公开,没有访问限制. private: 私有的,只能在当前类的内部访问. protected: 受保护的,只能在当前类的内部以及该类的子类中访问. internal: 只能在当前项目中访问,在同一个项目中,internal和public的权限是一样的. protected internal: protected + internal权限. 1.1:能够修饰类的访问修饰符只有两个: public / internal 1.2:接口中的成员不允许

table中某一个tr边框样式设置

<html> <head> <style type="text/css"> table{ width:500px; } table tr td{ border-top:#FF0000 solid 1px; width:50%; background-color:#00CC33; text-align:center; line-height:24px;} </style> </head> <table border=&qu

让table中的td不会被过长的文字撑开,并且自动出现省略号

<style type="text/css"> table {width:600px;table-layout:fixed;} td {white-space:nowrap;overflow:hidden;word-break:keep-all;text-overflow:ellipsis} </style> <table border=1 > <tr> <td width="30%">dd</td&

jquery循环table中tbody的tr中input:text,将值进行拼接传入控制器并返回状态和描述

引用jquery $(function(){ $("#按钮id").click(function(){ var nums="";//变量 $("#table的id tbody tr").each(function(){ var num1=$(this).find("input:text:eq(0)").val(); var num2=$(this).find("input:text:eq(1)").val(

CSS 基础知识(中)

例如: H3{ COLOR : BLUE }中,H3为挑选者,COLOR为性质,BLUE为COLOR性质的值. 二.基本单位的认识: 有相对单位与绝对单位两种单位 表达方式. 相对单位: 『em』:相对於字母高度的比例因子. 『en』:相对於字型大小的比例因子. 『%』:相对於长度单位(通常是目前字型的大小)的百分比例. 绝对单位: 『in』:英寸. 『cm』:公分. 『mm』:公厘. 『px』:像素(系统预设单位). 『pc』:pica,印刷活字单位. 『pt』:像点. 相对关系:1in= 6

当table中的td内容过多,显示不完全,用省略号表示。

.format{ min-width:100px; max-width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 首先需要设置表头宽度,然后在需要的内容过长用省略号表示的td上加上class="word"即可,好像是要加到td上,不能加到th上,具体可以试下

3.1.6 、Google Tag Manager基础知识——GTM中传输数据的模型

GTM中的数据传输模型大体分为两种,一种是代码直接发送给GA,如默认跟踪代码的形式,自定义HTML的形式,通常这种形式的触发器会是All Pages:一种是代码-触发器的形式,即触发器促发了才发送给数据,通常触发器是通过用户单击(单击事件)或页面主动推送自定义事件. 根据触发器触发的类型,也可以分成两种,一种是触发器直接定位,如ga-data,元素定位法等,另一种是需要页面主动推送自定义事件的形式,如虚拟页面跟踪,增强型电子商务等. 原文地址:https://www.cnblogs.com/ic