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 · 454 阅读 · 0 评论 -
从零开始学web开发之JavaScript-2.变量与运算符
1.变量命令规则 JavaScript的变量可以用任何方式进行命名,但一般只使用字母、数字、美元符号($)和下划线。 abc,_abc,$abc,abc123,a1b2c3 js的变量区分大小写,变量名应遵循驼峰命名法,即是首字母可以是大写或小写,但后续的首字母必须是大写,比如newsPaperList,这是一种良好的编程习惯,便于阅读代码。 2.定义变量 变量可以直接进...原创 2018-05-10 23:06:44 · 259 阅读 · 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 · 319 阅读 · 0 评论 -
从零开始学web开发之JavaScript-3.数据类型-(2)字符串
本节内容引用 《JavaScript 标准参考教程(alpha)》by 阮一峰 ,《JavaScript从入门到精通(标准版)》,W3School JavaScript教程 1.定义 字符串(String),也称为文本,JavaScript文本不分字符串和字符,唯一没有固定大小的原始类型。 字符串由Unicode字符、数字和各种符号组而成。 2.字面量 由单引号或者双引...原创 2018-05-18 23:13:36 · 303 阅读 · 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 · 371 阅读 · 0 评论 -
从零开始学web开发之JavaScript-3.数据类型-(4)null&undefined与对象
本节内容引用 《JavaScript 标准参考教程(alpha)》,by 阮一峰 一.null & undefined null:属于对象类型Object,表示一个对象为空,即是找不到该对象,JavaScrit会自动回收为null的变量,避免占用无效的空间,转为数值时为0. undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值.undef...原创 2018-05-23 21:31:11 · 272 阅读 · 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 · 315 阅读 · 0 评论 -
从零开始学web开发之JavaScript-4.数组
本节内容引用 《JavaScript 标准参考教程(alpha)》,by 阮一峰 1.定义 数组array,是一种特殊的对象,typeof 返回object. 数组用来在单独的变量名中存储一系列的值,存储的值按次序进行排列,数组下标从0开始。 如果数组的元素还是数组,就形成了多维数组。 var a = [[1, 2], [3, 4]]; a[0][1] // 2 a[1]...原创 2018-05-28 22:46:33 · 305 阅读 · 0 评论 -
从零开始学web开发之CSS-1.简介&2.选择器基础
1.简介 <1>.CSS介绍 CSS - Cascading Style Sheet 层叠样式表,用以控制网页外观。 CSS的出现改变了网页以往样式非常单调的局面,让网页更具个性与色彩。 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一个 CSS文件中注释使用...原创 2018-04-18 22:40:07 · 221 阅读 · 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 · 401 阅读 · 0 评论 -
从零开始学web开发之CSS-4.文本样式
前言: 字体样式主要涉及字体本身的型体效果,而文本样式主要涉及多个文字的排版效果。 字体样式注意个体,文本样式注重整体。 文本样式属性简介: 属性 说明 text-decoration 下划线、删除线、顶划线 text-transform 文本大小写 font-variant 将英文文本转换为”小型”大写字母...原创 2018-04-21 00:33:41 · 230 阅读 · 0 评论 -
从零开始学web开发之CSS-5.边框样式
简介 要定义一个元素的边框必须要设置三个方面的元素,少设置一个属性浏览器也能正常识别,会以默认值的方式。 属性 说明 border-width 边框的宽度 border-style 边框的外观 border-color 边框的颜色 1.border-width 定义边框宽度 语法: border-width:像素值;...原创 2018-04-21 00:34:52 · 599 阅读 · 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 · 359 阅读 · 0 评论 -
从零开始学web开发之CSS-7.超链接样式&8.图片样式
超链接样式 1.超链接伪类 超链接默认有自带的一种样式。 默认情况:字体为蓝色,带有下划类 鼠标点击时:字体为红色,带有下划线。 鼠标点击后:字体为紫色,带有下划线。 点击时,指的是点击超链接的一瞬间的状态。 <1>.去除超链接下划线 在a标签的css样式中使用 text-decoration:none. <2>.定义超链接伪类 语法:...原创 2018-04-22 20:49:41 · 633 阅读 · 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 · 864 阅读 · 0 评论 -
从零开始学web开发之CSS-11.CSS盒子模型
1.简介 页面中所有元素都可以看成一个盒子,并占据着一定的页面空间。一个页面上很多这样的盒子组成,盒子间相互影响。 盒子模型由下面4个属性组成,还有宽度width与高度height两大辅助性属性。 属性 说明 border (边框)元素边框 margin (外边距)用于定义页面中元素与元素之间的距离 padding (内边距)用于定义内容与...原创 2018-04-23 20:09:55 · 287 阅读 · 0 评论 -
从零开始学web开发之CSS-12浮动布局&13定位布局
一、浮动布局 1.HTML文档流 <1>. 正常文档流动 HTML文档流:元素在页面出现的先后顺序。 正常文档流:将窗体自上而下分成一行一行,块元素独占一行,相邻行内元素在每行中按从左到右依次排列元素。 <2>.脱离正常文档流 相对正常文档流而言,用CSS样式去控制的HTML文档结构。 例如将在最下面的div放到第一行显示。 在CSS布局中...原创 2018-04-23 20:10:58 · 363 阅读 · 0 评论 -
从零开始学web开发之html5-h5概述
前言 为了掌握多一门技术,于是开始了学习前端技术的脚步。虽然安卓还是没有深入地学习一些比较高端的知识,比如view绘制原理,事件分发机制,属性动画的绘制。没有深入地研究一些流行框架,最遗憾的是没有将rxjava应用到自己的工作中,更加没有学习kotlin,还有好多好多安卓技术没有吃透。 但现在学习前端技术是比较紧急的事情,一是webapp的发展趋势越来越好,势必影响到移动端的开发;二是感觉跨平...原创 2018-04-03 23:44:15 · 1565 阅读 · 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 · 316 阅读 · 1 评论 -
从零开始学web开发之html5-3.段落与文字标签
1.标题标签-header <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> 一共有六个级别的标签原创 2018-04-07 17:54:51 · 1067 阅读 · 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 · 280 阅读 · 0 评论 -
从零开始学web开发之html5-5.表格
1.表格的基本结构 <1>.<table></table> 标记着表格的开始与结束 语法: <table> <tr> <td>单元格1</td> <td>单元格2</td> </原创 2018-04-09 20:50:57 · 203 阅读 · 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 · 206 阅读 · 0 评论 -
从零开始学web开发之html5-7.超链接
1.简介 超链接(hyperlink),网页中最常见的元素,每个网站都由众多的网页组成,网页之间通常都是通过链接方式相互关联的,在各个独立的页面之间方便地跳转。 可将文档中任何文字及任意位置的图片设置为超链接。 类型 外部链接 内部链接 电子邮件链接 锚点链接 空链接 脚本链接 2.a标签 <1>.简介 超链接用a标签来表示, 语法: <...原创 2018-04-12 23:14:31 · 293 阅读 · 0 评论 -
从零开始学web开发之html5-8表单
1.表单简介 表单,接触动态页面的第一步,作用是在客户端收集用户的信息,然后将数据递交给服务器来处理。 2.表单form标签 语法: <form>表单各种标签</form> 这里的表单指的是文本框、按钮、下拉列表等的统称。表单form也是一种块元素,不能与其它元素共存于一行。 <1>.标签属性 五个重要的属性 name...原创 2018-04-15 22:37:31 · 335 阅读 · 0 评论 -
从零开始学web开发之html5-9.多媒体&10.浮动框架iframe
1.多媒体embed embed是H5新增的标签,它是一个自闭合标签。 H5中还有audio、video标签可用于网页的多媒体开发。 通过实践发现,embed不管如何设置,都会一打开网页就播放,视频与音频都是如此,非常不实用。 <1>.网页中插入音、视频 embed标签实现在线音频和视频的插入。 语法: <embed src="多媒体文件地址" width=...原创 2018-04-16 21:39:52 · 664 阅读 · 0 评论