<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="common.css">
    <title>这是一个中文网站</title>
<!--    <style>-->
<!--        div{ width : 100% ; height : 100px ; background-color: antiquewhite }-->
<!--    </style>-->

    <!--    <base target="_blank">-->
</head>
<body>
<a href="#">这是一个链接</a>
<h1 >nihao</h1>
    <div>
        <form action="http://www.baidu.com">
            First name:
            <input type="text" name="first name" placeholder="firstname" ><br>
            Last name:
            <input type="text" name="first name" placeholder="lastname"><br>
            <input type="submit" value="提交"> <input type="reset" value="重置"><br>
            性别：
            <input type="radio" name="sex" value="man" checked> 男
            <input type="radio" name="sex" value="women"> 女


        </form>

    </div>
<br>
    <div>
        <ul>
            <li>星期一</li>
            <li>星期二</li>
            <li>星期三</li>

        </ul>

    </div>
    <p>
        <div>
            <h2>HTML 内联元素</h2>
            <p>内联元素在显示时通常不会以新行开始。</p>
            <p>例子：&lth1&gt</p>

    </div>


    </p>

    <h2>标题</h2>
    <h3>标题</h3>
    <h4>标题</h4>
    <h5>标题</h5>
    <h6>标题</h6>
    <p>这是一个段落</p>
    <p>
        <strong>这是一段加粗强调的文字</strong>
        <em>这是斜体强调的文字</em>
    </p>
    <p>
        a<sup>2</sup> + b<sup>2</sup> = c
    </p>
    <p>        H<sub>2</sub>O </p>
    <p>
<!--        <img src="./airplane.jpg" alt="加载出错" width="700" height="445" title="无人机">-->
        <a href="http://www.baidu.com">
            <img src="..\images\airplane.jpg" alt="加载出错" width="300" height="150" title="打开百度">
        </a>
    </p>
</body>
</html>
