Html學習之十七（表格與表單學習--排行版制作）

阿新 • • 發佈：2019-03-31

com blue float tab -- 分享圖片 sandy ng- 排行

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>表格與表單01</title>
        <style>
            table{
                width: 300px;
                height: 40px;
                margin: 100px auto;
                border-collapse 
: collapse;
            }
            .th2{
                float: left;
                padding-top: 5px;
                padding-bottom: 5px;
            }
            .th1{
                background: darkblue;
                color: sandybrown;
                padding: 5px 20px;
            } 

            .th4{
                background: darkblue;
                color: #5F9EA0;
                padding: 5px 20px;
            }
            .th3{
                background: #4682B4;
                color: #5F9EA0;
                padding: 5px 20px;
            }
            .box1{
                width 
: 15px;
                height: 15px;
                background: orange;
                padding: 1px 2px;
                float: left;
                color: #FFFFFF;
            }
            .box2{
                width: 15px;
                height: 15px;
                background: #A9A9A9;
                padding: 1px 2px;
                float: left;
                color: #FFFFFF;
            }
        </style>
    </head>
    <body>
        <table>
            <tr>
                <th colspan="2" class="th1"><span class="th2">排名隊名</span></th>
                <td class="th1">勝/負</td>
                <td class="th1">勝差</td>
            </tr>
            <tr>
                <th colspan="2" class="th3"><span class="th2"><div class="box1">1</div>&nbsp;&nbsp;y-猛虎</span></th>
                <td class="th3">23/9</td>
                <td class="th3">0.0</td>
            </tr>
            <tr>
                <th colspan="2" class="th4"><span class="th2"><div class="box1">2</div>&nbsp;&nbsp;y-雄鹿</span></th>
                <td class="th4">20/9</td>
                <td class="th4">1.5</td>
            </tr>
            <tr>
                <th colspan="2" class="th3"><span class="th2"><div class="box1">3</div>&nbsp;&nbsp;步行者</span></th>
                <td class="th3">20/11</td>
                <td class="th3">2.5</td>
            </tr>
            <tr>
                <th colspan="2" class="th4"><span class="th2"><div class="box2">4</div>&nbsp;&nbsp;76人</span></th>
                <td class="th4">20/12</td>
                <td class="th4">3.0</td>
            </tr>
            <tr>
                <th colspan="2" class="th3"><span class="th2"><div class="box2">5</div>&nbsp;&nbsp;凱爾特人</span></th>
                <td class="th3">18/11</td>
                <td class="th3">3.5</td>
            </tr>
            <tr>
                <th colspan="2" class="th4"><span class="th2"><div class="box2">6</div>&nbsp;&nbsp;活塞</span></th>
                <td class="th4">14/14</td>
                <td class="th4">7.0</td>
            </tr>
            <tr>
                <th colspan="2" class="th3"><span class="th2"><div class="box2">7</div>&nbsp;&nbsp;y-黃蜂</span></th>
                <td class="th3">14/15</td>
                <td class="th3">7.5</td>
            </tr>
            <tr>
                <th colspan="2" class="th4"><span class="th2"><div class="box2">8</div>&nbsp;&nbsp;魔術</span></th>
                <td class="th4">14/15</td>
                <td class="th4">7.5</td>
            </tr>
            <tr>
                <th colspan="2" class="th3"><span class="th2"><div class="box2">9</div>&nbsp;&nbsp;熱火</span></th>
                <td class="th3">13/16</td>
                <td class="th3">8.5</td>
            </tr>
            <tr>
                <th colspan="2" class="th4"><span class="th2"><div class="box2">10</div>&nbsp;&nbsp;籃網</span></th>
                <td class="th4">14/18</td>
                <td class="th4">9.0</td>
            </tr>
            <tr>
                <th colspan="2" class="th3"><span class="th2"><div class="box2">11</div>&nbsp;&nbsp;奇才</span></th>
                <td class="th3">12/19</td>
                <td class="th3">10.5</td>
            </tr>
            <tr>
                <th colspan="2" class="th4"><span class="th2"><div class="box2">12</div>&nbsp;&nbsp;尼克斯</span></th>
                <td class="th4">9/23</td>
                <td class="th4">14.0</td>
            </tr>
            <tr>
                <th colspan="2" class="th3"><span class="th2"><div class="box2">13</div>&nbsp;&nbsp;騎士</span></th>
                <td class="th3">8/23</td>
                <td class="th3">14.5</td>
            </tr>
            <tr>
                <th colspan="2" class="th4"><span class="th2"><div class="box2">14</div>&nbsp;&nbsp;老鷹</span></th>
                <td class="th4">7/23</td>
                <td class="th4">15.0</td>
            </tr>
            <tr>
                <th colspan="2" class="th3"><span class="th2"><div class="box2">15</div>&nbsp;&nbsp;公牛</span></th>
                <td class="th3">7/24</td>
                <td class="th3">15.5</td>
            </tr>
        </table>
    </body>
</html>

結果：

技術分享圖片

Html學習之十七（表格與表單學習--排行版制作）

com blue float tab -- 分享圖片 sandy ng- 排行 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

Html學習之十六（表格與表單學習--課程表制作）

居中 htm meta rowspan title 結果 utf-8 使用 class <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

Html學習之十五（盒模型）

eight padding 分別是邊距分享圖片使用 css盒子模型外邊距學習　　Web頁面中的每一個元素都是一個盒模型，CSS中使用盒模型來描述一個元素。CSS盒子模型又稱框模型，它包含四個邊界，分別是外邊距邊界(Margin)、邊框邊界(border)、內邊距

ES6-----學習系列十七（Decorator）

col 修飾符 script hello fun only 概念 new ret Decorator就是修飾器的意思一、概念　　修飾器是一個函數，用來修改類的行為（註意：1、函數 2、修改行為 3、對類進行操作）　　1、只讀的修飾器 { let reado

深度學習之數學基礎（概率與統計）

3-1、為什麼使用概率？概率論是用於表示不確定性陳述的數學框架，即它是對事物不確定性的度量。在人工智慧領域，我們主要以兩種方式來使用概率論。首先，概率法則告訴我們AI系統應該如何推理，所以我們設計一些演算法來計算或者近似由概率論匯出的表示式。其次，我們可以用概率

C# 學習之接口（寫給自己，沒有權威，歡迎糾正）

教程 pub oid 沒有命名自己特性 face 但是重新學習了C#的三大特性，發現接口一直沒有使用，都快忘了，廢話不說，這裏沒有代碼，主要是描述給我自己看的（主要是網上的教程都是W3的，沒有什麽口語化的描述） 1、接口是需要實例的，在使用的時候一定要實例　

機器學習之模型選擇（K折交叉驗證，超引數的選擇）

來源： https://www.cnblogs.com/jerrylead/archive/2011/03/27/1996799.html 對於解決同一個問題，如怎麼選擇模型去擬合線性迴歸中只有一個特徵時房價預測問題，如可能有不同的模型去解決，如： 1、d = 1，h（

HTML表格與表單

表格標籤table tr 代表一行 td 代表一列，以下是一個一行兩列的標籤 <table> <tr> <td></td> <td></td> </tr> </table> tr不能設

前端筆記—從入門到墳墓[HTML+CSS][表格與表單]

表格 <table>標籤常用屬性：cellspacing設定單元格之間的距離，cellpadding設定單元格內容到單元格邊的距離，border設定單元格邊框寬度。注：以上屬性單位皆為px。 <td>標籤常用屬性：colspan設定

Android stdio 學習之 Intent 類（啟動外部瀏覽器或實現頁面元件跳轉）

首先 1.確保已經安裝好了Android stdio 環境 2.瞭解Intent類是什麼詳情可檢視網址：https://developer.android.com/guide/components/intents-filters 說白了，Intent就是一個捆綁各個

JVM高手之路七（tomcat調優以及tomcat7、8效能對比）

因為每個鏈路都會對其效能造成影響，應該是全鏈路的修改壓測（ak大神經常說全鏈路）。本次基本就是區域網，所以並沒有怎麼優化，其實也應該考慮

13、Semantic-UI之表格與表單

title pre election 20px add 亮顯 3.5 set tex 13.1 定義基礎樣式表格 ??在HTML中可以通過table進行表格定義，在Semantic-UI中也可以通過class="ui table"定義表格。示例：定義基

8.機器學習sklearn---多項式迴歸（房價與房屋尺寸關係的非線性擬合）

1.基本概念多項式迴歸(Polynomial Regression)是研究一個因變數與一個或多個自變數間多項式的迴歸分析方法。如果自變數只有一個時，稱為一元多項式迴歸；如果自變數有多個時，稱為多元多項式迴歸。 1.在一元迴歸分析中，如果依變數y與自變數x的關

7.機器學習sklearn-------線性迴歸（房價與房屋尺寸關係的線性擬合）

1.基本概念線性迴歸(Linear Regression)是利用數理統計中迴歸分析，來確定兩種或兩種以上變數間相互依賴的定量關係的一種統計分析方法。線性迴歸利用稱為線性迴歸方程的最小平方函式對一個或多個自變數和因變數之間關係進行建模。這種函式是一個或多個稱為回歸係數的

2017/10/12 表格與表單

www. pass 文本 action 文本框 ble submit checked col 1 2 文本框文本域男

三十三、python學習之Flask框架(五)模板:WTF表單、CSRF跨站請求偽造、模板特有函式&變數

一、WTF表單: 1.web表單: Web 表單是 Web 應用程式的基本功能。預設開啟CSRF保護功能它是HTML頁面中負責資料採集的部件。表單有三個部分組成：表單標籤、表單域、表單按鈕。表單允許使用者輸入資料，負責HTML頁面資料採集，通過表單將使用者輸入的資料提交給伺服器

第二章：表格與表單

文章目錄第一節：表格的使用 ==表格table== ==一個最簡單的表格== ==使用style標籤編寫樣式== ==常用顏色程式碼== 第二節：製作報銷表

css複習——表格與表單

0719 表格表格標籤： table 表格 thead 表格頭 tbody 表格主體 tr 表格行 th 元素定義表頭 td 元素定義表格單元表格樣式重置： table{border-collapse:collapse;} /*

python學習第二十七天（HTML之表單標籤）

form表單標籤表單用於向伺服器傳輸資料。表單能夠包含 input 元素，比如文字欄位、複選框、單選框、提交按鈕等等。表單還可以包含textarea、select、fieldset和 label 元素。表單屬性 HTML 表單用於接收不同型別的使用者輸入，使用

Python學習筆記（十五）——自動傳送對應郵件（表格與郵件）練習

從Excel 電子表格中讀取資料。找出上個月沒有交費的所有會員。找到他們的電子郵件地址，向他們傳送針對個人的提醒。這意味著程式碼需要做到以下幾點: 用openpyxl 模組開啟並讀取Excel 文件的單元格(處理Excel 檔案參煤建立一個

Html學習之十七（表格與表單學習--排行版制作）

相關推薦