新しいページ要素と改良されたページ要素

6772 ワード

ol要素、dl要素
<body>
    
    
    <ol start="4" reversed>
        <li>   li>
        <li>   li>
        <li>   li>
        <li>   li>
    ol>

    
    <dl>
        <dt>Hellodt>
        <dd>    hellodd>
    dl>

    
        
    <h3>cite  h3>
    <p>     <cite>      cite>p>

    
    <p>     <small>      small>p>

body>
html>

progress要素とmeter要素
<body>
    
        
        
    <section>
        <h2>progress     h2>
        <p>      <progress id="p" max="100" style="background-color: aqua"><span>0span>%progress>p>
        <input type="button" onclick="btn()" value="  "/>
    section>


    
    <meter value="40" min="0" max="100" low="10" high="90" optimum="80">meter>
    <meter>40/100meter>


    <script>
        function btn() {
           var i = 0;
            function thread_one() {
                if(i <= 100) {
                    i++;
                    updateprogress(i);
                }
            }
            setInterval(thread_one,100);
        }
        function updateprogress(newValue) {
            var progressBar = document.getElementById("p");
            progressBar.value = newValue;
            progressBar.getElementsByTagName("span")[0].textContent = newValue;
        }
    script>
body>