HTML基础

一、最简单一个index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>this is my first Html</title>

</head>
<body>
    这是index页面!!!!
</body>
</html>

二、index.html升级版

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>this is my first Html</title>

</head>
<body>
    这是一个news页面!!!!
    <h1>1级标题</h1>
    <h2>2级标题</h2>
    <h3>3级标题</h3>

    <ul>
        <li>洗衣服</li>
        <li>看电视</li>
    </ul>

    <ol>
        <li>洗衣服</li>
        <li>看电视</li>
    </ol>
    <!-- src图片的地址(网络地址)-->
    <img src="" />
    <!--块-->
    <div>第1个块</div>
    <div>第2个块</div>

    <a href="www.baidu.com" target="_blank">打开百度页面</a>
</body>
</html>

三、index.html升级版2

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>表单</title>
</head>
<body>
    <form method="POST">
        <div>
            <label>用户id:</label>
            <input type="text" />
        </div>
        <div>
            <label>用户名:</label>
            <input type ="password" />
        </div>
        <div>
            <input type ="submit" value="登录" />
        </div>
        <div>
            <label>性别</label>
            <input type="radio" name="sex" checked="checked" value="1"/><label>男</label>
            <input type="radio" name="sex" value="0"/><label>女</label>
        </div>
        <div>
            <label>爱好</label>
            <input type="checkbox" name="hobby"  value="basketball"/><label>篮球</label>
            <input type="checkbox" name="hobby"  value="football"/><label>足球</label>
            <input type="checkbox" name="hobby"  value="pingpang"/><label>乒乓球</label>
        </div>

        <div>
            <label>省份:</label>
            <select name="provice">
                <option value="shanxi">陕西</option>
                <option value="beijing" selected="selected">北京</option>
                <option value="sichuan">四川</option>
            </select>
        </div>
    </form>
</body>
</html>

  

HTML基础

上一篇:常用的分类json格式


下一篇:js获取当前域名