index.html

<!DOCTYPE html>
<html>  
    <head>
        <meta charset="utf-8">
        <title>物理在线学习平台</title>
        <link href="https://fonts.font.im/css?family=Open+Sans" rel="stylesheet"> 
        <link href="styles/style.css" rel="stylesheet">
    
    </head>
    <body> 
        <!--标题 h  段落 p -->  
        <h1>主页图片</h1>
        <img src="images/physics.jpg" alt="物理"><!--alt为图片显示不出来时显示的文本-->
        <p class="editor-note">这是一个<strong>段落</strong></p>
        <!--无序列表 ul-->
        <!--有序列表 ol-->
        <!--列表项目 li-->
        <p>Mozilla 是一个全球社区，这里聚集着来自五湖四海的</p>
            <ul>
              <li>技术人员</li>
              <li>思考者</li>
              <li>建造者</li>
            </ul>
        <p>我们致力于……</p>
        <!--链接 a-->
        <a href="https://www.mozilla.org/zh-CN/about/manifesto/">Mozilla 宣言</a>
        <br/>
        <button>切换用户</button>
        <script src="scripts/main.js" defer></script>
    </body> 
</html>