H5-Lernreise – H5-Formular (7)-H5-Tutorial-php.cn

H5-Lernreise – H5-Formular (7)

黄舟

Freigeben： 2017-02-17 14:27:22

Original

1827 Leute haben es durchsucht

Tabellensyntax

Tabelle: Lebenslauftabelle

Captian: Tabellentitel

th: Tabellenzeilenkopf

tr : Tabellenzeile

td: Zelle

thead: Tabellenkopf

tfoot: Tabellenfuß

tbody: Tabellenkörper

col: Spalte Attribut

! ! ! Codebeispiel

Tabelle mit Titel

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body>
    <p>表格</p>
   <table border="1">
       <caption>表格</caption>
       <tr>
           <th>单元</th>
           <th>单元</th>
           <th>单元</th>
       </tr>
       <tr>
           <td>单元格1</td>
           <td>单元格2</td>
           <td>单元格3</td>
       </tr>
       <tr>
           <td>单元格1</td>
           <td>单元格2</td>
           <td>单元格3</td>
       </tr>
   </table></body></html>

Nach dem Login kopieren

Rendering

H5-Lernreise – H5-Formular (7)

Tabelle mit Beschriftung

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body>
    <p>表格</p>
   <table border="1">
       <caption>表格</caption>
       <tr>
           <th>单元</th>
           <th>单元</th>
       </tr>
       <tr>
           <td>
               <ul>
                   <li>香蕉</li>
                   <li>香蕉</li>
                   <li>香蕉</li>
               </ul>
           </td>
           <td>我要吃药</td>
       </tr>
   </table></body></html>

Nach dem Login kopieren

Rendering

H5-Lernreise – H5-Formular (7)

Zellenauffüllung

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body>
    <p>表格</p>
   <table border="1">
       <caption>表格</caption>
       <tr>
           <th>单元</th>
           <th>单元</th>
       </tr>
       <tr>
           <th>单元</th>
           <th>单元</th>
       </tr>
   </table>
    <br/>
    <table border="1" cellpadding="10">
        <caption>表格</caption>
        <tr>
            <th>单元</th>
            <th>单元</th>
        </tr>
        <tr>
            <th>单元</th>
            <th>单元</th>
        </tr>
    </table></body></html>

Nach dem Login kopieren

Rendering

H5-Lernreise – H5-Formular (7)

Zellenrand

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body>
    <p>表格</p>
   <table border="1">
       <caption>表格</caption>
       <tr>
           <th>单元</th>
           <th>单元</th>
       </tr>
       <tr>
           <th>单元</th>
           <th>单元</th>
       </tr>
   </table>
    <br/>
    <table border="1" cellspacing="10">
        <caption>表格</caption>
        <tr>
            <th>单元</th>
            <th>单元</th>
        </tr>
        <tr>
            <th>单元</th>
            <th>单元</th>
        </tr>
    </table></body></html>

Nach dem Login kopieren

Rendering

H5-Lernreise – H5-Formular (7)

Setzen Sie die Hintergrundfarbe der Zelle auf bgcolor und das Hintergrundbild auf Hintergrund

Tabellensyntax

Tabelle: Lebenslauftabelle

Captian: Tabellentitel

th: Tabellenzeilenkopf

tr: Tabellenzeile

td: Zelle

thead: Tabellenkopf

tfoot: Tabellenfuß

tbody: Tabellenkörper

col: Spaltenattribut

! ! ! Codebeispiel

Tabelle mit Titel

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body>
    <p>表格</p>
   <table border="1">
       <caption>表格</caption>
       <tr>
           <th>单元</th>
           <th>单元</th>
           <th>单元</th>
       </tr>
       <tr>
           <td>单元格1</td>
           <td>单元格2</td>
           <td>单元格3</td>
       </tr>
       <tr>
           <td>单元格1</td>
           <td>单元格2</td>
           <td>单元格3</td>
       </tr>
   </table></body></html>

Nach dem Login kopieren

Rendering

H5-Lernreise – H5-Formular (7)

Tabelle mit Beschriftung

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body>
    <p>表格</p>
   <table border="1">
       <caption>表格</caption>
       <tr>
           <th>单元</th>
           <th>单元</th>
       </tr>
       <tr>
           <td>
               <ul>
                   <li>香蕉</li>
                   <li>香蕉</li>
                   <li>香蕉</li>
               </ul>
           </td>
           <td>我要吃药</td>
       </tr>
   </table></body></html>

Nach dem Login kopieren

Rendering

H5-Lernreise – H5-Formular (7)

Zellenauffüllung

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body>
    <p>表格</p>
   <table border="1">
       <caption>表格</caption>
       <tr>
           <th>单元</th>
           <th>单元</th>
       </tr>
       <tr>
           <th>单元</th>
           <th>单元</th>
       </tr>
   </table>
    <br/>
    <table border="1" cellpadding="10">
        <caption>表格</caption>
        <tr>
            <th>单元</th>
            <th>单元</th>
        </tr>
        <tr>
            <th>单元</th>
            <th>单元</th>
        </tr>
    </table></body></html>

Nach dem Login kopieren

Rendering

H5-Lernreise – H5-Formular (7)

Zelle Zusätzlicher Rand

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body>
    <p>表格</p>
   <table border="1">
       <caption>表格</caption>
       <tr>
           <th>单元</th>
           <th>单元</th>
       </tr>
       <tr>
           <th>单元</th>
           <th>单元</th>
       </tr>
   </table>
    <br/>
    <table border="1" cellspacing="10">
        <caption>表格</caption>
        <tr>
            <th>单元</th>
            <th>单元</th>
        </tr>
        <tr>
            <th>单元</th>
            <th>单元</th>
        </tr>
    </table></body></html>

Nach dem Login kopieren

Rendering

H5-Lernreise – H5-Formular (7)

Stellen Sie die Hintergrundfarbe der Zelle auf bgcolor und das Hintergrundbild auf Hintergrund ein

Das Obige ist H5 Learning Journey-H5-Formular (7 ) Inhalt, achten Sie bitte auf die chinesische PHP-Website (www.php.cn), um weitere verwandte Inhalte zu erhalten!