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软件,强大的插件功能,好像今天又重新换了一种学习方式,收获很多,受益很多。

标签

评论

this is is footer