02 2020 档案
摘要:浏览器通过form表单把数据提交服务器涉及http协议,模式为浏览器发送请求=>服务器接收=>自身处理=>结果返回浏览器=>浏览器根据结果展示页面给用户,请求分为GET和POST。注意:所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在表单中,其次同一组的单选按钮,name 取值一定要一致,最后form表单中的label标签标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
阅读全文
摘要:链接a标签写法:<a href="链接地址" title="" target="_blank">文本</a>如何新建浏览器窗口打开?添加target="_blank"属性,锚文本写法:<a name="br">1</a> <a href="#br">68点击跳转1</a>或者也可以这样写:<a id="br">1</a><a href="#br">68点击跳转1</a>,除此之外,默认的<a href="#">点击返回顶部</a>img图片插入写法<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
阅读全文
摘要:列表根据信息展示有无先后顺序划分为有序ol>li,无序ul>li;div容器盛放逻辑版块;什么是表格,它是由一个个单元格cell构成,表格中列td的个数,取决于一行tr中数据单元格的个数,表头th文本默认为粗体并且居中显示,<table summary="表格简介文本">/*摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。*/caption标签,为表格添加标题和摘要.
阅读全文
摘要:在js函数与作用域,了解函数基本概念中,我们发现当函数的实参有一个没有上传的时候,对应的形参time展示的值就是undefined,那么如何在不上传time的情况下,解决这个默认值了?方法2种:1.if(time==undefined) 2. time=7;除此之外,函数的另外一个重要特征动态参数arguments,函数的调用传递都会以数组的形式传递到定义function里面去执行,数组遍历,下标从0开始,数组对应的长度为length
阅读全文
摘要:html标签默认在浏览器中展示的样式,html标签的用途:语义化(明白每个标签的用途,在什么情况下使用此标签合理);标签语义化好处:1.更容易被搜索引擎收录2.更容易让屏幕阅读器读出网页内容。html常见标签诸如:文本段落<p>,标题<h1-h6>,空格 换行<br/>,强调<strong>or<em>,短文本引用<q>,长文本引用<blockquote>,短代码引用<code>长代码引用<pre>,水平横线<hr/>添加地址信息<address>
阅读全文
摘要:上网浏览的各式各样网页,这些网页都是由html标签组成的!网页是什么?网页是html文档经过浏览器内核渲染以后展示出来给用户的界面;如何通过html书写自己的一个网页?html和css有什么关系?html是网页内容的载体,css样式是表现,JavaScript是用来实现网页上的特效效果!html文件的基本结构?html标签的语法?<head></head>标签可以包含哪些内容?html代码注释以及作用
阅读全文
摘要:通过js基础语法了解到js的值包含数字,字符串和布尔值;js运算符分为算数,赋值,比较和逻辑运算符;js的流程控制包含条件判断if,switch选择;循环for while;下面js的函数及作用域,学习掌握知识点:1.函数是什么?形参和实参2.函数里面的arguments3.作用域和预解析4.闭包和立即执行实例解析。什么是函数?简单来说是为了提高代码的复用性,写一遍可以多次使用,把特定的功能语句打包放在一起称之为函数。
阅读全文
摘要:swith根据表达式的值来case,break执行跳转语句;循环就是重复的做一件事情,for(;a<=10;)循环的条件可以写在里面也可以写在外面,while,当条件为true,循环执行,do while
阅读全文
摘要:什么是编程?通俗意见上来讲,就是把人的思维与步骤通过代码的形式书写展示出来,js的流程控制包含条件判断if,switch选择,循环for while;if(表达式 条件)=>真{语句}比方说var score=70;if(90<=score<=100){ console.log("123")},执行结果显示的却是123,怎么办了?C语言的解释是90<=score的关系运算表达式结果是布尔值,true or false,然后写成表达式就变成了"前次布尔结果"<=100,这还是一个关系运算表达式;如果为true,就自动变成1<100,反之false=0<100.因此不论结果是0还是1,这个表达式永远为true,所以应该写成逻辑与表达式:90<=score&&score<=100
阅读全文
摘要:javascript属于弱类型,值包含:数字,字符串和布尔值,c++与java属于强类型;int a="a",string a="a" 报错;var a ;原始类型:数字number 字符串string 布尔值 Boolean undefind null,对象object,原始值组合一起;对象分为1.系统自带的对象,数组,函数2.自定义{} e.g三门课程=>60 61 62 ;var a=[60,61,62]下标 序号0开始,自增++,a[0]=60
阅读全文
摘要:,js的运算符分为算数,赋值,比较和逻辑运算符;常见的算数有:+ - * / %(加减乘除,取模),比方说5/4=4*1+1;5%4=1,js算数顺序:从左往右,先* / %后+ ;js的值包含数字,字符串,布尔值;在算数运算中,“加号”:有字符串,按照字符串处理,没有按照数字处理;注意布尔值false=0,true=1;比方来说:1+"a"="1"+"a"="1a" ; 1+false=1+0=1; false+"a"="falsea"; 1-"1"=1-1=0; 1-"a"=NaN (not a number)不是一个数;一元二元运算符,一元运算符++a 二元运算符a+b 一元运算符优先级高于二元运算符;++a,a先加,a++,a后加 ++自增1 --自减1
阅读全文
摘要:通过JavaScript语法基础学习了解到1.怎么使用js/*通常js的引入和css一样,分为内部,外部和行内引入,执行自上而下,有着先后顺序*/;2.js的语法/*2.1js是用字母,数字、特殊字符组成的命令2.2对字母的大小写是敏感的,一个字母相差就相当于2个不同的变量*/3.区分js的命令/*一条语句,一条命令,一行以分号;结尾*/4.js注释/*注释分多行和单行,单行的注释为// 多行的注释为/**/ */5.输出/*alert()弹出警告,console.log(“hello js”)*/
阅读全文
摘要:js编程的基本语言学习目标是:a.怎么写和运行js脚本b.理解变量和值c.学会简单的数学运算符d.数据类型是什么e.流程控制
对于JavaScript的背景知识和结构,总结归纳回答以下3个问题:1.什么是JavaScript2.JavaScript可以做什么3.JavaScript由什么构成,学习方向是什么
阅读全文
摘要:css3和css有什么区别?简单来讲css3是css的升级版本,css3新增样式有圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理(旋转、缩放、倾斜、移动)、多栏布局、媒体查询等。下面是该节总结练习:边框border-radius:边框圆角,值为圆的直径;border-image:url('') x y round/repeat/stretch 实现边框图片环绕/平铺/拉伸,注意设置border:30px solid transparent;背景图background-size的比例乘容器设置盒子大小为背景图大小,通过background-origin调整背景图大小和位置;
阅读全文
摘要:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>translate移动坐标,rotate实现2D自动旋转,translate和rotate实现2D旋转</title>
阅读全文
摘要:滚动条常见样式展示 overflow-x: hidden;/*是否对内容的左/右边缘进行裁剪*/overflow-y: hidden;/*是否对内容的上/下边缘进行裁剪*/overflow:scroll;/*左右滚动*/overflow: hidden;/*截取*/overflow: auto;/*自动*/
显示与隐藏可以用display/* display: none; *//* display: block; *//* display: inline-block; */或者是/* visibility显示与隐藏 */
visibility:hidden;/*隐藏*/visibility: visible;/*显示*/需要注意的是display是不占位隐藏,visibility是占位隐藏
阅读全文
摘要:有关浮动和清浮动问题,个人理解是float:left或者float:right的css样式打破div标准流独占一行的传统,脱离了文档流,所造成的浮动页面影响类似"捆橡皮筋,当你把橡皮都拿走了,橡皮筋就回缩了",这时候,你要做的就是考虑如何有效的防止橡皮筋回缩,就是防止我们布局的div盒子回缩,那清浮动呗,怎么解决?看下“float布局打破标准流,神助攻clear清浮动”,因为课程里面的是增加div,通过,建议用默认伪类::before与::after{content: "";display: block;clear: both;}处理...最后认为比较有意思的一点是课程中浮动的原理介绍/*float浮动只能在文档流之前垂直位置左右浮动,其他不变*//*clear英文清除,计算机里面是阻止的意思
阅读全文
摘要:如何通过absoulue与relative配合把一个盒子或者是把2个div块同时放到页面中央部分?定位完成后为什么又需要margin-left与margin-top各往回走50%的长度,别忘记用z-index定位高度,请看下面代码展示:
阅读全文
摘要:table表格中border-collapse: collapse;/*表格边框是否合并*/border-spacing: 10px;/*表格边框之间的距离*/定位详情可以阅读position属性值4缺一带你了解相对还是绝对抑或是固定定位,实现div绝对居中法/*父定位子绝对,子的坐标系是父的左上角;*/绝对定位和相对定位的相同点:脱离文档流,都在文档流的上方;不同点(1)绝对的坐标系在浏览器的左上角,相对的坐标系在自己的左上角(2)绝对不占位,相对占位;
阅读全文
摘要:鼠标cursor常见样式crosshair;/*十字形状*/cursor:pointer;/*小手形状*/cursor:wait;/*等待形状*/cursor:text;/*默认 文本形状*/cursor:default;/*箭头指示形状*/cursor:help;/*帮助形状*/
列表(list-style-type):none/*把列表前面的选项去除*/disc/*实心*/circle/*空心*/square/*方块*/decimal/*序列*/lower-roman/*小写罗马*/upper-roman/*大写罗马*/lower-alpha/*小写字母*/upper-alpha/*大写字母*/
尺寸:height;max-height;min-height;width;max-width;min-width/*屏幕自适应宽度,100%*/textarea文本框:resize:none/*文本框不能拖动*/width:500px;height:300px;样式继承:文字有关的样式会继承下来(阅读css常用样式font控制字体的多种变换)
阅读全文
摘要:如果把js内容直接放在这个head标签以内,button按钮不能正常点击更换body的背景颜色,报错提示:demo6.html:16 Uncaught TypeError: Cannot set property 'onclick' of null,解决代码展示,问题归纳总结:第一种解决办法直接js文件放在页面底部加载,第二种window onload()包裹起来,出现问题原因:W3School中介绍浏览器先加载完按钮节点才执行JS,当浏览器自顶向下解析时,找不到onclick绑定的按钮节点了,网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行,否则可能导致无法获取对象的情况,。window.onload是一个事件,window.onload表示页面加载完成后执行的函数,js按照页面自上而下的顺序说明的,页面上的Javascript代码是HTML文档的一部分,所以Javascript在页面装载时执行的顺序就是其引入标记!
阅读全文
摘要:网页做三角形图片,你还在拿ps调整吗?out了,老铁,来和我一起脑海畅想一个正方形是由4个等腰直角三角形构成,然后我想保留上边的三角形,那下边、左边、右边的三角形就没了(设置背景色transparent或者与背景相近的颜色),最终结果就是一个保留上边,方向朝下的三角形,需要注意一点的是设置的css样式中width=0,如果不是就不能构成正方形,而是一个梯形;此外还可以通HTML实体里的三角形符号,朝上▲朝下▼朝左◄朝右►,最后通过font的大小颜色控制三角形!
阅读全文
摘要:边框border通常简写为"border:1px solid red;"但其实一个完整的border边框其实是由1.border-width/*边框宽度*/,2.border-style/*边框样式*/,3.border-color/*边框色彩*/三大属性构成构成;边框方位分为border-top,bottom,left,right
边框属性样式整理:border-style:none;/*无边框*/border-style:hidden;/*隐藏边框*/border-style:dotted;/*点状虚线*/border-style:dashed;/*块状虚线*/border-style:solid;/*实线*/border-style:double;/*双线*/(至于border-style:groove;border-style:ridge;border-style:inset;border-style:outset;效果用到较少,通常solid,dashed,none)
阅读全文
摘要:是谁在耳边对我说!important提升权重优先级,只为这一句,我用了3600s研究通配符与标签!important的背景展示,也是让我怀疑人生了!选择器权值:标签选择器1,类选择器和伪类选择器:10,ID选择器:100,通配符选择器:0,行内样式:1000,!important 在一定条件下,优先级最高。根据百度官方介绍body是用在网页中的一种HTML标签,那就说明它是个标签呀,然而通配符选择器(曾怀疑*不是,不过通配符选择器介绍)和标签body同时定义页面背景色,展示的却是通配符定义的,咋办?曰:/*如果非在通配符定义背景的前提下,让body背景颜色正常展示,加高*/,除了body外,其他标签正常展示,适用于这个css选择器优先级!
阅读全文
摘要:background如何简写?如何在背景图像不变的情况下,依旧实现页面文字滚动,为之奈何?别担心,快用background-attachment: fixed;/*固定定位*/常用的background样式如下,1.background-color2.background-image3.background-repeat4.background-attachment5.background-position,废话不多扯,直接代码页面展示:
阅读全文
摘要:常见css样式:1.字体与颜色2.背景属性3.文本属性4.边框属性5.鼠标光标属性6.列表样式7.定位属性8.内外边距9.浮动和清除浮动10.滚动条11.显示和隐藏
文本:1.letter-spacing/*字间距*/2.word-spacing/*词间距*/3.text-decoration/*下划线*/4.text-align/*对齐*/5.text-indent/*缩进*/6.line-height/*行高*/7.color/*颜色*/8.word-break/*文本折行*/
字体:1.font-family/*字体类型*/2.font-size/*字体大小*/3.font-style/*字体样式*/4.font-weight/*字体粗细*/
阅读全文
摘要:常见的css选择器包含:常用选择器、基本选择器、层级选择器、伪类选择器、属性选择器,其中常用选择器分为:1.html选择符*{}//给页面上所有的标签设置模式;2.类选择符.hcls{}//给class是hcls的一类标签设置模式;3.id选择符#h3{}//给id是h3的标签设置样式;4.关联选择符#div h1、#div h1.ljhcls;5.div,h1,pmspan,button{}基本选择器分为:first-child第一个、::first-letter第一个字母、::fist-line第一行、:last-child最后一个元素、:nth-child(n)第几个元素,层级选择器分为a,b组合、a b后代、a>b子代、a+b a的一个是b,伪类选择器:hover鼠标经过、:focus焦点、::selection文字选中背景色,属性选择器[属性]、[属性=值]、[属性~=值]//包含任意一个值、[属性^=值]以什么开始、[属性$=值]以什么结束。
阅读全文
摘要:通过学习CSS3游戏介绍、CSS样式和优先级章节,了解到html5+css3+js不光可以实现动画,其次可以往这个游戏与建模方向发展,更多css3特效访问Gerard Ferrandez on CodePen其次html嵌套css样式分为3种:内联、内部、外部、写法上推荐的是外部,便于代码复用性;样式表的写法是选择器{设置样式};css中常见的注释为/**/;css的优先级:内联style>id选择器>class选择器>标签;在css中,文本默认字体大小16px,长度单位分为px像素与em倍数;除此之外,颜色写法形式如下:#ffff16进制、yellow英文单词、rgb(216, 17, 173)其中当#ff0000可以简写为#f00,闲话不多扯,直接代码展示:
阅读全文
摘要:常见的CSS3选择器包含:常用基本、属性、伪类、层级(组合)选择器,具体使用情况建议先阅读css选择器四大类:基本、组合、属性、伪类对于选择器的使用有一个基本了解,选择器的作用在于通过它找到元素,并且给它添加属性样式。
常用的选择器有:标签、id、类、关联(通过父集找到子集)组合选择器,注意html页面中id是唯一的;基本选择器有(/*代表注释*/),/*:first-child第一个元素*/,/*:last-child最后一个元素*/,/*:nth-child(n)第几个元素*/,/*::first-line 第一行*/,/*::first-letter 第一个单词/字符*/,然后层级选择器有a b后代,a>b子元素,a+b后面的元素(相邻选择器),其次伪类选择器有:hover,:focus焦点,::selection更改鼠标选择文本背景色,最后属性选择器(属性选择器的目的在于可以直接把标签身上的一种属性拿来用)有基本选择器[属性]、基本选择器[属性=值]、 基本选择器[属性~=值]空格符隔开多个、 基本选择器[属性^=值]以什么开始、 基本选择器[属性$=值]以什么结束。
阅读全文
摘要:css3和css有什么区别?首先css33是css(层叠样式表)技术的升级版本,而css是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。然后是内容上css3主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。而css不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。最后在特点上css3新特征有很多,例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理(旋转、缩放、倾斜、移动)、多栏布局、媒体查询等。css主要能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
阅读全文
摘要:阿基米德说“给我一个支点,我能翘起整个地球”,在HTML页面中,给你一个坐标,可以把任何一个元素定位目标点,这就是定位!CSS有三种基本的定位机制:相对定位、绝对定位、固定定位,决定定位的position属性的值有static默认标准流,当然这个就不用多说了;fixed固定定位,releative相对定位,absoulte绝对定位,结论如下:1.定位配合坐标点top bottom left right;2.相对定位相对于自身位置自增或者自减,坐标起点是原来所在位置;3.absolute绝对定位找最近的position属性,没有的话,就找父集进行定位。
阅读全文
摘要:布局是什么?根据功能划分小块,再根据设计稿还原,书写静态页面,然后再在块里面填充内容,完善功能,js施加交互效果。div作为一个容器,独占一行,代码书写习惯从上至下属于标准流,而浮动float的css样式则打破div(标准流)独占一行的传统!具体代码展示如下:
阅读全文
摘要:盒模型规定了元素框处理元素内容width与height值、内边距padding、边框border 和 外边距margin 的数值大小。边框内的空白是内边距padding,边框外的空白是外边距margin,如下所示,这个盒模型元素框的宽度值=内容区域的宽度+2(内边距+外边距+边框),也就是该示例中的元素宽度为170px,需要注意的是在 css 中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。(浏览器查看的时候记得打开控制台F12,点击对应的元素查看)
阅读全文
摘要:在无序列表ul>li中,无线列表的标志是出现在各列表前面的圆点。在有序列表ol>li中,前面默认带有数字,如何修改列表前面的项目符号,只需要通过list-style调整就好,常见的符号有(/*内容注释部分*/)list-style-type:circle;/*空心圆*/list-style:none;/*去除标志*/list-style:square;/*方块*/list-style:upper-roman;/*罗马数字*/list-style:lower-alpha;/*list-style-type:upper-alpha;大写字母*/list-style-type: decimal;/*序号数字展示*/等!
阅读全文
摘要:常见的color, font-family, background 等css属性都能够设置链接的样式,a链接的特殊性在于能够根据它们所处的状态来设置它们的样式。a标签与人交互的4个状态属于伪类状态切换,常见的链接四种状态为:a:link - 普通的、未被访问的链接a:visited - 用户已访问的链接a:hover - 鼠标指针位于链接的上方a:active - 链接被点击的时刻,具体看下面的代码展示:
阅读全文
摘要:CSS文本属性可定义文本的外观,这是毫无疑问的,其次css可以通过以下属性改变文字的排版,比方说letter-spacing实现字符间距text-indent: 2em;完成首行缩进2字符word-spacing改变了文字的间距,direction改变文本从左至右的阅读顺序,white-space处理字符间空白text-transform实现文字大小写text-align改变文字排版对齐,至于我们常看到的产品介绍中的省略号“...”如何实现以及文字如何贴图对齐,尽在下面代码详情中一一介绍。
阅读全文
摘要:CSS 字体属性定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)font-family控制字体,由于各个电脑系统安装的字体不尽相同,但是基本装有黑体、宋体与微软雅黑这三款字体,通常这样写font-family:"黑体", "宋体","Microsoft YaHei"
font-size控制字体大小,我们设置字体大小是设置它的宽度,它的高度一般电脑系统默认字体大小是16px,所以字体大小尽量不要低于16px,1em=16px; font-weight: bold;/*控制字重 一般是100-900 常用lighter(细体) normal(正常)bold加粗 */至于这个font-style,一般默认是normal,也就是正常的,如果说你设置 font-style: italic;斜体话,其实和这个的效果是差不多的;文字间的间距用的line-height如果和高度相等话,就是垂直居中了。
阅读全文
摘要:css背景background属性常用于定义HTML的背景,background简写属性作用是将背景属性设置在一个声明中,background背景属性常见为以下这些:.background-color代表背景颜色 .background-image代表背景图像 .background-repeat 代表背景图像水平或者垂直平铺 .background-attachment代表背景图像是否固定或者随着页面的其余部分滚动 .background-position代表设置背景图像的起始位置 在这些背景效果中background-color属性定义了元素的背景颜色,颜色值通常以以下方式定义:十六进制 - 如:"#ff0000" RGB - 如:"rgb(255,0,0)"颜色名称 - 如:"red"
阅读全文
摘要:什么是选择器?选择器的作用是通过它可以找到元素,把css样式传递给元素!css选择器主要分为:基本选择器、属性选择器、组合选择器与伪类选择器四个大类!基本选择器又分为:*通配符、标签选择器、class选择器、id选择器,在这里需要注意的编程思想在css层叠样式表中元素有且仅有一个id。注意以下几点1.id唯一性2.元素id不相同,就像每一个人只有一个身份证一样,ID就代表身份证3.class选择器不具有唯一性,它可以重复使用!此外这个*通配符代表的是全局
阅读全文
摘要:css原理:1.优先原则=>后解析的内容会覆盖之前解析的内容(所谓解析就是读取的css样式)2.继承原则=>嵌套里面的标签拥有外部标签的某些样式,子元素可以继承父元素的属性
1》优先原则针对选择器:a.同一个选择器从上往下读取执行css样式 b.同一类选择器从上往下执行 c.不同类型的选择器优先级,先执行低优先级再执行高优先级,比方基本选择器就是从*通配符<标签div
阅读全文
摘要:css是什么?不需要了解太多文字类介绍,记住css是层叠样式表,HTML是页面结构,css负责页面样式,javascrt负责静态页面的交互。CSS能够对网页中元素位置的排版进行像素级精确控制,拥有对网页对象和模型样式编辑的能力。详情参考css百度百科了解其发展历史,语言特点与语言基础等,也是有好处的。
阅读全文
摘要:如果介绍HTML网页基本标签的嵌套规则,首先要说的就是元素的分类。元素可以划分为块级元素和行级元素,块级元素是什么?它可以独占一行,可以设置宽高度,默认是100%;行级元素与之相反,它的内容决定它的宽高度,至于特殊字符就当成是文字来看!嵌套规则总结如下几点:1.块元素可以嵌套行元素2.行元素可以嵌套行元素3.行元素不可以嵌套块元素4.文字类块元素不可以嵌套块元素5.容器类块元素可以嵌套块元素
阅读全文
摘要:什么是网页的布局?网页布局就是我们在拿到设计稿后进行切片处理(所谓切图),然后我们通过DIV+CSS布局,书写静态页面按照设计稿还原排列,把我们想要实现的功能与内容进行填充!早期的frameset布局主要书写管理后台控制菜单的切换实现局部的刷新,至于页面的嵌套则是通过iframe
阅读全文
摘要:表单是什么?表单是前端和服务器做交互的一种机制,表单收集用户输入信息,之后发送或者提交给服务器。用户在输入的信息称之为内容,内容的文本分为普通和密码型,用户通过单选框、复选框、下拉框(也就是下拉菜单)完成内容信息输入,最后通过提交按钮发送给服务器!这里要讲到浏览器怎么发送给服务器?涉及到http协议,也就是超文本传输协议,它是浏览器和服务器通讯的一种机制。模式为:请求——应答,浏览器发送请求=>服务器接收=>自身处理=>结果返回浏览器=>浏览器根据结果展示页面给用户,请求分为GET和POST。
阅读全文
摘要:1.HTML基础标签图片常见代码形式<img src="图片路径地址" alt="属性名" title="占位符">常见的图片格式为以下三种:.jpg(图片有损压缩,影响画质)、.png(图片无损压缩、容积大、具有透明通道)、.gif(动图)。图片路径地址分为本地图片和网络图片,本地图片中分为绝对路
阅读全文
摘要:不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。 HTML是一门超文本标记语言,浏览器解析html标记后,展示页面内容,目前流行HTML5,俗称H5。静态网页的拓展名htm或html新建网页的步骤:1、新建文本文档,更改拓展名为htm或html2、编写网页的基本结构,并保存。HTML语言的特点标记,大部分的都是成对存在不区分大小写 H5区分大小写。使用相关的标签进行排版1、网页的标题2、标题标签....数字越大 标题越小3、段落标记4、换行
5、水平线6、字体加粗 斜体7、HTML中的注释和特殊的符号: 特殊符号: 空格 ; 大于号>; 小于号<;引号";版权符号©等
阅读全文
摘要:什么是网页?html文档经过浏览器内核渲染后展示出来的页面(五大主流浏览器及四大内核)
html文档文件名后缀是.html,之前存在的.htm是为支持DOM系统(目前织梦还是用.htm文件名结尾文件)
编码是我们通过代码的形式把想要展示的页面写到html文档里面,接着渲染作为一个动作,主要是html文档本身无法被人很好识别的,所以需要经过浏览器内核渲染展示为正常人看的页面,查看页面源代码快捷键是CTRL+U;通常源代码展示如下:
阅读全文
摘要:vscode-代码编辑器的全称是“visual studio code”,主要是一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。
百度搜索vscode点击官网(https://code.visualstudio.com/)下载编辑器,通常它会自动判别你的电脑版本是Mac、windows或者linux的,系统分为32bit或者64bit
阅读全文
摘要:前端学习大致分为四个阶段:一、入门阶段(主要是了解代码语义化)二、实战阶段(在一的前提下,对于前端有兴趣,深入学习CSS\JS,挖掘相关技能)三、就业阶段(学习前端主要目的是想找一份高薪的岗位,那么此时需要你对框架有一定掌握)四、全栈阶段(丰富知识面,考虑发展方向)!当然我们在入门阶段主要是学习前端的三大基础语言:HTML、CSS、JAVASCRIPT,它们的作用在于:html是网页的基本结构,css起到美化页面的作用、JavaScript目的则是实现页面的交互,让整个页面动起来!
阅读全文
摘要:什么是代码注释?在代码编辑器中的注释代码是不会在浏览器窗口展示的!html代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你之前编写的代码,很快可以想起这个代码的用途。代码注释不仅方便程序员自己回忆以前代码的用途,还可以帮助其他程序员快速读懂你的程序的功能,后续方便别人合作开发网页代码!
阅读全文
摘要:<head></head>标签位于html文档的头部,主要是用来描述文档的各种属性和信息,包括文档的标题等,当然文档头部包含的数据都不会真正作为内容展示给访客的。 如下的一些标签常用于<head>和</head>标签部分:<head><title></title><meta><link><style
阅读全文
摘要:一个HTML文件的基本机构如下: <html><head>...</head><body>...</body></html>代码讲解如下:1.<html></html>称之为根标签,所有的网页标签都是在它们中间的。2.<head></head>标签用于定义文档的头部,它是头部元素的容器。头部元素包含
阅读全文
摘要:1.标签由英文"<"和">"括起来组成,如<html>就是一个标签2.html中的标签一般都是成对成对出现的,分为开始标签和结束标签。结束标签比开始标签多了一个"/"e.g举例如下:(1)<p></p>(2)<div></div>(3)<span></span>开始标签-标签内容-结束标签3.标签与
阅读全文
摘要:什么是网页?网页就是我们我们提前写好的代码样式经过浏览器的渲染展示出来的样式效果。其实我们常说的上网就是浏览各式各样的网页,这些网页都是由html标签组成,下面就是一个简单的网页,效果图如下: 简单看下,这个网页其实由以下代码组成: 1 <!DOCTYPE html> 2 <html lang="e
阅读全文
摘要:学习web前端开发至少需要掌握:html,css,javascript,那么这3门基础语言主要是用来实现什么的?1>html是网页内容的载体。内容就是网页制作者放在网页上想要让用户刘安的信息,比方文字、图片、视频等。2>css是样式的表现。就像网页的外衣,比如,标题字体、颜色变化、或者为标题加入背景
阅读全文
摘要:一般来说,第一次制作个人网页的朋友们,首句基本都是你好,全世界hello world 代码展示如下: 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=u
阅读全文
浙公网安备 33010602011771号