html2

2019-02-28  本文已影响0人  Cabcab

注释

<!--           -->

一些放置的eg

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title> aaaaaaaa </title>
    <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!--一个注释针对IE8之前的版本-->
    <script> document.createElement("myHero") </script>
    <style>
        myHero {
            display: block;
            background-color: lightblue;
            padding: 30px;
            font-size: 20px;
        }
    </style> 

</head>
 
<body> 
    <h1>我的第一个标题</h1>
    <article>woooooo</article>
    <p>我的第一个段落。</p>

    <div>
        <myHero>我的第一个新元素</myHero>
    </div>

    <div>
        <input list="browsers">
        <datalist id="browsers">
            <option value="Internet Explorer">
            <option value="Firefox">
            <option value="Chrome">
            <option value="Opera">
            <option value="Safari">
        </datalist>
    </div>
    <div>
        <canvas id="myCanvas"></canvas>
        <script type="text/javascript">
            var canvas=document.getElementById('myCanvas');
            var ctx=canvas.getContext('2d');
            ctx.fillStyle='#FF0000';
            ctx.fillRect(0,0,100,100);
        </script>
    </div>
    
    <div>
        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
            <polygon points="100,10 40,180 190,60 10,60 160,180"
            style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;">
        </svg>
    </div>

    <div>
        <canvas id="myCanvas" width="100" height="100"
        style="border:1px solid #000000;">
        </canvas>
    </div>

    <div>
        <audio controls>
            <source src="audio.ogg" type="audio/ogg">
            <source src="audio.mp3" type="audio/mpeg">
        </audio>
    </div>

    <div>
        <video width="320" height="240" controls>
            <source src="movie.mp4" type="video/mp4">
            <source src="movie.ogg" type="video/ogg">
        </video>

        <video width="320" height="240" controls="controls">
            <source src="movie.mp4" type="video/mp4" />
            <source src="movie.ogg" type="video/ogg" />
            <source src="movie.webm" type="video/webm" />

            <object data="movie.mp4" width="320" height="240">
            <embed src="movie.swf" width="320" height="240" />
            </object>
        </video>
    </div>>

    <div>
        <math xmlns="http://www.w3.org/1998/Math/MathML">
            <mrow>
            <msup><mi>a</mi><mn>2</mn></msup>
            <mo>+</mo>
                
            <msup><mi>b</mi><mn>2</mn></msup>
            <mo>=</mo>
                
            <msup><mi>c</mi><mn>2</mn></msup>
            </mrow>
            
        </math>
    </div>
</body>
 
</html>

checkbox
默认为不选
想默认选上:

<input type="checkbox" value="yes"/>

有时候无效,那么——

<input type="checkbox" checked/>
上一篇 下一篇

猜你喜欢

热点阅读