zoukankan      html  css  js  c++  java
  • html5-基本知识小结及补充

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="侯伟东" content="学习">
        <meta name="侯亮平" content="html5实例课程">
        <!-- <meta http-equiv="refresh" content="3;http://www.sohu.com"> -->
        <!-- 3秒后自动切换到所指定的网页 -->
        <title>基本知识小结回顾</title>
        <style type="text/css">
        table{border-collapse: collapse;}
        td{padding: 30px;text-align: center;}
        </style>
    </head>
    <body background="#f0f0f0">
    <!-- <body background="pic/2.png"> -->
    bgcolor仅仅可以设置颜色
    background可以设置图片背景
    aaaaaaa
        bbbbbb
                cccccccc
                        dddddddddd
    <pre>
        
        aaaaaaa
                bbbbbb
                    cccccccc
                        dddddddddd
    </pre>
    <ul style="list-style-type: none;">
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
    </ul>
    <ol start="5">
        <li>有序列表</li>
        <li>有序列表</li>
        <li value="12">有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
    </ol>

    <ul>
        <h1>列表的嵌套</h1>
        <li>
            <ol>
                <li>有序列表</li>
                <li>有序列表</li>
                <li>有序列表</li>
                <li>有序列表</li>
                <li>有序列表</li>
             </ol>
        </li>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
    </ul>
    <br>
    表格的嵌套
    <table border="1">
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
    </table>
    <table border="1">
        <tr>

        <td>
            <table border="1">
            <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
            </table>
        </td>

        <td>表格内容</td>
        <td>表格内容</td>

        </tr>

        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
    </table>
    <br>
    html5中部分属性已经删除了,cellpadding,cellspacing

    <!-- <table border="1" cellpadding="30" cellspacing="10"> -->
    <table border="1">
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
    </table>
    </body>
    </html>

    天道酬勤,厚积薄发。 君子之行,静以修身,俭以养德。 非淡泊无以明志,非宁静无以致远。 如有恒,何须三更起,半夜眠;最怕莫,三天打鱼两天晒网,竹篮打水一场空。
  • 相关阅读:
    练习jQuery
    Highcharts的应用步骤
    CSS中的数量查询
    何时使用 Em 与 Rem
    不错的教学网站
    HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理。
    【洛谷P4139】上帝与集合的正确用法
    【洛谷P1357】花园
    【洛谷P1939】矩阵加速(数列)
    【洛谷P1962】斐波那契数列
  • 原文地址:https://www.cnblogs.com/houweidong/p/7506979.html
Copyright © 2011-2022 走看看