BOBYの一部を形成する - HTML - コードワールド

エッセイやレコードは、仲間の旅行者へのアクセスを容易にします。

＃私------------------------------------------------ -------------------------------------------分割線は残念です

<！DOCTYPE HTML> 
<HTML LANG = " EN " > 
<HEAD> 
    <METAのcharset = " UTF-8 " > 
    <タイトル>タイトル</ TITLE> 
<ヘッド/> 
<BODY> 
    <表> 
        <TR> 
            <TD>最初の行、最初の列。1 </ TD> 
            <TD>最初の行第2列</ TD> 
            <TD>最初の行、第3列</ TD> 
        </ TR> 
        <TR> 
            <TD>の二列、最初の列。1 </ TD> 
            <TD>第二列、第二列</ TD> 
            <TD>第二列、第3列</ TD> 
        </ TR> 
    </テーブル>
</ BODY> 
</ HTML>

結果は：

このようなフォームは、もちろん、スタイルが良い見ていないが、我々は彼にボーダー与える境界線を

<！DOCTYPE HTML> 
<HTML LANG = " EN " > 
<HEAD> 
    <METAのcharset = " UTF-8 " > 
    <タイトル>タイトル</ TITLE> 
</ HEAD> 
<BODY> 
    <表のボーダー= " 1 " > 
        < TR> 
            <TD>最初の行、最初の列。1 </ TD> 
            <TD>最初の行第2列</ TD> 
            <TD>最初の行、第3列</ TD> 
        </ TR> 
        <TR > 
            <TD>第二行、最初の列。1 </ TD> 
            <TD>第二列、第二列</ TD> 
            <TD>第二列、第3列</ TD>
        </ TR> 
    </ TABLE> 
</ BODY> 
</ HTML>

結果は：

それが最適化される必要があり、それが少し良くありませんが、上記のコードは標準化されていません

<！DOCTYPE HTML> 
<HTML LANG = " EN " > 
<HEAD> 
    <メタ文字コード= " UTF-8 " > 
    <タイトル>タイトル</ TITLE> 
</ HEAD> 
<BODY> 
    <テーブルのボーダー= " 1 " > 
        < THEAD> 
            <TR> 
                <TH>主机名</番目> 
                <TH>端口</番目> 
                <TH>操作</番目> 
            </ TR> 
        </ THEAD> 
        <TBODY> 
            <TR> 
                <TD> 1.1.1.1 </ TD> 
                <TD> 80 </ TD> 
                <TD>删除</ TD> 
            </ TR>
            <TR> 
                <TD> 1.1.1.2 </ TD> 
                <TD> 80 </ TD> 
                <TD> 
                    <a href= "s13.html">查看详情</a>の
                </ TD> 
            </ TR> 
        </ TBODY> 
    </ TABLE> 
</ BODY> 
</ HTML>

上記と同様の効果

マージ細胞： COLSPANプロパティ

<！DOCTYPE HTML> 
<HTML LANG = " EN " > 
<HEAD> 
    <メタ文字コード= " UTF-8 " > 
    <タイトル>タイトル</ TITLE> 
</ HEAD> 
<BODY> 
<テーブルのボーダー= " 1 " > 
    < THEAD> 
    <TR> 
        <TH>主机名</番目> 
        <TH>端口</番目> 
        <TH>操作</番目> 
    </ TR> 
    </ THEAD> 
    <TBODY> 
    <TR> 
        <TD> 1.1.1.1 </ TD> 
        <TD COLSPAN = "2 " > 80 </ TD> 
        <TD>删除</ TD> 
    </ TR>  
    <TR>
        <TD> 1.1.1.2 </ TD> 
        <TD> 80 </ TD> 
        <TD> 
            <a href= "s13.html">查看详情</a>の
        </ TD> 
    </ TR> 
    </ TBODY> 
< /表> 
</ BODY> 
</ HTML>

結果は：

このような細胞は、参照するために組み合わせが、問題はマルチの外に存在しています

私たちは、手動で削除する必要があります

<！DOCTYPE HTML> 
<HTML LANG = " EN " > 
<HEAD> 
    <メタ文字コード= " UTF-8 " > 
    <タイトル>タイトル</ TITLE> 
</ HEAD> 
<BODY> 
<テーブルのボーダー= " 1 " > 
    < THEAD> 
    <TR> 
        <TH>主机名</番目> 
        <TH>端口</番目> 
        <TH>操作</番目> 
    </ TR> 
    </ THEAD> 
    <TBODY> 
    <TR> 
        <TD> 1.1.1.1 </ TD> 
        <TD COLSPAN = "2 " > 80 </ TD> 
    </ TR> 
    <TR> 
        <TD> 1.1.1.2 </ TD>
        <TD> 80 </ TD> 
        <TD> 
            <a href= "s13.html">查看详情</a>の
        </ TD> 
    </ TR> 
    </ TBODY> 
</ TABLE> 
</ body> 
</ htmlの>

結果は：

ROWSPAN =「2」は、垂直結合され

BOBYの一部を形成する - HTML

おすすめ