将一个文件夹用vs code打开然后创建文件进行编写

例如：

 用谷歌浏览器打开进行查看

 练习：

今日搜索热词
1、阿卡贝拉
阿卡贝拉（意大利：Acappella )即无伴奏合唱。其起源可追溯至中世纪的教会音乐，当时的教会音乐只以人声清唱，并不应用乐器。音频示例： 阿卡贝拉《千与千寻》

2、翻唱
“翻唱”是指将已经发表并由他人演唱的歌曲根据自己的风格重新演唱，包括重新填词，编曲。现在已有不少明星，都在翻唱他人的歌，不断在翻唱中突破自己，给大家带来不一样的风格。视频示例： 有一种悲伤（翻唱）-《A Kind of Sorrow》

2.做一个类似于下图的选择框

 代码如下：

<body>
    <form action="#">
        账户:
        <input type="text" name="usernamee" />
        <br>
        密码:
        <input type="password" name="one" /> 
        <br>
        性别:
        <input type="radio" name="a" value="男" />男
        <input type="radio" name="a" value="女" />女
        <br>
        爱好:
        <input type="checkbox" name="like" value="抽烟" />抽烟
        <input type="checkbox" name="like" value="喝酒" />喝酒
        <input type="checkbox" name="like" value="烫头" />烫头
        <br>
        其他:
        <textarea name="jianjie" cols="30" rows="5"></textarea>
        <br>
        籍贯:
        <select name="jiguan">
            <option value="广东省">广东省</option>
            <option value="四川省">四川省</option>
            <option value="河北省">河北省</option>
        </select>
        <br>
        <button>确认</button>
        <input type="reset" />
    </form>
</body>

结果如下：

1.<!-- 用外部样式 -->
<!-- 选取主标题（<h1>）将颜色改成粉色。

    选取所有列表项（<li>）。
        选取第一个列表项。背景颜色改为红
        选取最后一个列表项。背景颜色改为绿
        选取容器内带有"class"为"text"的段落。
        选取容器内的第一个盒子。
        选取所有带有"class"为"text"的元素（无论其在容器内还是容器外）。 -->

 

 

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>
     <h1><strong><caption>用户注册</caption></strong></h1>
     <body height="2px" align="center" valign="middle"> 

    <form action="#" >
        <tr>
        <td>
            用户名<input type="text" name="userName" autocomplete="off" placeholder="请输入正确的用户名:">
        </td>
        </tr>
        <br>
        密码：<input type="password" name="one"/>
        <br>
        性别<input type="radio" name="a" value="男"/>男
        性别<input type="radio" name="a" value="女"/>女
        <br>
        爱好
        <input type="checkbox" name="like" value="唱" />唱
        <input type="checkbox" name="like" value="跳" />跳
        <input type="checkbox" name="like" value="rap" />rap
        <input type="checkbox" name="like" value="basketball" />打篮球
        <br>
        邮箱<input type="email" name="email" placeholder="请输入你的邮箱"/>
        <br>
        用户头像<input type="file” name="wenjian” placeholder="选择文件">
        <br>
        家庭住址
        <select name="zhuzhi" id="">
            <option value="1">请选择你的住址</option>
            </select>
        <br>
        收货地址
        <select name="南京">
            <option value="南京">南京</option>
            <option value="广州">广州</option>
            <option value="深圳">深圳</option>
            <option value="重庆">重庆</option>
        </select>
        <br>
        建议或意见<textarea name="yijian" placeholder="你的建议或意见" cols="20" rows="2"></textarea>
        <br>
        选择你喜欢的颜色
        <input type="color" name=" id="">
         注册时间
        <input type="date" name=" id="">
        <inputtype="time"name="n id="">
        <br>
        <br>
        <input type="button" value="注册"/>
        <input type="reset" value="重置"/>

    </form>
</body>
</html>