1. 程式人生 > >jsp表格中的 用法

jsp表格中的 用法

<hr>:在下面一行加上一條黑線


<br>:換行


<p>: 標籤定義段落。元素會自動在其前後建立一些空白。瀏覽器會自動新增這些空間,您也可以在樣式表中規定。


<b>: 標籤規定粗體文字。


<tr>: 一行
<td>: 一列

表格是html中經常使用到的,簡單的使用可能很多人都沒問題,但是更深入的瞭解的人恐怕不多,下面我們先來看一下如何使用。

<tr>必須定義在<table></table>裡面,表示一行;

<td>必須定義在<tr></tr>裡面,表示一列;

<table bgcolor="9999dd" border="1">
   <tr>
     <td>第一行第一列</td>
     <td>第一行第二列</td>
   </tr>
   <tr>
     <td>第二行第一列</td>
     <td>第二行第二列</td>
   </tr>
</table>
注意:上面這些不能寫在腳本里,即不能寫在<%   %>裡面

<table>是<tr>的上層標籤
<tr>必須在一個<table></table>裡面,它不能單獨使用,相當於<table>的屬性標籤.  
<table>標示一個表格,<tr>標示這個表格中間的一個行  
<td>標示行中的一個列,需要巢狀在<tr></tr>中間

具體格式是:(兩行兩列)  
<table>  
<tr>  
<td></td>  
<td></td>  
</tr>  
</teble>

<th>和<td>一樣,也是需要巢狀在<tr>當中的,<tr>巢狀在<table>當中

<table>...</table> 用於定義一個表格開始和結束

<th>...</th> 定義表頭單元格。表格中的文字將以粗體顯示(<TH>與<TD>同樣是標示一個儲存格,唯一不同的是<TH>所標示的儲存格中的文字是以粗體出現,即可以這樣看:
<th>文字</th>=<td><b>文字</b></td>
),
在表格中也可以不用此標籤,<th>標籤必須放在<tr>標籤內

<tr>...</tr> 定義一行標籤,一組行標籤內可以建立多組由<td>或<th>標籤所定義的單元格

<td>...</td> 定義單元格標籤,一組<td>標籤將將建立一個單元格,<td>標籤必須放在<tr>標籤內


。<th>為表格標題,屬性summar為摘要,<caption>標籤為首部說明,<thead>標籤為表格頭部,<tbody>標籤為表格主體內容,<tfoot>標籤為表格尾部。
其中還可以使用scope 可用於取代headers屬性,標記含有表頭資訊的單元格,其中各數值的內容如下:
 row 指示當前單元格,為包含當前單元格的行提供相關的表頭資訊。
 col 指示當前單元格,為根據當前單元格指定的列提供相應的表頭資訊。
 rowgroup 指示當前單元格,為包含當前單元格的其餘行組提供相關的表頭資訊。
 colgroup 指示當前單元格,為根據當前單元格指定的其餘列組提供相應的表頭資訊。
abbr 用於定義表頭單元格中的縮寫名,如果沒有定義該屬性,則將預設單元格內容為節略形式。
標準表格模型
 <table>
        <caption></caption>
        <thead>
            <tr>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td></td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td></td>
            </tr>
        </tfoot>
    </table>

相關:

<th>不光是粗體,還是居中的
<caption>也是居中的,而且如果table有border的話則caption不在border之內
TFOOT 元素內包含的有效標籤有:  
TD  
TH  
TR  

任何給定的 table 物件都只能定義一個 tFoot

轉載自:http://blog.sina.com.cn/s/blog_6e601baf01011kwo.html點選開啟連結

相關推薦

jsp表格用法

<hr>:在下面一行加上一條黑線 <br>:換行 <p>: 標籤定義段落。元素會自動在其前後建立一些空白。瀏覽器會自動新增這些空間,您也可以在樣式表中規定。 <b>: 標籤規定粗體文字。 <tr>: 一行 <

JSPtable表格的文字自動換行

style="display:inline-block;width:300px;word-wrap:break-word;white-space:normal" <span></span> style樣式+span標籤 <td align="left"

html表格的tr td th用法

表格是html中經常使用到的,簡單的使用可能很多人都沒問題,但是更深入的瞭解的人恐怕不多,下面我們先來看一下如何使用。 <table>是<tr>的上層標籤<tr>必須在一個<table></table>裡面,它不能單獨使用,相當於<table

jspresponse.sendRedrect和jsp:forward的用法和區別

response.sendRedirect()會在客戶端呈現跳轉後的URL地址;(可以執行後面的語句eg:Request.jsp)這種稱為客戶端跳轉,使用response.sendRedirect()

jsp 讀取table表格資料,並封裝成JSON陣列,用AJAX方式傳到後臺

//讀取table中的資料,並裝成陣列物件 //定義一個數組 var billData = []; //獲取選中的複選框 $(":checkbox[name='bill']").each(function(){ var bi

jsp設計動態表格的設計

在J2EE設計 中 對明細表的操作,比較多用到的一個js,就是表的動態新增和刪除,以及表資料內的數值運算.其實這些都不能,唯一要考慮的就是如何去動態的處理.1.建一個表框架,其實就是表頭,列出表的第一行,顯示細表的資料項名稱<table width="200" bord

c# 用Aspose.word讀寫word表格某個單元格的用法

一、Aspose.word改寫word表格中某個單元格的值 用Aspose.word來讀寫word文件方便快捷,比c#自帶的讀寫word文件的類庫好用很多,網上很多都是迴圈給單元格賦值,這裡我給出改寫或直接給某個單元格賦值的方法: 1、引用(Aspose.Words.dl

jsp頁面,動態調用系統時間的實現

簡單 char ext fonts get har interval sso 星期 在做WEB項目時,經常會須要 在頁面中顯示當前時間,以下介紹一個簡單的調用系統時間的方法,效果如圖: 在頁面中插入以下代碼即可了 <div id="time"&

jsp頁面使用javascript獲取後臺放在request或session的值

jsp頁面 方式 attr 使用 con setattr track ava dsm 在JSP頁面中。常常使用javascript,可是要出javascript獲取存儲在request,session, application中的值。例如以下是獲取request中的值:

css表格的border-spacing

使用 建立 創建 結構 折疊 之間 單元 spa html border-spacing:10px表示表格單元格之間增加10px的空間,另外在邊界周圍也會增加10px的空間。而且表格的這10px的空間不會與div的外邊距折疊,它會直接累加,如果與表格相鄰的div 的外邊距為

Java 從數據庫查找信息導入Excel表格

多結果 tput session false 狀態 結果 mmu call excel表格 前端js function Excel (){ //ajax請求 $.ajax({ url : "outPutAboutShopInf

table表格文字超出顯示省略號

overflow ops nbsp wrap 標簽 內容 over -m hit 第一步: table {table-layout:fixed;}列寬由表格寬度和列寬度設定,不隨文字多少變化 第二步: td { white-space:nowrap;/*文本不會換行,文本會

案例:在表格進行新增一行與刪除一行

ren 鏈接 默認 mage button 進行 cli ytd 超級鏈接 1.情況    2.思路   /*     * 為 #employeetable 的所有的 a 節點添加 Onclick 響應函數:     * 1. 彈出確認對話框: 確定要刪除 xx 的信息

Jsp頁面的中文亂碼問題解決

pan 格式 align 編碼格式 聲明 pro tty Coding enter Jsp頁面中的中文亂碼問題解決 在編寫Jsp頁面的時候,發現寫入其中的中文在瀏覽器瀏覽的時候會出現亂碼的情況。 出現亂碼的原因分析: 因為頁面中對自己的編碼格式的聲明和頁面的實

thymeleaf switch在表格的使用,遇到的空行問題

表格 一位 bsp max hidden 在外 data 小數 輸入 switch在表格中的使用時 如果把<td>寫在<div th:switch="${data.isShow}"> 裏面導致外面出現很多空的<div><p>&

HTML在表格添加echarts圖表

charts tab char echarts 圖表 inline body .get dom 在HTML的table中,只要將需要插入echarts圖表的格子設定為明確的寬高(不能為百分比),並賦予一個id,就可以插入echarts圖表。

jQuery獲取動態表格checkbox被選中一行的屬性數據

jquery table tr 表格 動態 http://www.jianshu.com/p/0ec66caf4c40 jQuery獲取表格中checkbox被選中一行的屬性數據jQuery獲取動態表格中checkbox被選中一行的屬性數據

26)PHP,數據庫表格項的數據類型

com 最長 .cn char ges spa alt png mage 類型展示: tinyint-----1個字節 smallint----2個字節 mediumint--3個字節 int------4個字節 bigint---8個字節 1 字符串類型 2 最

jsp頁面日期的格式化

height inpu size onf lan ret code 但是 focus 在一次開發中,由於數據庫中生日采用的是datetime的數據類型,因此數據庫中數據格式為:2017-07-11 00:00:00。但是,編輯頁面中回顯生日肯定是不可以顯示出

java循環取出word table表格所有的值

word//往表格裏面插入值或者打開表格填寫<%@ page language="java" import="java.util.*, java.awt.*" pageEncoding="gb2312"%><%@page import="com.zhuozhengsoft.pageoffic