WEB基础入门学习
文章平均质量分 83
将自己学习web入门的知识点整理一下,包括HTML,CSS,JavaScript的一些基础知识学习
pigdreams
有些技术你可以不用它,但你不能不知道它。
展开
-
从零开始学web开发之JavaScript-1.简介&创建简单的脚本
前言JavaScript是一种客户端脚本语言,轻量级编程语言,是可插入 HTML 页面的编程代码,能够访问Web页面的元素以及运行该程序的浏览器,对元素进行操作或创建。 绝大部分的浏览器都支持JavaScript.1.起源JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA...原创 2018-05-08 22:49:46 · 414 阅读 · 0 评论 -
从零开始学web开发之JavaScript-2.变量与运算符
1.变量命令规则JavaScript的变量可以用任何方式进行命名,但一般只使用字母、数字、美元符号($)和下划线。abc,_abc,$abc,abc123,a1b2c3js的变量区分大小写,变量名应遵循驼峰命名法,即是首字母可以是大写或小写,但后续的首字母必须是大写,比如newsPaperList,这是一种良好的编程习惯,便于阅读代码。2.定义变量变量可以直接进...原创 2018-05-10 23:06:44 · 232 阅读 · 0 评论 -
从零开始学web开发之JavaScript-3.数据类型-(1)数值
本节内容大部分直接引用 《JavaScript 标准参考教程(alpha)》,by 阮一峰1.概述JavaScript中的所有数字都是以64位浮点数形式储存的,即使整数也是如此。 所以1与1.0是相同的,是同一个数。IEEE 754浮点数标准:第1位:符号位,0表示正数,1表示负数第2位到第12位:指数部分第13位到第64位:小数部分(即有效数字)...原创 2018-05-15 23:31:30 · 277 阅读 · 0 评论 -
从零开始学web开发之JavaScript-3.数据类型-(2)字符串
本节内容引用 《JavaScript 标准参考教程(alpha)》by 阮一峰 ,《JavaScript从入门到精通(标准版)》,W3School JavaScript教程1.定义字符串(String),也称为文本,JavaScript文本不分字符串和字符,唯一没有固定大小的原始类型。字符串由Unicode字符、数字和各种符号组而成。2.字面量由单引号或者双引...原创 2018-05-18 23:13:36 · 263 阅读 · 0 评论 -
从零开始学web开发之JavaScript-3.数据类型-(3)布尔值boolean
本节内容引用 《JavaScript 标准参考教程(alpha)》,by 阮一峰1.简介布尔值只有两个值,真与假,用true与false两个关键字表示。一般用于程序流程的控制,if(布尔值)用以判断状态。2.逻辑运算符<1>.逻辑与&&(and)a && b.如果 a = true,b=true;则结果...原创 2018-05-20 21:21:16 · 324 阅读 · 0 评论 -
从零开始学web开发之JavaScript-3.数据类型-(4)null&undefined与对象
本节内容引用 《JavaScript 标准参考教程(alpha)》,by 阮一峰一.null & undefinednull:属于对象类型Object,表示一个对象为空,即是找不到该对象,JavaScrit会自动回收为null的变量,避免占用无效的空间,转为数值时为0.undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值.undef...原创 2018-05-23 21:31:11 · 236 阅读 · 0 评论 -
零开始学web开发之JavaScript-3.数据类型-(6)类型转换
1.typeof判断类型运算符typeof可用于判断变量或字面量属于哪种数据类型。 <1>.原始类型返回值数值:number字符串:string布尔值:boolean如:typeof 1;//"number"typeof "1";//"string"typeof 2>3;//false-"boolean"<2>原创 2018-05-24 23:39:49 · 288 阅读 · 0 评论 -
从零开始学web开发之JavaScript-4.数组
本节内容引用 《JavaScript 标准参考教程(alpha)》,by 阮一峰1.定义数组array,是一种特殊的对象,typeof 返回object.数组用来在单独的变量名中存储一系列的值,存储的值按次序进行排列,数组下标从0开始。如果数组的元素还是数组,就形成了多维数组。var a = [[1, 2], [3, 4]];a[0][1] // 2a[1]...原创 2018-05-28 22:46:33 · 259 阅读 · 0 评论 -
从零开始学web开发之CSS-1.简介&2.选择器基础
1.简介<1>.CSS介绍CSS - Cascading Style Sheet 层叠样式表,用以控制网页外观。 CSS的出现改变了网页以往样式非常单调的局面,让网页更具个性与色彩。 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一个CSS文件中注释使用...原创 2018-04-18 22:40:07 · 196 阅读 · 0 评论 -
从零开始学web开发之CSS-3.字体样式
1.字体类型font-family语法: font-family:字体1,字体2,字体3;说明: font-family可指定多种字体,多个字体将按优先顺序排列,以逗号(英文逗号)隔开。 示例:<style type-"text/css"> p{font-family:微软雅黑,Arial,Times New Roman;}</style&...原创 2018-04-19 22:38:24 · 369 阅读 · 0 评论 -
从零开始学web开发之CSS-4.文本样式
前言:字体样式主要涉及字体本身的型体效果,而文本样式主要涉及多个文字的排版效果。 字体样式注意个体,文本样式注重整体。 文本样式属性简介: 属性 说明 text-decoration 下划线、删除线、顶划线 text-transform 文本大小写 font-variant 将英文文本转换为”小型”大写字母...原创 2018-04-21 00:33:41 · 195 阅读 · 0 评论 -
从零开始学web开发之CSS-5.边框样式
简介要定义一个元素的边框必须要设置三个方面的元素,少设置一个属性浏览器也能正常识别,会以默认值的方式。 属性 说明 border-width 边框的宽度 border-style 边框的外观 border-color 边框的颜色1.border-width定义边框宽度 语法:border-width:像素值;...原创 2018-04-21 00:34:52 · 540 阅读 · 0 评论 -
从零开始学web开发之CSS-6.背景样式
背景样式分为两种:背景颜色,背景图像1.背景颜色background-color语法:backgroud-color:颜色值;说明: 颜色值是一个关键字或一个16进制的RGB值。 示例:#div1{background-color:green;}#div2{background-color:#ff0000;}2.背景图像背景图像属性...原创 2018-04-21 00:35:32 · 311 阅读 · 0 评论 -
从零开始学web开发之CSS-7.超链接样式&8.图片样式
超链接样式1.超链接伪类超链接默认有自带的一种样式。默认情况:字体为蓝色,带有下划类鼠标点击时:字体为红色,带有下划线。鼠标点击后:字体为紫色,带有下划线。点击时,指的是点击超链接的一瞬间的状态。<1>.去除超链接下划线在a标签的css样式中使用text-decoration:none.<2>.定义超链接伪类语法:...原创 2018-04-22 20:49:41 · 549 阅读 · 0 评论 -
从零开始学web开发之CSS-9.列表样式&10.表格样式
一、列表样式1.定义列表项符号语法: list-style-type:属性值;说明: 有序列表list-style-type取值如下 属性值 说明 decimal 默认值,数字1、2、3 lover-roman 小写罗马数字i,ii upper-roman 大写罗马数字I,II,III lower-alpha...原创 2018-04-23 00:44:20 · 805 阅读 · 0 评论 -
从零开始学web开发之CSS-11.CSS盒子模型
1.简介页面中所有元素都可以看成一个盒子,并占据着一定的页面空间。一个页面上很多这样的盒子组成,盒子间相互影响。 盒子模型由下面4个属性组成,还有宽度width与高度height两大辅助性属性。 属性 说明 border (边框)元素边框 margin (外边距)用于定义页面中元素与元素之间的距离 padding (内边距)用于定义内容与...原创 2018-04-23 20:09:55 · 246 阅读 · 0 评论 -
从零开始学web开发之CSS-12浮动布局&13定位布局
一、浮动布局1.HTML文档流<1>. 正常文档流动HTML文档流:元素在页面出现的先后顺序。正常文档流:将窗体自上而下分成一行一行,块元素独占一行,相邻行内元素在每行中按从左到右依次排列元素。<2>.脱离正常文档流相对正常文档流而言,用CSS样式去控制的HTML文档结构。 例如将在最下面的div放到第一行显示。 在CSS布局中...原创 2018-04-23 20:10:58 · 309 阅读 · 0 评论 -
从零开始学web开发之html5-h5概述
前言为了掌握多一门技术,于是开始了学习前端技术的脚步。虽然安卓还是没有深入地学习一些比较高端的知识,比如view绘制原理,事件分发机制,属性动画的绘制。没有深入地研究一些流行框架,最遗憾的是没有将rxjava应用到自己的工作中,更加没有学习kotlin,还有好多好多安卓技术没有吃透。但现在学习前端技术是比较紧急的事情,一是webapp的发展趋势越来越好,势必影响到移动端的开发;二是感觉跨平...原创 2018-04-03 23:44:15 · 1457 阅读 · 0 评论 -
从零开始学web开发之html5-2.基本标签
1.HTML基本结构文档声明<!DOCTYPE html> 声明这是一个HTML文档html标签对<html></html> 让浏览器识别整个网页的开始与结束 ,<html xmlns=http://www.w3.org/1999/xhtml>表示该网页用的w3c组织的xhtml规范。h5已简化为<html>...原创 2018-04-04 23:08:44 · 283 阅读 · 1 评论 -
从零开始学web开发之html5-3.段落与文字标签
1.标题标签-header<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>一共有六个级别的标签原创 2018-04-07 17:54:51 · 968 阅读 · 0 评论 -
从零开始学web开发之html5-4.列表
1.有序列表<1>.<ol></ol>-<li></li>·语法:<ol> <li>项目1</li> <li>项目2</li> <li>项目3</原创 2018-04-08 20:41:59 · 244 阅读 · 0 评论 -
从零开始学web开发之html5-5.表格
1.表格的基本结构<1>.<table></table>标记着表格的开始与结束语法:<table> <tr> <td>单元格1</td> <td>单元格2</td> </原创 2018-04-09 20:50:57 · 168 阅读 · 0 评论 -
从零开始学web开发之html5-6.图像
1.图像标签<image/>自闭合标签,图文并茂的网页给予用户最佳体验。 三个主要属性:src,alt,title。 其中src和alt是img标签必不可少的属性,title属性的值往往都跟alt属性的值相同。语法: <img src="sample.jpg" alt="样本" title="样本"/><1>.src属性sour..原创 2018-04-12 22:32:46 · 169 阅读 · 0 评论 -
从零开始学web开发之html5-7.超链接
1.简介超链接(hyperlink),网页中最常见的元素,每个网站都由众多的网页组成,网页之间通常都是通过链接方式相互关联的,在各个独立的页面之间方便地跳转。 可将文档中任何文字及任意位置的图片设置为超链接。类型外部链接内部链接电子邮件链接锚点链接空链接脚本链接2.a标签<1>.简介超链接用a标签来表示, 语法:<...原创 2018-04-12 23:14:31 · 248 阅读 · 0 评论 -
从零开始学web开发之html5-8表单
1.表单简介表单,接触动态页面的第一步,作用是在客户端收集用户的信息,然后将数据递交给服务器来处理。2.表单form标签语法:<form>表单各种标签</form> 这里的表单指的是文本框、按钮、下拉列表等的统称。表单form也是一种块元素,不能与其它元素共存于一行。 <1>.标签属性五个重要的属性name...原创 2018-04-15 22:37:31 · 301 阅读 · 0 评论 -
从零开始学web开发之html5-9.多媒体&10.浮动框架iframe
1.多媒体embedembed是H5新增的标签,它是一个自闭合标签。 H5中还有audio、video标签可用于网页的多媒体开发。 通过实践发现,embed不管如何设置,都会一打开网页就播放,视频与音频都是如此,非常不实用。<1>.网页中插入音、视频embed标签实现在线音频和视频的插入。 语法:<embed src="多媒体文件地址" width=...原创 2018-04-16 21:39:52 · 599 阅读 · 0 评论