1.HTML基础知识学习

已于 2023-03-14 15:10:55 修改
阅读量176 收藏
点赞数
分类专栏： HTML学习笔记 文章标签： html 学习 前端
于 2023-03-14 15:09:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46293452/article/details/129488171
版权

HTML基础知识学习

HTML的注释

<!--
	1、这是HTML的注释
	2、HTML不区分大小写，语法松散不严格
-->
<!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>网页的标题</title>
</head>

<body>
    网页的主体内容，欢迎学习HTML！
</body>

</html>

HTML的基本标签

<!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>HTML的基本标签</title>
</head>

<body>

    <!--段落标记-->
    <p>段落标记</p>
    <p>段落标记</p>
    <p>段落标记</p>
    <p>段落标记</p>

    <!--标题字：是HTML预留的格式，和word中的标题字相同-->
    <h1>标题字</h1>
    <h2>标题字</h2>
    <h3>标题字</h3>
    <h4>标题字</h4>
    <h5>标题字</h5>
    <h6>标题字</h6>

    <!--换行标记，br标签是一个独目标记-->
    hello
    world!
    hello <br>world!

    <!--横线，独目标记-->
    <hr>

    <!--color和width都是hr标签的属性-->
    <hr color="red" width="50%">
    <!--语法松散：双引号单引号都行，有的不用也行-->
    <hr color='green' width=30%>

    <!--预留格式-->
    <pre>
            for(int i = 0; i < 10; i++){
                System.out.println("i = " + i);
            }
            </pre>

    <del>删除字</del>
    <ins>插入字</ins>
    <b>粗体字</b>
    <i>斜体字</i>

    <!-- <sup> 标签定义上标文本 -->
    10<sup>2</sup>

    <!-- <sub> 标签定义下标文本 -->
    10<sub>m</sub>

    <!--字体标签 color设置颜色 size设置大小-->
    <font color="red" size="50">字体标签</font>

</body>

</html>

实体符号

<!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>实体符号</title>
</head>

<body>

    b<a>c

    <!-- 实体符号特点是：以&开始，以;结束&lt; 是小于号   &gt; 是大于号 -->
    b&lt;a&gt;c

    <!-- abc和def之间加多少空格也没用 -->
    abc def<br>
    <!-- 必须使用实体符号 -->
    a&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;bc

</body>

</html>

表格

<!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>表格</title>
</head>

<body>

    <br><br><br><br><br><br><br><br>
    <center>
        <h1>员工信息列表</h1>
    </center>
    <hr>
    <!--
        border="1px" 设置表格的边框为1像素宽度
        可以像素也可以百分比
        width 宽度
        height 高度
    -->
    <!--
    <table border="1px" width="300px">
    -->
    <table align="center" border="1px" width="60%" height="150px">
        <!--align对齐方式-->
        <tr align="center">
            <td>a</td>
            <td>b</td>
            <td>c</td>
        </tr>
        <tr>
            <td>d</td>
            <td>e</td>
            <td>f</td>
        </tr>
        <tr>
            <td>x</td>
            <td>y</td>
            <td align="center">z</td>
        </tr>
    </table>

</body>

</html>

表格单元格合并，以及th标签

<!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>表格单元格合并，以及th标签</title>
</head>

<body>

    <!--注意事项：
        1、row合并的时候，删除“下面的”单元格
        2、col合并的时候，对删除哪个没有要求
    -->
    <table border="1px" width="50%">
        <tr>
            <!--
            <td>员工编号</td>
            <td>员工薪资</td>
            <td>部门名称</td>
            -->
            <!-- th 标签也是单元格标签，比td多的是居中、加粗-->
            <th>员工编号</th>
            <th>员工薪资</th>
            <th>部门名称</th>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>a</td>
            <td>b</td>
            <td rowspan="2">f</td>
        </tr>
        <tr>
            <td colspan="2">d</td>
            <!--
            <td>f</td>
            -->
        </tr>
    </table>
</body>

</html>

HTML的表格-thead tbody tfoot

<!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>thead tbody tfoot 在table中不是必须的，只是这样做便于后期的JS代码的编写</title>
</head>

<body>

    <table border="1px" width="50%">
        <!--头-->
        <thead>
            <tr>
                <th>员工编号</th>
                <th>员工薪资</th>
                <th>部门名称</th>
            </tr>
        </thead>

        <!--体-->
        <tbody>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
            <tr>
                <td>a</td>
                <td>b</td>
                <td rowspan="2">f</td>
            </tr>
            <tr>
                <td colspan="2">d</td>
            </tr>
        </tbody>

        <!--脚-->
        <tfoot>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
        </tfoot>

    </table>
</body>

</html>

背景颜色和背景图片

<!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>背景颜色和背景图片</title>
</head>

<!--
    bgcolor : 设置背景色
    background : 设置背景图片
    以上的设置都是对背景进行设置
-->
<body bgcolor="red" background="img/dlam.jpg">
</body>

</html>

图片img

<!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>图片img</title>
</head>

<body>

    <!--
        1、设置图片宽度和高度的时候，只设置宽度，高度会进行等比例缩放
        2、img标签就是图片标签
        3、src属性是图片的路径
        4、width设置宽度,height设置高度
        5、title设置鼠标悬停时显示的信息
        6、alt设置图片加载失败时显示的提示信息
    -->
    <img src="img/哆啦梦.jpeg" width="100px" title="我是百度图片哦" alt="图片找不到哦!" />

    <img src="img/哆啦A梦.jpeg" width="100px" title="我是百度图片哦" alt="图片找不到哦!"></img>

    <br><br><br>

    <img src="img/哆啦A梦.jpeg" />

</body>

</html>

超链接 热链接

<!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>超链接 热链接</title>
</head>

<body>

    <!--
        超链接的特点：
            有下划线
            鼠标停留在超链接上面显示小手形状
            点击超链接之后还能跳转页面
    -->
    <a href="http://www.baidu.com">百度</a>
    <a href="http://news.baidu.com/">百度新闻</a>
    <a href="http://www.jd.com/">京东商城</a>
    <a href="http://www.tmall.com/">天猫</a>
    <a href="http://www.126.com/">126邮箱</a>

    <br><br>

    <!--
        href：hot references 热引用
        href属性后面一定是一个资源的地址
        
        href后面的路径可以是绝对路径也可以是相对路径，可以是网络中某个资源的路径，也可以是本地资源的路径
    -->
    <a href="007-背景颜色和背景图片.html">007</a>

    <!--图片超链接-->
    <a href="https://www.hao123.com/">
        <img src="img/哆啦A梦.jpeg" width="120px" />
    </a>

    <!--
        超链接有一个target属性：
            可取值：
                _blank : 新窗口
                _self ： 当前窗口（默认就是这种方式）
                _top ： 顶级窗口
                _parent ： 父窗口
    -->
    <a href="https://www.hao123.com/" target="_self">
        <img src="img/哆啦A梦.jpeg" width="120px" />
    </a>

</body>

</html>

<!--
超链接的作用：
    通过超链接可以从浏览器向服务器发送请求
    浏览器向服务器发送数据（请求：request）
    服务器向浏览器发送数据（响应：response）
    
    B/S结构的系统：每一个请求都会对应一个响应
    B --请求--》S
    S --响应--》B

用户点击超链接和用户在浏览器地址栏上直接输入URL，有什么区别？
    本质上没有区别，都是向服务器发送请求

从操作上来讲，超链接使用更方便
-->

列表

<!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>列表</title>
</head>

<body>
    <!--有序列表-->
    <ol type="I">
        <li>水果
            <ol type="a">
                <li>苹果</li>
                <li>西瓜</li>
                <li>桃子</li>
            </ol>
        </li>
        <li>蔬菜
            <ol>
                <li>西红柿</li>
                <li>青椒</li>
                <li>青菜</li>
            </ol>
        </li>
        <li>甜点</li>
        <ol>
            <li>蛋糕</li>
            <li>果冻</li>
            <li>雪糕</li>
        </ol>
    </ol>

    <!--无序列表-->
    <ul type="circle">
        <li>中国
            <ul type="square">
                <li>北京
                    <ul type="disc">
                        <li>东城区</li>
                        <li>西城区</li>
                        <li>海淀区</li>
                        <li>朝阳区</li>
                    </ul>
                </li>
                <li>天津</li>
                <li>上海</li>
            </ul>
        </li>
        <li>美国</li>
        <li>日本</li>
    </ul>
</body>

</html>

表单form

<!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>表单form</title>
</head>

<body>
    <!--
        1、表单有什么用？
            收集用户信息表单展现之后，用户填写表单，点击提交按钮提交数据给服务器
        2、怎么画一个表单？
            使用form标签画表单
        3、一个网页当中可以有多个表单form
        4、表单最终是需要提交数据给服务器的，form标签有一个action属性，这个属性用来指定服务器地址：
            action属性用来指定数据提交给哪个服务器
            action属性和超链接中的href属性一样，都可以向服务器发送请求（request）
        5、http://192.168.111.3:8080/oa/save 这是请求路径，表单提交数据最终提交给：
            192.168.111.3机器上的8080端口对应的软件
    -->
    <form action="http://192.168.111.3:8080/oa/save">
        <!-- 画一个提交按钮，这个按钮可以提交表单-->
        <!-- 画按钮可以使用input输入域，type="submit"的时候表示该按钮是一个提交按钮，具有提交表单的能力-->
        <!-- 对于按钮来说，按钮的value属性用来指定按钮上显示的文本信息-->
        <input type="submit" value="登录" />

        <!--这是一个普通按钮，不具备提交表单的能力-->
        <input type="button" value="设置按钮上显示的文本" />

    </form>

    <a href="http://www.baidu.com">百度</a>

    <!--这个按钮和普通的超链接没什么太大的区别（超链接和表单都可以向服务器发送请求，只不过表单发送请求的同时可以携带数据）-->
    <form action="http://www.baidu.com">
        <input type="submit" value="百度" />
    </form>

    <br>
    <br>

    <form action="http://localhost:8080/jd/login">
        用户名<input type="text" /><br>
        密码<input type="password" /><br>
        <input type="submit" value="登录" />
    </form>

    <!--
        表单是以什么格式提交数据给服务器的？
            http://localhost:8080/jd/login?username=abc&userpwd=111
            格式：action?name=value&name=value&name=value&name=value&name=value...
            W3C的HTTP协议规定的，必须以这种格式提交给服务器
        
        重点强调：表单项写了name属性的，一律会提交给服务器，不想提交这一项，就不要写name属性
        
        文本框和密码框的value不需要程序员指定，用户输入什么value就是什么
        
        当name没有写的时候，该项不会提交给服务器
        但是当value没有写的时候，value的默认值是空字符串""，会将空字符串提交给服务器，java代码得到的是：String username = "";
    -->
    <form action="http://localhost:8080/jd/login">
        <table>
            <tr>
                <td>用户名</td>
                <td><input type="text" name="username" /></td>
            </tr>
            <tr>
                <td>密码</td>
                <td><input type="password" name="userpwd" /></td>
            </tr>
            <tr align="center">
                <td colspan="2">
                    <input type="submit" value="登录" />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="reset" value="清空" />
                </td>
            </tr>
        </table>
    </form>

    <!--submit必须放到form标签内部-->
    <input type="submit" value="登录" />

    <!--必须放到form标签内部-->
    <input type="reset" value="清空" />

    <form></form>
</body>

</html>

用户注册的表单

<!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>用户注册的表单</title>
</head>

<body>
    <!--
        用户注册：
            用户名
            姓名
            密码
            确认密码
            性别
            兴趣爱好
            学历
            简介
        
        form表单method属性：
            get:采用get方式提交的时候，用户提交的信息会显示在浏览器的地址栏上
            post：采用post方式提交的时候，用户提交的信息不会显示在浏览器地址栏上
            当用户提交的信息中含有敏感信息，例如：密码，建议采用post方式提交
        
        method属性不指定，或者指定get，这种情况下都是get
        只有当method属性指定为post的时候才是post请求
        剩下所有的请求都是get请求
        
        post提交的时候提交的数据格式和get还是一样的，只不过不再地址栏上显示出来
        POST提交的数据还是：name=value&name=value&name=value.....
    -->
    <form action="http://localhost:8080/jd/register" method="post">
        用户名
        <input type="text" name="username" />
        <br>
        密码
        <input type="password" name="userpwd" />
        <br>
        确认密码
        <input type="password" />
        <br>
        性别
        <!--单选按钮的value必须手动指定-->
        <!-- checked 默认选中 -->
        <input type="radio" name="gender" value="1" />男
        <input type="radio" name="gender" value="0" checked />女
        <br>
        兴趣爱好
        <input type="checkbox" name="interest" value="smoke" />抽烟
        <input type="checkbox" name="interest" value="drink" checked />喝酒
        <input type="checkbox" name="interest" value="fireHair" checked />烫头
        <br>
        学历
        <select name="grade">
            <option value="gz">高中</option>
            <option value="dz">大专</option>
            <!--selected 默认选中-->
            <option value="bk" selected>本科</option> 
            <option value="ss">硕士</option>
        </select>
        <br>
        简介 <!--文本域，文本域没有value属性，用户填写的内容就是value-->
        <textarea rows="10" cols="60" name="introduce"></textarea>
        <br>
        <input type="submit" value="注册" />
        <input type="reset" value="清空" />
    </form>

    <!--超链接也可以提交数据给服务器，但是提交的数据都是固定不变的-->
    <!--超链接是get请求不是post请求-->
    <a href="http://localhost:8080/oa/save?username=zhangsan&password=111">提交</a>


</body>

</html>

<!--
http://localhost:8080/jd/register?username=jack&userpwd=111&gender=1&interest=smoke&interest=drink&grade=ss&introduce=jackgoodman
-->

下拉列表支持多选

<!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>下拉列表支持多选</title>
</head>

<body>
    <!-- multiple="multiple" 支持多选的 size设置显示条目数量-->
    <select multiple="multiple" size="2">
        <option>河北省</option>
        <option>河南省</option>
        <option>山东省</option>
        <option>山西省</option>
    </select>
</body>

</html>

file控件

<!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>file控件</title>
</head>

<body>
    <!--file控件：文件上传专用-->
    <input type="file" />

    <form action="http://localhost:8080/oa/save">

        <!--隐藏域：网页上看不到，但是表单提交的时候数据会自动提交给服务器-->
        <input type="hidden" name="userid" value="111" />

        用户代码<input type="text" name="usercode" />

        <input type="submit" value="提交" />

    </form>

</body>

</html>

readonly disabled

<!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>readonly disabled</title>
</head>

<body>
    <!--
        readonly和disabled相同点：都是只读不能修改
        但是readonly可以提交给服务器，disabled数据不会提交（即使有name属性也不会提交）
    -->
    <form action="http://localhost:8080/taobao/save">
        用户代码<input type="text" name="usercode" value="110" readonly />
        <br>
        用户姓名<input type="text" name="username" value="zhangsan" disabled />
        <br>
        <input type="submit" value="提交数据" />
    </form>
</body>

</html>

maxlength

<!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>maxlength</title>
</head>

<body>
    <!--
        maxlength 设置文本框中可输入的字符数量
    -->
    <input type="text" maxlength="3" />
</body>

</html>

HTML中元素的id属性

<!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>HTML中元素的id属性</title>
</head>

<body id="mybody">
    <!--
        1、在HTML文档当中，任何元素（节点）都有id属性，id属性是该节点的唯一标识所以在同一个HTML文档当中id值不能重复
        2、注意：表单提交数据的时候，只和name有关系，和id无关
        3、id有什么用？
            javascript语言：可以对HTML文档当中的任意节点进行增删改操作
            javascript可以对HTML文档当中的任意节点进行增删改，那么增删改之前需要先拿到这个节点，通常我们通过id来拿节点对象
            id的存在让我们获取元素（节点）更方便
        4、HTML文档是一棵树，树上有很多节点，每一个节点都有唯一的id
            javascript主要就是对这棵DOM树上的节点进行增删改的
            DOM(Document)树
    -->
    <form id="myform">
        <input type="text" id="username" name="username" />
        <input type="password" id="userpwd" name="userpwd" />

        <!--id就是节点的身份证号码，不能重复-->
        <!--
        <input type="text" id="username" />
        -->
    </form>
</body>

</html>

HTML中的div和span

<!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>HTML中的div和span</title>
</head>

<body>
    <!--
        1、div和span是什么？有什么用？
            * div和span都可以称为“图层”
            * 图层的作用是为了保证页面可以灵活的布局
            * 图层就是一个一个的盒子，div嵌套div就是盒子套盒子
            * div和span是可以定位的，只要定下div的左上角的x轴和y轴坐标即可
        2、其实最早的网页是采用table进行布局的，但是table不灵活，太死板
        现代的网页开发中div布局使用最多，几乎很少使用table进行布局了
        
        3、div和span的区别？
            div独自占用一行（默认情况下）
            span不会独自占用一行
    -->
    <div id="div1">我是一个DIV</div>
    <div id="div2">我是一个DIV</div>

    <span id="span1">我是一个SPAN标签</span>
    <span id="span2">我是一个SPAN标签</span>

    <div id="div3">
        <div>
            <div>test</div>
        </div>
    </div>
</body>

</html>

</html>
ich&du
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
1、HTML 基础知识
阿牧路泽
03-11 736
一、HTML的定义     HTML，超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5。在HTML5中出现了许多新特性，也遗弃了一些旧元素。我们写好html文件后，在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。 二、HTML标签元素     HTML元素由开始标签和结束标签组成。如&lt;p&gt...
HTML基础知识点1
weixin_56843569的博客
04-09 200
小白的学习笔记 初识HTML5 HTML5是超文本标记语言的第五代版本。 HTML5兼容IE浏览器，谷歌浏览器，火狐浏览器，opera浏览器，safari浏览器，其中在谷歌浏览器上显示的效果最好，建议代码调试用谷歌浏览器。 HTML5代码的基本格式 <!DOCTYPE html> <!--文档声明，告诉浏览器，这是一个html5文档，必须位于文档的开头--> <html> <!--html页面的所有内容都在html根标签内--&
HTML基础语法
m0_61628700的博客
02-28 527
、头部、标签、主体网页标题网页主体内容
HTML基础标签
weixin_45348240的博客
03-23 6060
一、HTML介绍 1、什么是HTML? HTML是一门语言，所有的网页都是用HTML这门语言编写出来的。HTML(HyperText Markup Language):超文本标记语言。 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。 标记语言：由标签构成的语言 HTML运行在浏览器上，HTML标签由浏览器来解析 HTML标签都是预定义好的。例如:使用< img>展示图片 2、W3C标准:网页主要由三部分组成 结构:HTML 表现:css 行为:
html中节点的常用属性和方法
你好牛蛙！
10-06 2648
什么是html中的节点： 一个html页面加载完成他会形成一个dom树，树上的每一个dom对象都是一个节点，可以理解为节点就是html中的标签对象，但不止是标签对象。 方法： getElenmentsByTagName(tagename) 语法: 节点.getElenmentsByTagName(tagename) tagname是标签名 获取到当前节点的指定标签名的孩子节点 appendChild(oChildNode) 语法: 节点.appendChild(oChildNode) 可以添加一个子
struts html id 属性,注册时，获取不到struts标签中的gender值_html/css_WEB-ITnose
weixin_42356803的博客
06-04 71
性 别：javabeanpackage cn.itcast.domain;import java.sql.Date;public class Employee { private Integer id; //编号 private String loginName;//登陆名 private String password;//登陆密码 private String name;...
HTML中的单选按钮实现男女性别选择
热门推荐
.net专栏
05-10 10万+
 HTML中的单选按钮实现男女性别选择，不让男女同是都能都能选择，实现方法：在按钮的属性里写一个name属性，并且把name的值设置成相同的例：男女
HTML网页设计基础知识学习专题培训课件.ppt
11-20
HTML基础知识 HTML是HyperText Markup Language的缩写，用于描述网页的结构和内容。HTML文件的基础结构由 `<HTML>`、`<HEAD>`、`<BODY>`三个部分组成，其中 `<HTML>` 是文件的开始标记，`<HEAD>` 用于定义文档头部...
Python相关的基础知识.html
04-24
小编的python学习笔记，内容丰富，涉及很多基础知识，技巧，欢迎下载学习
爬虫基础知识学习以及百度地图api调用.zip
09-05
本资源针对初学者，旨在提供爬虫基础知识的学习，同时涵盖了如何利用百度地图API进行数据获取。以下是对这些主题的详细阐述： 一、爬虫基础知识 1. 网络爬虫介绍：爬虫是通过模拟浏览器发送HTTP请求到服务器，获取...
零基础学习html，.zip
01-02
html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供...
ProgrammingFundementals:好吧，你知道..学习基础知识
05-09
学习基础知识"的主题中，我们将探讨HTML的重要性、基本结构以及如何运用它来构建网页。 HTML是构成网页内容的基础，它是一种标记语言，允许我们通过标签来描述文档的结构和内容。例如，`<html>`是整个文档的根元素...
前端基础以及HTML中的各种标签
我可是小老虎的博客
09-23 547
前端开篇 浏览器窗口输入网址回车发生了几件事 """ 1 浏览器朝服务端发送请求 2 服务端接受请求(eg:请求百度首页) 3 服务端返回相应的响应(eg:返回一个百度首页) 4 浏览器接收响应 根据特定的规则渲染页面展示给用户看 """ 浏览器可以充当很多服务端的客户端 百度 腾讯视频 优酷视频.... 如何做到浏览器能够跟多个不同的客户端之间进行数据交互？ 1.浏览器很牛逼 能够自动识别不同服务端做不同处理 2.制定一个统一的标准 如果你想要让你写的服务端能够跟客户端之间做正常的数据交互
性别的选框html,关于html：使用角度7中的复选框检索所有性别值
weixin_33734005的博客
06-03 753
我有一个角度应用程序，可以按性别过滤样本。过滤是通过复选框完成的。基本上，用户检查男性，女性或同时检查男性和女性，以检索样本。到目前为止，我已经完成了基于复选框选择提供男性或女性的工作。如果未选中任何复选框，那么我将返回所有性别。另外，如果他们选择了男性或女性复选框，我还将返回正确的样本列表。现在的问题是，如果用户选中所有复选框，他们显然希望所有性别。但是我什么也没退。因为我将性别作为数组，并且如...
HTML中的checked问题
技术路漫漫
12-02 4335
HTML中的checked问题问题描述在下面这段代码中使用了EL表达式，通过嵌入的js代码知道，第一个弹窗是true，第二个是false。然后浏览器显示的结果是选了女。当时我就纳闷了…... <td> <%--${user.gender eq "male"?"checked":""} --%> <input type="radio" name="gender" id="gen
前段html通过js拼接url?name=XXX&gender=XXX，然后调用jQuery的ajax，往后台传参数，前端alert参数是正常的，后端的参数是乱码
Ideality_hunter的专栏
05-04 5046
前段html通过js拼接url?name=XXX&gender=XXX，然后调用jQuery的ajax，往后台传参数，前端alert参数是正常的，后端的参数是乱码，怎么办？
Web开发：四角线框效果（HTML、CSS、JavaScript）
m0_65029152的博客
07-17 898
本文主要记录前端给图片动态添加四角线框的相关内容和实现过程；
使用 XPath 定位 HTML 中的 img 标签
Z_suger7的博客
07-18 1176
通过本文的介绍和代码示例，我们可以看到如何在 C# 中使用 XPath 定位 HTML 中的img标签，并实现图片的下载。这种方法不仅高效，而且易于实现，适用于各种需要从网页中提取图片资源的场景。希望本文能够为你的项目提供帮助，并激发你在数据处理和自动化方面的创新思维。
[HTML]一文掌握
最新发布
CSDN20221005的博客
07-21 580
场景：在网页的底部导航中通常会用到。语法：dl>dt>dd特点：dd前会默认显示缩进效果注意：dl中只允许包含dt/dd标签dt/dd中可以包含任意内容。
前端学习（二）之HTML
2302_79795489的博客
07-18 927
在<input type="text" name="username" value="西瓜大侠">中，2、单选和多选：radio和checkbox（对应value为选项的值，当选中时，这个值会被提交）3、按钮：button、submit和reset（对应value为按钮上的标签文本）4、隐藏字段：hidden（对应value为隐藏在表单中的用户不可见的数值）段落格式标签：加粗b，斜体i，下划线u，删除线s，换行br，水平分割线hr。1、name：给表单控件起的名字，服务器靠这个名字来识别和获取输入的数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值