Bootstrap

html练习

1.阿卡贝拉链接案例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h2>今日搜索热词</h2>
    <hr />
    <p>
    <h4>1、阿卡贝拉</h4>
    阿卡贝拉(意大利:Acappella )即无伴奏合唱。其起源可追溯至中世纪的教会音乐,当时的教会音乐只以人声清唱,并不应用乐器。音频示例: <a href="./09-音频标签.html">阿卡贝拉《千与千寻》</a>
    </p>
    <p>
    <h4>2、翻唱</h4>
    “翻唱”是指将已经发表并由他人演唱的歌曲根据自己的风格重新演唱,包括重新填词,编曲。现在已有不少明星,都在翻唱他人的歌,不断在翻唱中突破自己,给大家带来不一样的风格。视频示例: <a
        href="./08-视频.html">有一种悲伤(翻唱)-《A Kind of Sorrow》</a>
    </p>
</body>

</html>

2.表单练习

要求:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <form action="#">
        账户:<input type="text" name="name" value="">
        <br>
        密码:<input type="password" name="passwd" value="">
        <br>
        性别:<input type="radio" name="gender" value="男">男
              <input type="radio" name="gender" value="女">女
        <br>
        爱好:<input type="checkbox" name="a1" value="抽烟">抽烟
              <input type="checkbox" name="a2" value="喝酒">喝酒
              <input type="checkbox" name="a3" value="烫头">烫头
        <br>
        其他:<textarea></textarea>
        <br>
        籍贯:
        <select>
            <option value="广东省">广东省</option>
            <option value="四川省">四川省</option>
            <option value="云南省">云南省</option>
        </select> 
        <br>
        <input type="submit" value="确认">
        <input type="reset" value="重置">
        <input type="button" value="检测账户是否被注册">
    </form>
</body>
</html>
    </form>
</body>
</html>

3.表格练习

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格练习</title>
</head>

<body>
    <table border="1px" cellspacing="0" width="700px" height="500px">
        <tr bgcolor="pink" align="center">
            <td colspan="5" height="100px">个人简历</td>

        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td rowspan="4"></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>

    </table>
</body>

</html>

;