html练习

Ll Lin

已于 2023-10-26 11:40:58 修改

阅读量49

点赞数

分类专栏： web前端文章标签： html 前端

于 2023-07-22 16:48:15 首次发布

本文链接：https://blog.csdn.net/m0_74852435/article/details/131868877

版权

web前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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>