• 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>

    天道酬勤,厚积薄发。 君子之行,静以修身,俭以养德。 非淡泊无以明志,非宁静无以致远。 如有恒,何须三更起,半夜眠;最怕莫,三天打鱼两天晒网,竹篮打水一场空。
  • 相关阅读:
    什么是RAID?RAID有什么用?RAID原理
    Java和PHP哪个方向更有前途?
    Sublime Text 3 Build 3047 32bit/64bit 简体中文安装破解版
    学习笔记之--java EE 环境的搭建
    学习笔记之--Navicat Premium创建数据表
    学习笔记之--MySQL图形界面软件Navicat Premium的安装
    #Javascript:this用法整理
    js解决通过json传来的timestamp类型时间的显示问题
    Eclipse快捷键大全
    形参与实参的区别
  • 原文地址:https://www.cnblogs.com/houweidong/p/7506979.html
Copyright © 2020-2023  润新知