20201019冯佳丽

学习日志

HTML巩固

对表单元素的标记不太熟悉

案例:

 <!-- 个人信息案例 -->
<h2>个人信息</h2>
        <table>
            <tr>
                <td>姓名：</td>
                <td>
                    <input type="text">
                </td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="sex"><label for="nan">男</label>
                    <input type="radio" name="sex"><label for="nv">女</label>
                </td>
            </tr>
            <tr>
                <td>
                    生日：
                </td>
                <td>
                    <select>
                        <option>--请选择年份--</option>
                        <option>01</option>
                        <option>02</option>
                        <option>03</option>
                    </select>
                    <select>
                        <option>--请选择月份--</option>
                        <option>01</option>
                        <option>02</option>
                        <option>03</option>
                    </select>
                    <select>
                        <option>--请选择日--</option>
                        <option>01</option>
                        <option>02</option>
                        <option>03</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    所在地区：
                </td>
                <td>
                    <input type="text" value="北京">
                </td>
            </tr>
            <tr>
                <td>
                    学历：
                </td>
                <td>
                    <input type="radio" name="primary" checked="checked">小学
                    <input type="radio" name="junior" >初中
                    <input type="radio" name="senior">高中
                    <input type="radio" name="university">大学
                </td>
            </tr>
            <tr>
                <td>喜欢的类型：</td>
                <td>
                    <input type="checkbox" name="" id="">绿色
                    <input type="checkbox" name="" id="">绿色
                    <input type="checkbox" name="" id="">绿色
                    <input type="checkbox" name="" id="">绿色
                    <input type="checkbox" name="" id="">绿色
                </td>
            </tr>
            <tr>
                <td>
                    自我介绍：
                </td>
                <td>
                    <textarea placeholder="说点什么..."></textarea>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="submit" value="免费注册">
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="checkbox" checked="checked">我同意免费注册条款和会员加入标准
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <a href="#">我是会员，立即登录</a>
                </td>       
        </table>
    </form>

今天重点

关于图片路径有三种方式

123对应三种方式

1、图片和文件在同一目录时：

<img src="cute.jpg" alt="">
<img src="./cute.jpg" alt="">

2、图片的文件夹和图片在同一目录时：

 <img src="img/dog.jpg" alt="">
 <img src="./img/dog.jpg" alt="">

3、图片在文件夹的上一级目录时：

    <img src="../img/dog.jpg" alt="">
    <img src="../happy.jpg" alt="">

注：..就是返回它的上一级路径，而.返回是的当前路径

今日感受：

​ 今天发现很多有趣软件，自己研究一下，最喜欢还是vs code软件，强大的插件功能，好像今天又重新换了一种学习方式，收获很多，受益很多。