加油吧！少年（一）

加油吧！少年

今天是2018年11月29号，在小组已经一个多月了。在小组学习到了很多，收获到了很多。在小组的日子里每天都过的很充实，还记得在我刚进入大学时，给自己定下了一个又一个的目标，希望自己可以在大学里能够有所成绩。在学习过程中自己会遇到很多的问题，但自己不想放弃，不想让自己以后会后悔，我记得在小组面试的时候自己说过一句话：“不尝试一下，怎能知道自己不可以做到！”自己很庆幸能够通过小组的面试和笔试，能够和很多优秀的人一起学习。

这周我学习了关于HTML的一些知识：（1）HTML“计算机输出”标签（2）HTML引文，引用及标签的定义（3）怎样设置HTML链接（4）HTML元素（5）知道了怎样使用样式属性做一个没有下划线的链接（6）HTML的内联样式以及外部样式，怎样设置背景颜色（7）怎样做一个HTML表格（8）HTML区块，HTML块级元素、内联元素。

下面代码是我写的HTML表格的各个形式的写法：

只写一列：

<h4>一列：</h4>
        <table border="1">
        <tr>
            <td>
                100
            </td>
        </tr>
        </table>

没有单元格边距的一行三列：

 <h4>没有单元格边距一行三列：</h4>
        <table border="1">
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
        </table>

有单元格边距水平标题三行三列：

 <h4>有单元格边距水平标题三行三列：</h4>
        <table border="1" cellpadding="10">
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
            <th>Header 3</th>
        </tr>
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
        <tr>
            <td>400</td>
            <td>500</td>
            <td>600</td>
        </tr>
        </table>

没有边框：

 <h1> 没有边框：</h1>
        <table>
            <tr>
                <td>100</td>
                <td>200</td>
                <td>300</td>
            </tr>
        </table>

垂直标题：


  <h4>垂直标题：</h4>
        <table border="1">
            <tr>
                <th>First</th>
                <td>100</td>
            </tr>
            <tr>
                <th>Scond</th>
                <td>200</td>
            </tr>
        </table>

带有标题的：

 <h4>带有标题的：</h4>
        <table border="1">
            <caption>Monthly</caption>
            <tr>
                <td>100</td>
                <td>200</td>
            </tr>
        </table>

单元格跨两格：

 <h4>单元格跨两格：</h4>
        <table border="1">
        <tr>
            <th>Name</th>
            <th colspan="2">TLEPHONE</th>
        </tr>
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
        </table>

单元格跨两列：

  <h4 style="text-align:center;">单元格跨两列：</h4><!-- 行内元素居中 -->
        <table border="1" style="margin:0 auto;"><!-- 块级元素居中 -->
        <tr>
            <th>Firs</th>
            <td>100</td>
        </tr>
        <tr>
            <th rowspan="2">scanner</th>
            <td>200</td>
        </tr>
        <tr>
            <td>300</td>
        </tr>
        </table>

表格内设置标签：

<h1 style="text-align:center;">表格内的标签：</h1>
        <table border="1" style="margin:0 auto;">
        <tr>
            <td>
                <p>这是一个段落</p>
            </td>
            <td>这个表格包含一个表格：
                <table border="1">
                <tr>
                    <td>100</td>
                    <td>200</td>
                </tr>
                <tr>
                    <td>300</td>
                    <td>400</td>
                </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>这个单元格包含一个列表：
                <ul>
                    <li>aaa</li>
                    <li>bbb</li>
                    <li>ccc</li>
                </ul>
            </td>
            <td>HKKMM</td>
        </tr>
        </table>

单元格间距的设置：

 <h4>单元格间距=0:</h4>
        <table border="1" cellspacing="0">
        <tr>
            <td>100</td>
            <td>200</td>
        </tr>
        <tr>
            <td>300</td>
            <td>400</td>
        </tr>
        </table>
        <h4>单元格间距=10：</h4>
        <table border="1" cellspacing="10">
        <tr>
            <td>500</td>
            <td>600</td>
        </tr>
        <tr>
            <td>700</td>
            <td>800</td>
        </tr>
        </table>

加油吧！少年（一）

猜你喜欢