html2

作者: Cabcab | 来源:发表于2019-02-28 21:06 被阅读0次

    注释

    <!--           -->
    

    一些放置的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/>
    

    相关文章

      网友评论

          本文标题:html2

          本文链接:https://www.haomeiwen.com/subject/xhtluqtx.html