美文网首页
我的第一个html程序 (进度条)

我的第一个html程序 (进度条)

作者: ChenCheer | 来源:发表于2018-09-17 22:32 被阅读0次

    MyFirst.html

      <!DOCTYPE html> 
    <html>
        <head>
            <meta charset="utf-8">
            <title>
                进度条页面
            </title>
            <link rel="stylesheet" type="text/css" href="MyFirst.css" />
        </head>
        <body>
            <h1>
                我的进度条
            </h1>
            <div id="myProgress">
                <div id="myBar"></div>            
            </div>
            <br>
            <button onclick="move()">点我一下吧</button>
    
        </body>
        <script type="text/javascript" src="MyFirst.js"></script>
    </html>  
    

    HTML <!DOCTYPE> 标签

     <!DOCTYPE html> 
    <html>
    
    • 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。
    • 向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
    • <!DOCTYPE html>为HTML 5声明

    HTML <html>标签

    <html>
    

    HTML <script>标签

    <script type="text/javascript" src="Untitled-1.js"></script>
    
    • script元素可以包含脚本语句,也可以通过 src 属性指向外部脚本文件
    • <script>标签在HTML网页中插入JavaScript代码。
    • <script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。
    • src="MyFirst.js"表示引入MyFirst.js文件。
    • type 属性规定脚本的 MIME 类型。

    相关文章

      网友评论

          本文标题:我的第一个html程序 (进度条)

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