day051.HTML基础之body标签

文章目录

  • 一、HTML常用标签
    • (一)body内其他常用标签
      • 1.列表标签
        • (1)**无序列表(列表标签中使用最多的一种,非常重要):unordered list**
        • (2)**有序列表(极少使用)**
        • (3)**自定义列表(也会经常使用)**
      • 2.table标签
        • (1)table标签的作用及格式
        • (2)表格属性
        • (3)表格的结构
        • (4)单元格合并
        • (5)传统布局
      • 3.from标签
        • (1)什么是form表单
        • (2)form表单标签的属性
        • (3)form内表单控件
        • (4)补充了解知识:

一、HTML常用标签

(一)body内其他常用标签

1.列表标签

语义:标记一堆数据是一个整体/列表

​ HTML中列表标签分为三种。

(1)无序列表(列表标签中使用最多的一种,非常重要):unordered list

#1、作用:-- 制作导航条、商品列表、新闻列表等
#2、组合使用ul>li<ul><li>秒杀</li><li>优惠券</li><li>PLUS会员</li><li>闪购</li><li>拍卖</li><li>京东服饰</li><li>京东超市</li><li>生鲜</li><li>全球购</li><li>京东金融</li></ul>#3、ul标签的属性type(这属于列表的样式,所以了解即可)
-- type:列表标识的类型disc:实心圆(默认值)circle:空心圆square:实心矩形none:不显示标识
-- 可以通过css直接去掉小圆点:
<style type="text/css">ul {list-style: none;}
</style>#4、注意-- ul与li是组合标签应该一起出现,并且ul的子标签只应该是li,而li的子标签则可以是任意其他标签
# 无序列表练习
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><h1>物品清单</h1><ul><li><h2>蔬菜</h2><ul><li>西红柿</li><li>花瓜</li><li>芹菜</li></ul></li><li><h2>水果</h2><ul><li>香蕉</li><li>菠萝</li><li>火龙果</li></ul></li></ul></body>
</html>

(2)有序列表(极少使用)

    <h1>阿巴拉契亚山天降伟人的头衔</h1><ol><li>帝国的皇帝</li><li>阿美利加全境守护者</li><li>欧罗巴的仲裁者</li><li>蓝色星球最强军队的指挥官</li><li>南朝鲜和扶桑四岛的慈父</li></ol><!-- 有序列表可以做的,完全可用无序列表取代 --><h1>阿巴拉契亚山天降伟人的头衔</h1><ul style="list-style: none"><li>1.帝国的皇帝</li><li>2.阿美利加全境守护者</li><li>3.欧罗巴的仲裁者</li><li>4.蓝色星球最强军队的指挥官</li><li>5.南朝鲜和扶桑四岛的慈父</li></ul>

(3)自定义列表(也会经常使用)

# 1、作用分析
--选择用什么标签的唯一标准,是看文本的实际语义,而不是看长什么样子
--无序列表:内容是并列的,没有先后顺序
--有序列表:内容是有先后顺序的
--自定义列表:对一个题目进行解释说明的时候,用自定义列表,可以做网站尾部相关信息,网易注册界面的输入框# 2、自定义列表也是一个组合标签:dl>dt+dd
--dl:definition list,自定义列表
--dt:definition title,自定义标题
--dd:definition description,自定义描述
<dl><dt>自定义标题1</dt><dd>描述1</dd><dd>描述2</dd><dd>描述3</dd><dt>自定义标题2</dt><dd>描述1</dd><dd>描述2</dd><dd>描述3</dd><dt>自定义标题3</dt><dd>描述1</dd><dd>描述2</dd><dd>描述3</dd>
</dl># 3、注意: 
3.1) dl>dt+dd应该组合出现,dl中只应该存放dt和dd,而可以在dt和dd中添加任意其他标签 
3.2) 一个dt可以可以没有对应的dd,也可以有多个,但建议一个dt对应一个dd
# 自定义列表练习
<dl><dt><h5>购物流程</h5></dt><dd>购物流程</dd><dd>会员介绍</dd><dd>生活旅行</dd><dt><h5>配送方式</h5></dt><dd>上门自提</dd><dd>211限时达</dd><dd>配送服务查询</dd><dt><h5>支付方式</h5></dt><dd>货到付款</dd><dd>在线支付</dd><dd>分期付款</dd>
</dl>

2.table标签

语义:标记一段数据为表格

(1)table标签的作用及格式

#1、作用
-- 表格标签是一种数据的展现形式,当数据量非常大的时候,使用表格的形式来展示被认为是最清晰的#2、格式
<table><tr><td></td></tr>
</table>tr:代表表格的一行数据
td:表一行中的一个普通单元格
th:表示表头单元格#3、注意点:
-- 表格标签有一个边框属性,这个属性决定了边框的宽度。默认情况下这个属性的值为0,所以看不到边框
# 小练习
<table border="1px" ><tr><td>姓名</td><td>性别</td><td>年龄</td></tr><tr bgcolor="white" ><td>Egon</td><td>male</td><td>18</td></tr><tr bgcolor="white"><td>ALex</td><td>male</td><td>73</td></tr><tr bgcolor="white"><td>Wxx</td><td>female</td><td>84</td></tr>
</table>

(2)表格属性

# 了解表格的属性
#1、宽度和高度可以给table和td设置width和height属性1.1 默认情况下表格的宽高是按照内容的尺寸来调整的,也可以通过给table标签设置widht和height来手动指定表格的宽高。1.2 如果给td标签设置width和height属性,会修改当前单元格的宽度和高度,只要不超过table的宽高,则不会影响整个表格的宽度和高度。【当给首行/首列设置了width/height属性后,在后续的设置中,不超过前一个值的设置,以前一个为准,若超过则以后者为准】#2、水平对齐和垂直对齐1)、水平对齐align可以给table、tr、td标签设置2)、垂直对齐valign【vertically align】只能给tr、td标签设置========水平对齐===========取值align=“left”align=“center”align=“right”2.1 给table标签设置水平对齐,可以让表格在水平方向上对齐。【表格在网页的左中右位置】**强调:table只能设置水平方向**2.2 给tr设置水平对齐,可以控制当前行所有单元格内容都水平对齐。【行内容的居左中右】2.3 给td设置水平对齐,可以控制当前单元格内容水平对齐,tr与td冲突的情况下,以td为准。【在行整体基础上单元格内容的居左中右】========垂直对齐===========取值valign=“top”valign=“center”valign=“bottom”2.4 给tr设置垂直对齐可以让当前行所有单元格内容都垂直对齐。【行内容居上中下】2.5 给td设置垂直对齐可以让当前单元格内容垂直对齐。【在行整体基础上单独居上中下】#3、外边距和内边距只能给table设置3.1 外边距:单元格与单元格之间的间隔,cellspacing="3px",默认值为2px-- 3.2 内边距:单元格边框与文字之间的距离/边距:cellpadding="200px"-- 小于默认则为默认值
<!--# 三种方式实现细线表格-->
<!-- 方式一: -->
<!-- 在标签中,想通过指定外边距为0来实现细线表格是不靠谱的,其实他是将2条线合成了一条线.所以看上去很不舒服,如下实现 -->
<table border="1px" width="500" height="300"  cellspacing="0px" cellpadding="0px"><caption>什么鬼表格</caption><tr align="center"><td >姓名</td><td height="50">性别</td><td >年龄</td></tr><tr align="center"><td width="100">AGON</td><td>male</td><td>666</td></tr><tr align="center"><td>BGON</td><td>male</td><td>888</td></tr><tr align="center"><td>CGON</td><td>male</td><td>999</td></tr>
</table><hr color="red">
<hr color="yellow"><!-- 方式二: -->
<!-- 细线表格的制作方式:1、给table标签设置bgcolor2、给tr标签设置bgcolor3、给table标签设置cellspacing="1px"注意:table、tr、td标签都支持bgcolor属性-->
<table border="0px" width="500" height="300" bgcolor="fuchsia" cellspacing="1px" cellpadding="0px"><caption>什么鬼表格</caption><tr align="center" bgcolor="white"><td >姓名</td><td height="50">性别</td><td >年龄</td></tr><tr align="center" bgcolor="white"><td width="100">AGON</td><td>male</td><td>666</td></tr><tr align="center" bgcolor="white"><td>BGON</td><td>male</td><td>888</td></tr><tr align="center" bgcolor="white"><td>CGON</td><td>male</td><td>999</td></tr>
</table><hr color="red">
<hr color="yellow"><!-- 方式三: -->
<!-- 不再单独设置单元格间距以及单元格边距,直接上:(style="border-collapse: collapse;border: 1px solid red")
注意:border-collapse:合并单元格;  border: 1px 是设置外边框宽度,与内边框无关。
-->
<table border="1px" width="500" height="300" style="border-collapse: collapse;border: 1px solid orangered"><caption>什么鬼表格</caption><tr align="center"><td >姓名</td><td height="50">性别</td><td >年龄</td></tr><tr align="center"><td width="100">AGON</td><td>male</td><td>666</td></tr><tr align="center"><td>BGON</td><td>male</td><td>888</td></tr><tr align="center"><td>CGON</td><td>male</td><td>999</td></tr>
</table>

(3)表格的结构

# 为了方便管理维护以及提升语义,我们将表格中存储的数据分为四类:
# 1、表格的标题:caption特点:相对于表格宽度自动居中对齐注意:1.1 该标签一定要写在table标签里,否则无效1.2 caption一定要紧跟在table标签内的第一个# 2、表格的表头信息:thead特点:专门用来存储每一列的标题,只要将当前列的标题存储在这个标签中就会自动居中+加粗文字# 3、表格的主体信息:tbody注意:3.1 如果没有添加tbody,浏览器会自动添加3.2 如果指定了thead和tfoot,那么在修改整个表格的高度时,thead和tfoot有自己默认的高度,不会随着表格的高度变化而变化。# 4、表尾信息:tfoot<html>
<head><meta charset="utf-8"/>
</head>
<body>    <!-- 培训信息统计表 --><table bgcolor="black" border="1" width="300px" height="300px" cellspacing="1px"><caption>学员信息统计表</caption><thead><tr bgcolor="#00bfff"><th>姓名</th><th>性别</th><th>年龄</th></tr></thead><tbody><tr bgcolor="white"><td>帝国的皇帝</td><td>male</td><td>81</td></tr><tr bgcolor="white"><td>阿美利加全境守护者</td><td>male</td><td>82</td></tr><tr bgcolor="white"><td>欧罗巴的仲裁者</td><td>male</td><td>83</td></tr><tr bgcolor="white"><td>蓝色星球最强军队的指挥官</td><td>male</td><td>84</td></tr><tr bgcolor="white"><td>南朝鲜和扶桑四岛的慈父</td><td>male</td><td>85</td></tr></tbody><tfoot><tr bgcolor="white"><td>3</td><td>2</td><td>1</td></tr></tfoot></table></body>
</html>

(4)单元格合并

#1、水平向上的单元格colspan可以给td标签添加一个colspan属性,来把水平方向的单元格当做多个单元格来看待<td colspan="2"></td>#2、垂直向上的单元格rowspan可以给td标签设置一个rowspan属性,来把垂直方向的的单元格当成多个去看待#注意注意注意:
1、由于把某一个单元格当作了多个单元格来看待,所以就会多出一些单元格,所以需要删掉一些单元格
2、一定要记住,单元格合并永远是向后或者向下合并,而不能向前或向上合并

(5)传统布局

传统的布局方式就是使用table来做整体页面的布局,布局的技巧归纳为如下几点:#1、定义表格宽高,将border、cellpadding、cellspacing全部设置为0#2、单元格里面嵌套表格#3、单元格中的元素和嵌套的表格用align和valign设置对齐方式#4、通过属性或者css样式设置单元格中元素的样式传统布局目前应用:
#1、快速制作用于演示的html页面#2、商业推广EDM制作(广告邮件)

练习:

<!-- 练习1代码 -->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>table--菜谱</title>
</head>
<body>
<table bgcolor="black" width="700" height="400" border="2px" style="border-collapse: collapse;border: 1px solid orangered"><tbody><tr bgcolor="white"><td width="50px" colspan="3" align="center">星期一菜谱</td>
<!--            <td>aaa</td>-->
<!--            <td>aaa</td>--></tr><tr bgcolor="white"><td rowspan="2">素菜</td><td>芹菜西瓜</td><td>花椒青椒</td></tr><tr bgcolor="white">
<!--            <td>aaa</td>--><td>小葱冬瓜</td><td>白菜泡椒</td></tr><tr bgcolor="white"><td rowspan="2">荤菜</td><td>暴雨鸡翅</td><td>清蒸电鳗</td></tr><tr bgcolor="white">
<!--            <td>aaa</td>--><td>红烧坦克  <img src="96B.jpg" alt=""> </td><td>烤原子弹</td></tr></tbody></table></body>
</html>

<!-- 练习2代码 -->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>table--课程表</title>
</head>
<body>
<table width="700" height="300" border="1px" border="0" cellspacing="1" bgcolor="blue"><caption>课程表</caption><thead></thead><tbody align="center"><tr bgcolor="white"><td>项目</td><td colspan="6">上课</td><td>休息</td></tr><tr bgcolor="white"><td>星期</td><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td><td>星期六</td><td>星期日</td></tr><tr bgcolor="white"><td rowspan="4">上午</td><td>语文</td><td>数学</td><td>英语</td><td>英语</td><td>物理</td><td>计算机</td><td rowspan="4">休息</td></tr><tr bgcolor="white"><td>数学</td><td>数学</td><td>地理</td><td>历史</td><td>化学</td><td>计算机</td></tr><tr bgcolor="white"><td>化学</td><td>语文</td><td>体育</td><td>计算机</td><td>英语</td><td>计算机</td></tr><tr bgcolor="white"><td>语文</td><td>数学</td><td>英语</td><td>英语</td><td>物理</td><td>计算机</td></tr><tr bgcolor="white"><td rowspan="2">下午</td><td>数学</td><td>数学</td><td>地理</td><td>历史</td><td>化学</td><td>计算机</td><td rowspan="2">休息</td></tr><tr bgcolor="white"><td>数学</td><td>数学</td><td>地理</td><td>历史</td><td>化学</td><td>计算机</td></tr></tbody></table></body>
</html>

3.from标签

语义:标记表单

(1)什么是form表单

#1、什么是表单?表单就是专门用来接收用户输入或采集用户信息的#2、表单的格式<form><表单元素></form>

(2)form表单标签的属性

1)、action
1.1)、作用:指定向何处发送表单数据
1.2)、取值:--绝对URL:https://www.baidu.com/a/b/c.html--相对URL:/a/b/c.html,浏览器会自动补全2)、method
2.1)、作用:定义表单提交数据的方式
2.2)、取值:-- get:--默认值,明文提交,提交的数据直接显示在url地址中,安全性低--提交数据有大小限制,最大为2KB-- post:--提交的数据不会显示到url地址中,安全性高--提交数据无大小限制3)、enctype
3.1)、作用:规定在发送到服务器之前应该如何对表单数据进行编码。 默认地,表单数据会编码为 "application/x-www-form-urlencoded"。代表的是:在发送到服务器之前,所有字符都会进行编码。比如:空格转换为 "+" 加号,特殊符号转换为 ASCII HEX 值。
3.2)、取值:--application/x-www-form-urlencoded:在发送前编码所有字符,不允许提交文件(默认)--multipart/form-data:不对字符编码,在使用包含文件上传控件的表单时,必须使用该值--text/plain:只对普通字符进行编码,如空格转换为 "+" 加号,但不对特殊字符以及文件编码

(3)form内表单控件

1)input
1.1)、作用:用于接收用户输入或搜集用户信息
1.2)、属性:--type属性指定控件类型,值为--text输入时显示明文--用户名:<input type="text" name="user">--password输入时不显示明文--密码:<input type="password" name="pwd">--radio单选框--单选框,默认情况下单选框不会互斥 注意:--1、要想完成单选,多个input框的name属性值必须相同--2、要想设定单选框的默认值,必须给input边距添加checked属性:checked="checked"--3、在HTML中如果属性的取值和属性的名称一样,可以简写。比如checked="checked"简写为checked,但在XHTML必须写完整,所以在企业中还是建议写全。--性别: <input type="radio" name="gender" value="male"><input type="radio" name="gender" value="female"><input type="radio" name="gender" value="none" checked="checked">保密--checkbox复选框--爱好: <input type="checkbox" name="hobbies" value="basketball">篮球<input type="checkbox" name="hobbies" value="football">足球<input type="checkbox" name="hobbies" value="volleyball" checked="checked">排球<input type="checkbox" name="hobbies" value="footbath" checked="checked">足浴--file上传文件--注意:form表单的method必须为POST,enctype必须为multipart/form-data <form action="/aaa" method="post" enctype="multipart/form-data"><input type="file" name="uploadfile">--普通按钮button:需要绑定onclick事件才能使用--<input type="button" value="我是按钮" onclick="alert('我是弹窗提示信息')">--<input type="image" src="96B.jpg" width="150" onclick="alert('我是弹窗提示信息')">--提交按钮submit:可以自动提交--<input type="submit" value="提交">--重置按钮reset:把表单中填写好的数据清除--<input type="reset" value="我是重置按钮">--name指定提交数据的key--value指定提交数据的value,可设置输入框的默认值--用户名:<input type="text" name="user" value="egon"> --密码:<input type="password" name="pwd" value="123">--placeholder提示用户应该输入什么样的数据--用户名:<input type="text" name="user" placeholder="请输入用户名"> --密码:<input type="password" name="pwd" placeholder="请输入密码">--disabled禁用该控件,不会提交任何关于该控件的数据2)、label
2.1)、作用:关联文本与表单元素,实现点击文本时,如同点击表单元素一样
2.2)、属性:-- for属性的值等于被关联的表单元素的ID值--  <label for="uname">用户名:</label> <input type="text" name="username" id="uname">性别:<input type="radio" name="gender" value="male" id="gender1"><label for="gender1"></label><input type="radio" name="gender" value="female" id="gender2"><label for="gender2"></label>3)、textarea
3.1)、作用:多行输入框
3.2)、属性:--1、默认情况下,可以无限换行--2、可以通过cols和row来指定宽度和高度,cols来指定行数,rows来指定列数,虽然指定了列数和行数,但仍可以无限往下输入--3、默认情况下输入框是可以手动拉伸的,如果不想手动拉伸,需要定制css<style type="text/css">textarea {resize: none;}</style>--form<form> <textarea name="userinfo" id="" cols="50" rows="3" style="resize: none">
论颜值Agon秒杀一切,论才华更是无法想象</textarea></form>4)、select
4.1)、作用:下拉列表
4.2)、属性:--name属性指定提交给后台数据的key--size取值大于1,则为滚动列表,否则就是下拉列表--mutiple设置多选
4.3)、outgroup:--label属性设置提示信息
4.4)、option:--value属性指定值提交给后台数据的value
4.5)、示例:<form> <!--下拉列表--><p>籍贯</p><select name="addr" size="2"><option value="深圳">深圳</option><option value="北京">北京</option><option value="上海">上海</option><option value="广州" selected>广州</option></select><!--滚动列表 multiple设置以后实现多选效果,ctrl+鼠标左键进行多选--><p>意向工作城市</p><select name="city" size="5" multiple="multiple" style="display: inline-block;width: 100px"><optgroup label="一线城市"><option value="深圳">深圳</option><option value="北京">北京</option><option value="上海">上海</option><option value="广州" selected>广州</option></optgroup><optgroup label="二线城市"><option value="深圳">济南</option><option value="北京">青岛</option><option value="上海">烟台</option><option value="广州" selected>天津</option></optgroup></select></form>

(4)补充了解知识:

在form内还可以添加一种标签
<fieldset>添加边框<legend>注册页面</legend>表单控件......
</fieldset>
查看全文
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

相关文章

  1. (简单易懂!Come on!)理论+实验——MySQL 读写分离

    文章目录一、读写分离原理1.1、原因1.2、原理二、MySQL 主从复制原理及配置三、实验3.1、环境准备3.1.1、VMware 主机3.1.2、拓扑图3.1.3、实验目的3.2、实验过程3.2.1、搭建mysql主从复制环境3.2.2、安装配置Amoeba&#xff08;20.0.0.24&#xff09;3.2.3、配置Amoeba 读写分…...

    2024/3/26 18:59:02
  2. Xshell连接Linux虚拟机(网络配置和使用方法)

    Xshell连接Linux虚拟机(网络配置和使用方法) 一、Linux虚拟机的网络连接模式:NAT模式 1、检查Linux虚拟机的网络连接模式&#xff0c;确保它是NAT模式。&#xff08;由于只在本机进行连接&#xff0c;所以没有选择桥接模式。当然&#xff0c;桥接模式的配置会有所不同&#x…...

    2024/3/1 21:54:45
  3. 女生能学习3D游戏建模吗?这个真实案例告诉你

    今天我来说说我学习建模的一些过往吧。希望能给大家带来一些启发。 我出生在江苏&#xff0c;一个普普通通的江苏女孩。现在是两个孩子的妈妈。老大呢&#xff0c;刚上幼儿园不久。小的呢&#xff0c;目前还需要人跟着&#xff0c;因此&#xff0c;我目前并没有工作&#xff0…...

    2024/3/20 3:21:37
  4. 《转载》CentOS 7 下Tomcat启动超慢的原因及解决方案

    原文地址&#xff1a; CentOS 7 下Tomcat启动超慢的原因及解决方案 - 简书 https://www.jianshu.com/p/de2df2d92d92 现象 CentOS 7系统中安装好openjdk和Tomcat后&#xff0c;启动过程很慢&#xff0c;长达数分钟&#xff0c;日志如下&#xff1a; 17:27:53.596 INFO [main…...

    2024/3/28 16:20:55
  5. 以设计淘宝网的后台架构为例,介绍从一百个并发到千万级并发情况下服务端的架构的演进过程

    前言 双 11 即将来临&#xff0c;本文以设计淘宝网的后台架构为例&#xff0c;介绍从一百个并发到千万级并发情况下服务端的架构的演进过程 同时列举出每个演进阶段会遇到的相关技术&#xff0c;让大家对架构的演进有一个整体的认知。 文章最后汇总了一些架构设计的原则。 基…...

    2024/2/23 1:26:43
  6. 2020数学建模参加后感想

    2020数学建模参加后感想 先简单的介绍一下我自己&#xff0c;让有兴趣参加数学建模的同学建立信心。 本人J现为一名电子信息工程专业大三学生&#xff0c;非985、211名校&#xff0c;大一大二没有参加过任何的学校或国家举办的大学生赛事&#xff0c;没错&#xff0c;这是我第…...

    2024/2/24 6:47:36
  7. 亿联网络融合通信方案UME:打通企业通信全场景

    2020年的营商环境受疫情黑天鹅所累&#xff0c;远程办公、视频会议成为时下刚需&#xff0c;倒逼企业们认真思考并逐步落实数字化。在企业上线了越来越多协同办公、沟通工具之后&#xff0c;如何智能地串联不同工作场域的沟通工具&#xff0c;确保无缝切换、简单高效的沟通体验…...

    2024/2/22 14:28:17
  8. 计算机网络第一章-概述知识点总结

    1.概述 1.1计算机网络在信息时代中的作用 21世纪一些重要特征就是数字化、网络化和信息化&#xff0c;他是一个以网络为核心的信息时代。3大网络&#xff1a;电信网络、有线电视网络、计算机网络。互联网两个重要基本特点&#xff1a;连通性和共享。 1.2互联网概述 1.2.1网…...

    2024/3/26 17:20:09
  9. 2020起重机司机(限桥式起重机)模拟考试题及起重机司机(限桥式起重机)考试试题

    题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 2020起重机司机(限桥式起重机)模拟考试题及起重机司机(限桥式起重机)考试试题&#xff0c;包含起重机司机(限桥式起重机)模拟考试题答案解析及起重机司机(限桥式起重机)考试试题练习。由安全生产模拟考试一点通公众号…...

    2024/2/24 17:51:49
  10. day06-Git与GitHub

    day06-Git与GitHub 学习目标 Git使用Git版本控制Git的IDEA练习Git的重要性 当前世界上最先进的分布式版本管理软件-Git–大型项目经验 版本控制功能 - 1&#xff1a;备份与还原 每开发一个功能产生一个副本&#xff0c;需要哪个状态的直接调出来用 一次copy就是一次备份&…...

    2024/3/26 12:43:53
  11. HTML5+CSS3

    HTML5 1、什么是HTML5 1、HTML5简介 万维网的核心语言、标准通用标准语言下的一个应用超文本标记语言&#xff08;HTML&#xff09;的第五次重大修改。作为新HTML&#xff0c;具有新的元素、属性和行为。XHTML 可扩展超文本标记语言 是一种增强的HTML&#xff0c;它的可扩展…...

    2024/2/22 21:01:56
  12. Android dp和px之间相互转换

    前言 android中在xml布局中我们可以使用dp和px都可以&#xff1b; 但是在代码中&#xff0c;很多方法只提供了设置px的方法&#xff0c;这时候就需要用到dp和px相互切换了。 方法 /*** dp和px之间进行转换*/ public class DensityHelper {/*** 根据手机的分辨率从 dp 的单位 转…...

    2024/2/28 14:13:17
  13. SAP中KKS5/KKS6事务计算投入产生差异逻辑

    通过事务KOB1查询某物料成本收集器订单从当月的生产入库产生的实际成本行项目&#xff1b; 将业务货币值金额字段汇总统计后得出差异结果570.29 通过事务KKS6计算本月单个差异值。这里需要输入物料号&#xff0c;不是成本收集器订单。但两者都是有对应关系的。勾选测试运行。 通…...

    2024/3/27 6:02:44
  14. 鸿蒙技术征文

    鸿蒙OS 2.0 在大家的期盼中终于来了&#xff0c;并且获得了一致好评&#xff0c;各位小伙伴&#xff0c;你最希望鸿蒙应用在哪些设备上呢&#xff1f; 手机、平板、Watch、智慧屏、家居设备、工业物联网设备、更多新奇设备请留言...

    2024/2/28 14:13:15
  15. 清除浮动的几种方法——浮动元素脱离标准流,会影响页面的排版布局

    浮动元素脱离标准流&#xff0c;会影响页面的排版布局&#xff0c;对后面的元素有影响&#xff0c;但不影响前面的元素。 清除浮动&#xff1a; 给父元素添加高度&#xff0c;那么父元素会占据空间而且是标准流&#xff0c;包含了浮动的元素不会影响下面的元素。给父元素设置…...

    2024/2/28 14:13:15
  16. C++中set库

    set的各成员函数列表如下: begin()–返回指向第一个元素的迭代器 clear()–清除所有元素 count()–返回某个值元素的个数 empty()–如果集合为空&#xff0c;返回true end()–返回指向最后一个元素的迭代器 equal_range()–返回集合中与给定值相等的上下限的两个迭代器 e…...

    2024/3/26 6:12:54
  17. vue调试神器devtools的使用

    工欲善其事&#xff0c;必先利其器&#xff01; 1、下载插件 官方推荐的仓库从克隆、安装 到编译会遇到各种报错&#xff0c;我直接把编译好的 vue-devtools.crx放在了百度盘上&#xff0c;可直接下载 插件下载链接&#xff1a;链接: https://pan.baidu.com/s/12WKcFHZJromIdk…...

    2024/3/19 17:47:13
  18. 应用案例 | 2010 款沃尔沃 S80L 车发动机偶尔自动熄火

    一、故障现象 一辆2010款沃尔沃S80L车&#xff0c;搭载B5254T直列5缸发动机&#xff0c;累计行驶里程约为10.5万km。该车因发动机前部漏油进厂维修&#xff0c;维修人员更换进、排气凸轮轴及曲轴前部油封后装复试车&#xff0c;发动机故障灯异常点亮&#xff0c;且冷机时发动机…...

    2024/3/27 5:06:11
  19. linux定时任务 crontab图解

    ...

    2024/2/22 4:02:54
  20. keepalive长连接

    nginx作为代理&#xff0c;负责转发用户的请求&#xff0c;如果不配置则默认是短连接&#xff0c;需要手动配置 句法&#xff1a; keepalive connections; 默认&#xff1a; - 内容&#xff1a; upstream 该指令出现在版本1.1.4中。1.配置nginx代理开启长连接 [rootlb01 ~]# …...

    2024/2/22 3:24:34

最新文章

  1. 子虔3D培训大师,助力制造业技能培训

    对于制造业企业&#xff0c;传统的培训方式常常伴随着沉重的成本负担&#xff0c;包括聘请培训师的费用、租赁培训场地的租金&#xff0c;以及准备培训材料的成本&#xff0c;这些都让企业在财务上面临不小的压力。同时&#xff0c;传统培训模式还受到时间和空间的限制。学员们…...

    2024/3/28 17:05:43
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. Nature:“量子龙卷风”首次模拟黑洞

    科学家们在超流体氦气中首次创造出了一个巨大的“量子漩涡”&#xff08;quantum vortex&#xff09;&#xff0c;用以模拟黑洞。这一成就不仅使他们能够更加细致地观察模拟黑洞的行为&#xff0c;还能探究其与周围环境的交互作用。 诺丁汉大学的研究团队与伦敦国王学院和纽卡斯…...

    2024/3/28 5:29:04
  4. 智慧园区楼宇AI解决方案

    背景 人工智能对于人类的影响要比工业革命发生的速度快10倍,规模大 300倍,影响几乎大3000倍 - 麦肯锡全球研究院;2017年7月20日,国务院印发《新一代人工智能发展规划》,首次把人工智能发展上升为国家战略层面,全面布局面向2030年的中国人工智能发展整体规划;中美同时进…...

    2024/3/28 1:56:40
  5. 416. 分割等和子集问题(动态规划)

    题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义&#xff1a;dp[i][j]表示当背包容量为j&#xff0c;用前i个物品是否正好可以将背包填满&#xff…...

    2024/3/28 16:59:55
  6. 【Java】ExcelWriter自适应宽度工具类(支持中文)

    工具类 import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel.CellType; import org.apache.poi.ss.usermodel.Row; import org.apache.poi.ss.usermodel.Sheet;/*** Excel工具类** author xiaoming* date 2023/11/17 10:40*/ public class ExcelUti…...

    2024/3/28 4:39:34
  7. Spring cloud负载均衡@LoadBalanced LoadBalancerClient

    LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon&#xff0c;直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件&#xff0c;我们讨论Spring负载均衡以Spring Cloud2020之后版本为主&#xff0c;学习Spring Cloud LoadBalance&#xff0c;暂不讨论Ribbon…...

    2024/3/28 5:03:31
  8. TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案

    一、背景需求分析 在工业产业园、化工园或生产制造园区中&#xff0c;周界防范意义重大&#xff0c;对园区的安全起到重要的作用。常规的安防方式是采用人员巡查&#xff0c;人力投入成本大而且效率低。周界一旦被破坏或入侵&#xff0c;会影响园区人员和资产安全&#xff0c;…...

    2024/3/27 10:27:59
  9. VB.net WebBrowser网页元素抓取分析方法

    在用WebBrowser编程实现网页操作自动化时&#xff0c;常要分析网页Html&#xff0c;例如网页在加载数据时&#xff0c;常会显示“系统处理中&#xff0c;请稍候..”&#xff0c;我们需要在数据加载完成后才能继续下一步操作&#xff0c;如何抓取这个信息的网页html元素变化&…...

    2024/3/27 3:29:54
  10. 【Objective-C】Objective-C汇总

    方法定义 参考&#xff1a;https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...

    2024/3/28 9:07:44
  11. 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】

    &#x1f468;‍&#x1f4bb;博客主页&#xff1a;花无缺 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】&#x1f30f;题目描述&#x1f30f;输入格…...

    2024/3/26 18:15:20
  12. 【ES6.0】- 扩展运算符(...)

    【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数&#xff0…...

    2024/3/27 3:03:23
  13. 摩根看好的前智能硬件头部品牌双11交易数据极度异常!——是模式创新还是饮鸩止渴?

    文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕&#xff0c;各大品牌纷纷晒出优异的成绩单&#xff0c;摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称&#xff0c;在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁&#xff0c;多个平台数据都表现出极度异常…...

    2024/3/28 9:58:22
  14. Go语言常用命令详解(二)

    文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令&#xff0c;这些命令可以帮助您在Go开发中进行编译、测试、运行和…...

    2024/3/28 10:24:59
  15. 用欧拉路径判断图同构推出reverse合法性:1116T4

    http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b&#xff0c;我们在 a i a_i ai​ 和 a i 1 a_{i1} ai1​ 之间连边&#xff0c; b b b 同理&#xff0c;则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然&#xff0…...

    2024/3/27 0:22:43
  16. 【NGINX--1】基础知识

    1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息&#xff0c;并安装一些有助于配置官方 NGINX 软件包仓库的软件包&#xff1a; apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...

    2024/3/27 8:17:26
  17. Hive默认分割符、存储格式与数据压缩

    目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限&#xff08;ROW FORMAT&#xff09;配置标准HQL为&#xff1a; ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...

    2024/3/27 10:48:13
  18. 【论文阅读】MAG:一种用于航天器遥测数据中有效异常检测的新方法

    文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中&#xff0c;传感器和控制器产生大量周…...

    2024/3/28 8:42:54
  19. --max-old-space-size=8192报错

    vue项目运行时&#xff0c;如果经常运行慢&#xff0c;崩溃停止服务&#xff0c;报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中&#xff0c;通过JavaScript使用内存时只能使用部分内存&#xff08;64位系统&…...

    2024/3/28 8:14:39
  20. 基于深度学习的恶意软件检测

    恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞&#xff0c;例如可以被劫持的合法软件&#xff08;例如浏览器或 Web 应用程序插件&#xff09;中的错误。 恶意软件渗透可能会造成灾难性的后果&#xff0c;包括数据被盗、勒索或网…...

    2024/3/27 15:45:39
  21. JS原型对象prototype

    让我简单的为大家介绍一下原型对象prototype吧&#xff01; 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定&#xff0c;每一个构造函数都有一个 prototype 属性&#xff0c;指向另一个对象&#xff0c;所以我们也称为原型对象…...

    2024/3/27 21:26:55
  22. C++中只能有一个实例的单例类

    C中只能有一个实例的单例类 前面讨论的 President 类很不错&#xff0c;但存在一个缺陷&#xff1a;无法禁止通过实例化多个对象来创建多名总统&#xff1a; President One, Two, Three; 由于复制构造函数是私有的&#xff0c;其中每个对象都是不可复制的&#xff0c;但您的目…...

    2024/3/28 8:24:01
  23. python django 小程序图书借阅源码

    开发工具&#xff1a; PyCharm&#xff0c;mysql5.7&#xff0c;微信开发者工具 技术说明&#xff1a; python django html 小程序 功能介绍&#xff1a; 用户端&#xff1a; 登录注册&#xff08;含授权登录&#xff09; 首页显示搜索图书&#xff0c;轮播图&#xff0…...

    2024/3/28 5:29:22
  24. 电子学会C/C++编程等级考试2022年03月(一级)真题解析

    C/C++等级考试(1~8级)全部真题・点这里 第1题:双精度浮点数的输入输出 输入一个双精度浮点数,保留8位小数,输出这个浮点数。 时间限制:1000 内存限制:65536输入 只有一行,一个双精度浮点数。输出 一行,保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...

    2024/3/28 9:26:43
  25. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  26. 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...

    2022/11/19 21:17:16
  27. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  28. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  29. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  30. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  31. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  32. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  33. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  34. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  35. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  36. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...

    2022/11/19 21:17:05
  37. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  38. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  39. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  40. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  41. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  42. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  43. 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  44. 如何在iPhone上关闭“请勿打扰”

    Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...

    2022/11/19 21:16:57