![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
dada678
这个作者很懒,什么都没留下…
展开
-
VUE等数组的深拷贝和浅拷贝
data: { tabs:[]}let tabs = this.data.tabs; //浅拷贝let tabs = JSON.parse(JSON.stringify(this.data.tabs)); //深拷贝原创 2020-10-12 21:24:39 · 1864 阅读 · 0 评论 -
4-3使用mailto在网页中链接Email地址
标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解,请看详细图示:注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。下面是一个完整的实例:在浏览器中显示的结果:发送点击链接会打开电子邮件转载 2016-06-19 14:14:39 · 549 阅读 · 0 评论 -
4-4认识<img>标签,为网页插入图片
在网页的制作中为使网页炫丽美观,肯定是缺少不了图片,可以使用标签来插入图片。语法:<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">举例:<img src = "myimage.gif" alt = "My Image" title = "My Image" />讲解:1、src:标识图像的位置;转载 2016-06-19 14:19:34 · 334 阅读 · 0 评论 -
使用表单标签,与用户交互
网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。语法:讲解:1. :标签是成对出现的,以开始,以结束。2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。3.method : 数据传送的方式(get/post)。转载 2016-06-19 14:21:39 · 151 阅读 · 0 评论 -
form属性method="get/post"的两种方式对比
在B/S应用程序中,前台与后台的数据交互,都是通过HTML中Form表单完成的。Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是了解二者的差异在以后的编程也会很有帮助的。 Form中的get和post方法,在数据传输过程中分别转载 2016-06-19 14:26:22 · 2143 阅读 · 0 评论 -
5-2文本输入框、密码输入框
当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。语法: 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。2、name:为文本框命名,以备后台程序ASP 、PHP使用。3、value:为文本输入框设置默认值。(一般起转载 2016-06-19 14:27:39 · 293 阅读 · 0 评论 -
5-3文本域,支持多行文本输入
当用户需要在表单中输入大段文字时,需要用到文本输入域。语法: rows="行数" cols="列数">文本1、标签是成对出现的,以开始,以结束。2、cols :多行输入域的列数。3、rows :多行输入域的行数。4、在标签之间可以输入默认值。举例: 联系我们 在这里输入内容...注意:代码中的标签在转载 2016-06-19 14:30:05 · 316 阅读 · 0 评论 -
5-5使用下拉列表框,节省空间
下拉列表在网页中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。如下代码:讲解:1、value:2、selected="selected":设置selected="selected"属性,则该选项就被默认选中。在浏览器中显示的结果:转载 2016-06-19 14:36:19 · 199 阅读 · 0 评论 -
5-6使用下拉列表框进行多选
下拉列表也可以进行多选操作,在标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。如下代码:在浏览器中显示的结果:转载 2016-06-19 14:37:37 · 212 阅读 · 0 评论 -
6-3CSS代码语法
css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示:选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:p{font-size:12px;co转载 2016-06-19 14:53:30 · 139 阅读 · 0 评论 -
9-2CSS特殊性
的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码:p{color:red;}.first{color:green;}三年级时,我还是一个胆小如鼠的小女孩。p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css转载 2016-06-19 15:41:03 · 225 阅读 · 0 评论 -
10-2段落排版--缩进、行间距、文字间距、字母间距、对齐
中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现:p{text-indent:2em;}1922年的春天,一个想要成名名叫尼克卡拉威(托比?马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的美国梦,他搬入纽约附近一海湾居住。注意:2em的意思就是文字的2倍大小。转载 2016-06-19 20:34:27 · 1304 阅读 · 0 评论 -
3-5显示和隐藏(display属性)
网页中经常会看到显示和隐藏的效果,可通过display属性来设置。语法:Object.style.display = value注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。value取值:看看下面代码:转载 2016-06-20 16:35:04 · 249 阅读 · 0 评论 -
2-1什么是变量
什么是变量什么是变量? 从字面上看,变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。给变量取个名字(变量命名)我们为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字)。我们赶快给变量取个好名字吧!变量名转载 2016-06-20 19:31:09 · 561 阅读 · 0 评论 -
十、类型转换
建立struts2conversion项目,并搭建好struts2的基本开发环境1.基于Action的直接属性转换建立t.jsp页面,内容如下:s:form action="phone"method="post"> s:textfieldname="thePhone"label="电话"/> s:submitvalue="转载 2016-06-22 15:17:15 · 253 阅读 · 0 评论 -
网站架构常用的优化方法
一、基础架构 C/S架构 B/S架构二、TCP/IP模型 自上而下分为了: 应用层 : 使用接收到的数据 传输层 : 实际传输数据 网际互连层 : 找到要传输数据的目标节点 网络接入层 :将需要相互连接的节点接入到网络中,从而为数据传输提供条件。 BS架构的TC...翻译 2019-01-02 17:37:51 · 563 阅读 · 0 评论 -
maven配置的java web项目编译后jar包找不到问题
web项目在tomcat启动时报错,jar包找不到。分析后发现是编译时未把mavenjar包引进来。可以通过以下方式引入:原创 2019-07-11 10:14:59 · 1022 阅读 · 0 评论 -
4-1使用<a>标签,链接到另一个页面
使用标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。语法:链接显示的文本例如:click here!上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了转载 2016-06-19 14:08:45 · 1760 阅读 · 0 评论 -
caption标签,为表格添加标题和摘要
表格还是需要添加一些标签进行优化,可以添加标题和摘要。代码如下:摘要摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 语法:<table summary="表格简介文本">标题用以描述表格内容,标题的显示位置:表格上方。转载 2016-06-19 12:14:00 · 653 阅读 · 0 评论 -
用css样式,为表格加入边框
Table 表格在没有添加 css 样式之前,是没有边框的。这样不便于我们后期合并单元格知识点的讲解,所以在这一节中我们为表格添加一些样式,为它添加边框。在右侧代码编辑器中添加如下代码:table tr td,th{border:1px solid #000;}上述代码是用 css 样式代码(后面章节会详细讲解),为th,td单元格添加粗细为一个像素的黑色边框。结果转载 2016-06-19 12:11:40 · 376 阅读 · 0 评论 -
<q>标签,短文本引用
想在你的html中加一段引用吗?比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么标签是你所需要的。语法:引用文本如下面例子:最初知道庄子,是从一首诗庄生晓梦迷蝴蝶。望帝春心托杜鹃。开始的。虽然当时不知道是什么意思,只是觉得诗句挺特别。后来才明白这个典故出自是庄子的《逍遥游》,《逍遥游》代表了庄子思想的最高境界,是对世俗社会的功名利禄及自己转载 2016-06-19 11:31:20 · 428 阅读 · 0 评论 -
<blockquote>标签,长文本引用
的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。 等等,上一节标签不是也是对文本的引用吗?不要忘记标签是对简短文本的引用,比如说引用一句话就用到标签。 如想在我的文章中引用李白《关山月》中的诗句,因为引用文本比较长,所以使用blockquote>。语法:blockquote>引用文本如转载 2016-06-19 11:34:18 · 320 阅读 · 0 评论 -
使用<br>标签分行显示文本
对于上一小节的例子,我们想让那首诗显示得更美观些,如显示下面效果:怎么可以让每一句诗词后面加入一个折行呢?那就可以用到<br />标签了,在需要加回车换行的地方加入,标签作用相当于word文档中的回车。上节的代码改为:语法:xhtml1.0写法:html4.01写法:大家注意,现在一般使用 xhtml1.0 的版本转载 2016-06-19 11:38:02 · 2731 阅读 · 0 评论 -
为你的网页中添加一些空格
在上一节的例子,我们已经讲解过在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入 。语法: 在html代码中输入空格是不起作用的,如下代码。在浏览中显示,还是没有空格效果。输入空格的正确方法:在浏览器中的显示出来的空格效果。如下图所示。转载 2016-06-19 11:39:44 · 268 阅读 · 0 评论 -
认识<hr>标签,添加水平横线
在信息展示时,有时会需要加一些用于分隔的横线,这样会使文章看起来整齐些。如下图所示:语法:html4.01版本 xhtml1.0版本 <hr />注意:1. 标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。2. 标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些转载 2016-06-19 11:43:00 · 586 阅读 · 0 评论 -
<address>标签,为网页加入地址信息
一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。语法:联系地址信息如:文档编写:lilian 北京市西城区德外大街10号本文的作者:lilian 在浏览器上显示的样式为斜体,如果不喜欢斜体,当然可以,可以在后面的课程中使用 cs转载 2016-06-19 11:44:03 · 235 阅读 · 0 评论 -
想加入一行代码吗?使用<code>标签
在介绍语言技术的网站中,避免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用标签了,如下面例子:var i=i+300;注意:在文章中一般如果要插入多行代码时不能使用标签了。语法:代码语言注:如果是多行代码,可以使用标签。转载 2016-06-19 11:46:06 · 200 阅读 · 0 评论 -
使用<pre>标签为你的网页加入大段代码
在上节中介绍加入一行代码的标签为,但是在大多数情况下是需要加入大段代码的,如下图:怎么办?不会是每一代码都加入一个标签吧,没有这么复杂,这时候就可以使用标签。语法:语言代码段 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。如下代码: var message="欢迎"; for(var i=1转载 2016-06-19 11:48:41 · 437 阅读 · 0 评论 -
使用ul,添加新闻信息列表
在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。新闻列表图片列表这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法: 信息 信息 ......举例: 精彩少年 美丽突然出现 触动心灵的旋律ul-li在网页中显示的默认样式一般为:转载 2016-06-19 11:51:04 · 441 阅读 · 0 评论 -
使用ol,添加图书销售排行榜
如果想在网页中展示有前后顺序的信息列表,怎么办呢?如,当当网上的书籍热卖排行榜,如下图所示。这类信息展示就可以使用标签来制作有序列表来展示。语法: 信息 信息 ......举例:下面是一个热点课程下载排行榜: 前端开发面试心法 零基础学习html JavaScript全攻略在网页中显示的默认样式一般为:每项前转载 2016-06-19 12:01:28 · 284 阅读 · 0 评论 -
认识div在排版中的作用
在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个标签中,这个标签的作用就相当于一个容器。语法:…确定逻辑部分:什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。如下图所示:图中用红色边框标出的部分就是一个逻辑部分,就可以使用标签作为容器。转载 2016-06-19 12:03:17 · 197 阅读 · 0 评论 -
给div命名,使逻辑更加清晰
在上一小节中,我们把一些标签放进里,划分出一个独立的逻辑部分。为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。如下两图进行比较,如果设计师把两个图给你,哪个图你看上去能更快的理解呢?是不是右边的那幅图呢。语法:…转载 2016-06-19 12:06:34 · 170 阅读 · 0 评论 -
table标签,认识网页上的表格
有时候我们需要在网页上展示一些数据,如某公司想在网页上展示公司的库存清单。如下表:想在网页上展示上述表格效果可以使用以下代码:创建表格的四个元素:table、tbody、tr、th、td1、…:整个表格以标记开始、标记结束。2、…:当表格内容非常多时,表格会下载一点显示一点,但如果加上标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代转载 2016-06-19 12:09:19 · 261 阅读 · 0 评论