HTML超文本标记语言

最新推荐文章于 2024-07-25 11:52:08 发布

半路出家不会英语

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量371

点赞数 1

文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_73849581/article/details/128185092

版权

本文介绍了HTML的基础知识，包括各种文本、列表、图片和超链接标签的使用，以及form表单和分区标签的应用。接着讲解了CSS的引入方式、选择器、颜色赋值和背景图片设置，展示了如何美化HTML页面。最后探讨了盒子模型及其对元素尺寸和位置的影响。

摘要由CSDN通过智能技术生成

HTML

form表单

<form action="http://www.baidu.com">
    <!--placeholder:占位文本
    value:设置默认值
    maxlength:最大字符长度
    readonly:只读(只需要写属性名即可)-->
    用户名:<input type="text" name="username" value="tom"
               placeholder="请输入用户名" maxlength="5" readonly><br>
    <!--密码框的属性和文本框通用-->
    密码:<input type="password" placeholder="请输入密码" name="password"><br>
    <!--单选框 value属性必须写否则提交的是on
    checked设置默认选中-->
    性别:<input type="radio" name="gender" value="m">男
    <input type="radio" name="gender" checked value="w">女<br>
    兴趣爱好:<input type="checkbox" name="hobby" value="cy">抽烟
    <input type="checkbox" name="hobby" checked value="hj">喝酒
    <input type="checkbox" name="hobby" value="tt">烫头<br>
    <!--日期选择器-->
    生日:<input type="date" name="birthday"><br>
    <!--文件选择器-->
    靓照:<input type="file" name="pic"><br>
    <!--下拉选  select选择   option选项-->
    所在地:<select name="city">
    <!--value设置提交内容-->
        <option value="bj">北京</option>
        <option selected>上海<