web前端
文章平均质量分 68
洲洋世界
这个作者很懒,什么都没留下…
展开
-
web前端-HTML文本格式化-006
HTML格式化标签HTML使用标签<b>与<i>对输出的文本进行格式化,如:粗体或 斜体。 通常标签<strong>替换加粗标签<b>来使用,<em>替换<i>标签使用。然而标签的含义是不同的:<b>与<i>定义粗体或斜体文本;<strong>或者<em>意味着你要是呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。HTML文本格式化标签 标签 描述 <b>原创 2016-09-28 16:18:26 · 870 阅读 · 0 评论 -
web前端-HTML脚本-018
HTML <script> 标签<script> 标签用于定义客户端脚本,比如 JavaScript。 <script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。 JavaScript 最常用于图片操作、表单验证以及内容动态更新。 下面的脚本会向浏览器输出”Hello World!”:<script>document.write("Hello World!");</s原创 2016-09-30 09:24:19 · 544 阅读 · 0 评论 -
web前端-HTML字符实体-019
HTML 实体在 HTML 中,某些字符是预留的。 在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。 字符实体类似这样:&entity_name;或&#entity_number;如需显示小于号,我们必须这样写:< 或 < 或原创 2016-09-30 09:36:11 · 647 阅读 · 0 评论 -
web前端-HTML URL-020
URL - 统一资源定位器URL是一个网页地址。 URL可以由字母组成,如”W3CSchools.cc”,或互联网协议(IP)地址: 192.68.20.50。大多数人进入网站使用网站域名来访问,因为 名字比数字更容易记住。 Web浏览器通过URL从Web服务器请求页面。 当您点击 HTML 页面中的某个链接时,对应的 <a> 标签指向万维网上的一个地址。 一个统一资源定位器(URL) 用于原创 2016-09-30 09:51:53 · 363 阅读 · 0 评论 -
web前端-HTML速查列表-021
HTML 基本文档<!DOCTYPE html><html><head><title>文档标题</title></head><body>可见文本...</body></html>基本标签(Basic Tags)<h1>最大的标题</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最原创 2016-09-30 10:01:44 · 465 阅读 · 0 评论 -
web前端-CSS语法-001
CSS实例CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。 属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。 实例:<!DOCTYPE html><html><head><meta charset="utf-8">原创 2016-09-30 10:53:26 · 303 阅读 · 0 评论 -
web前端-CSS id和Class选择器-002
如果你要在HTML元素中设置CSS样式,你需要在元素中设置”id” 和 “class”选择器。id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。 以下的样式规则应用于元素属性 id=”para1”:<!DOCTYPE html><html><head><meta charse原创 2016-09-30 11:10:25 · 1030 阅读 · 0 评论 -
web前端-CSS创建-003
如何插入样式表插入样式表的方法有三种:外部样式表内部样式表内联样式外部样式表当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在(文档的)头部:<head><link rel="stylesheet" type="text/css" href="mys原创 2016-09-30 11:42:31 · 326 阅读 · 0 评论 -
web前端-CSS Backgrounds-004
CSS 背景属性用于定义HTML元素的背景。 CSS 属性定义背景效果:background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position背景颜色background-color 属性定义了元素的背景颜色. 页面的背景颜色使用在body的选择器中:body {backgro原创 2016-09-30 12:57:40 · 364 阅读 · 0 评论 -
web前端-HTML颜色-017
颜色值HTML 颜色由红色、绿色、蓝色混合而成。 HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。 种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。 这个表格给出了由三种颜色混合而成的具体效果:原创 2016-09-30 09:02:08 · 361 阅读 · 0 评论 -
web前端-HTML框架-016
iframe语法<iframe src="URL"></iframe>该URL指向不同的网页。Iframe - 设置高度与宽度height 和 width 属性用来定义iframe标签的高度与宽度。 属性默认以像素为单位, 但是你可以指定其按比例显示 (如:”80%”). 实例:<iframe src="demo_iframe.htm" width="200" height="200"></if原创 2016-09-30 08:49:15 · 263 阅读 · 0 评论 -
web前端-HTML表单-015
HTML 表单表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 表单使用表单标签 <form> 来设置:<form>.input 元素.</form>HTML 表单 - 输入元素多数情况下被用到的表单标签是输入标签(<input>)。 输入类型是由类原创 2016-09-29 16:36:48 · 439 阅读 · 0 评论 -
web前端-HTML链接-007
HTML超链接(链接)HTML使用标签<a>来设置超文本链接。 超文本链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时,箭头会变。默认情况下,链接将以以下形式出现在浏览器中:一个未访问过的链接显示为蓝色字体并带有下划线。访问过的链接显示为紫色并带有下划线。点击链接时,链接显示为红色并带原创 2016-09-29 10:20:16 · 879 阅读 · 0 评论 -
web前端-HTML头部-008
HTML <head> 元素<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.HTML <title> 元素<title> 标签定义了不同原创 2016-09-29 10:46:07 · 478 阅读 · 0 评论 -
web前端-HTML CSS-009
如何使用CSSCSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的. CSS 可以通过以下方式添加到HTML中:内联样式- 在HTML元素中使用”style” 属性内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS外部引用 - 使用外部 CSS 文件 最好的方式是通过外部引用CSS文件.内联样式当特殊的样式需要应用到个别元素原创 2016-09-29 11:06:59 · 284 阅读 · 0 评论 -
web前端-HTML图像-010
HTML 图像- 图像标签( <img>)和源属性(Src)在 HTML 中,图像由<img> 标签定义。 <img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。 要在页面上显示图像,你需要使用源属性(src)。src 指 “source”。源属性的值是图像的 URL 地址。 定义图像的语法是:<img src="url" alt="some_text">URL 指存储图像的位置。如原创 2016-09-29 11:30:47 · 430 阅读 · 0 评论 -
web前端-HTML表格-011
HTML 表格表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 实例:<table border="1"><tr><td>row 1, cell 1</td><td>row 1原创 2016-09-29 13:37:42 · 361 阅读 · 0 评论 -
web前端-HTML列表-012
HTML无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表使用 <ul> 标签<ul><li>Coffee</li><li>Milk</li></ul>浏览器显示如下:CoffeeMilkHTML 有序列表同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。 列表项项使用数字来原创 2016-09-29 13:49:39 · 333 阅读 · 0 评论 -
web前端-HTML区块-013
HTML 区块元素大多数 HTML 元素被定义为块级元素或内联元素。 块级元素在浏览器显示时,通常会以新行来开始(和结束)。 实例: <h1>, <p>, <ul>, <table>HTML 内联元素内联元素在显示时通常不会以新行开始。 实例: <b>, <td>, <a>, <img>HTML <div> 元素HTML <div> 元素是块级元素,它可用于组合其他 HTML 元素的容器。原创 2016-09-29 14:22:46 · 354 阅读 · 0 评论 -
web前端-HTML布局-014
大多数网站会把内容安排到多个列中(就像杂志或报纸那样)。 大多数网站可以使用 <div> 或者 <table> 元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。 虽然我们可以使用HTML table标签来设计出漂亮的布局,但是table标签是不建议作为布局工具使用的 - 表格不是布局工具。HTML 布局 - 使用<div> 元素div 元素是用于分组 HTML原创 2016-09-29 15:27:31 · 444 阅读 · 0 评论 -
web前端-CSS Text(文本)-005
Text Color颜色属性被用来设置文字的颜色。 颜色是通过CSS最经常的指定:十六进制值 - 如”#FF0000”一个RGB值 - “RGB(255,0,0)”颜色的名称 - 如”红”一个网页的背景颜色是指在主体内的选择:<!DOCTYPE html><html><head><meta charset="utf-8"> <title>baidu.com</title> <st原创 2016-09-30 14:09:20 · 1080 阅读 · 1 评论 -
web前端-CSS Fonts(字体)-006
CSS字型在CSS中,有两种类型的字体系列名称:通用字体系列 - 拥有相似外观的字体系统组合(如 “Serif” 或 “Monospace”)特定字体系列 - 一个特定的字体系列(如 “Times” 或 “Courier”) Generic family 字体系列 说明 Serif Times New RomanGeorgia Serif字体中字符在行的末端拥有额外的装饰原创 2016-09-30 15:37:41 · 697 阅读 · 0 评论 -
web前端-JavaScript 错误 -020
JavaScript 错误 - throw、try 和 catchtry 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。JavaScript 错误当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误。 可能是语法错误,通常是程序员造成的编码错误或错别字。 可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。 可能是由于来原创 2016-10-20 08:39:59 · 427 阅读 · 0 评论 -
web前端-JavaScript 使用误区 -024
赋值运算符应用错误在 JavaScript 程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两个等号 (==)。 if 条件语句返回 false (是我们预期的)因为 x 不等于 10:var x = 0;if (x == 10)if 条件语句返回 true (不是我们预期的)因为条件语句执行为 x 赋值 10,10 为 true原创 2016-10-20 14:13:12 · 369 阅读 · 0 评论 -
web前端-JavaScript 表单验证 -025
JavaScript 表单验证JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 表单数据经常需要使用 JavaScript 来验证其正确性:验证表单数据是否为空?验证输入是否是一个正确的email地址?验证日期是否输入正确?验证表单输入内容是否为数字型?必填(或必选)项目下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选原创 2016-10-20 14:31:24 · 751 阅读 · 0 评论 -
web前端-JavaScript 保留关键字 -026
在 JavaScript 中,一些标识符是保留关键字,不能用作变量名或函数名。JavaScript 标准所有的现代浏览器完全支持 ECMAScript 3(ES3,JavaScript 的第三版,从 1999 年开始)。 ECMAScript 4(ES4)未通过。 ECMAScript 5(ES5,2009 年发布),是 JavaScript 最新的官方版本。 随着时间的推移,我们开始看到,所原创 2016-10-20 14:49:00 · 463 阅读 · 0 评论 -
web前端-JavaScript JSON -027
JSON 使用 JavaScript 语法,但是 JSON 格式仅仅是一个文本。 文本可以被任何编程语言读取及作为数据格式传递。JSON 实例以下 JSON 语法定义了 employees 对象: 3 条员工记录(对象)的数组:{"employees":[ {"firstName":"John", "lastName":"Doe"}, {"firstName":"Anna",原创 2016-10-20 14:59:01 · 485 阅读 · 0 评论 -
web前端-JavaScript void -028
javascript:void(0) 含义我们经常会使用到 javascript:void(0) 这样的代码,那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢? javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。 语法格式如下:<hea原创 2016-10-20 15:13:21 · 402 阅读 · 0 评论 -
web前端-JavaScript 代码规范 -029
JavaScript 代码规范代码规范通常包括以下几个方面:变量和函数的命名规则空格,缩进,注释的使用规则。其他常用规范……规范的代码可以更易于阅读与维护。 代码规范一般在开发前规定,可以跟你的团队成员来协商设置。变量名变量名推荐使用驼峰法来命名(camelCase):firstName = "John";lastName = "Doe";price = 19.90;tax = 0.2原创 2016-10-20 15:30:05 · 760 阅读 · 0 评论 -
web前端-HTML 媒体插件 022
插件的功能是扩展 HTML 浏览器的功能。HTML 助手(插件)辅助应用程序(helper application)是可由浏览器启动的程序。辅助应用程序也称为插件。 辅助程序可用于播放音频和视频(以及其他)。辅助程序是使用 <object> 标签来加载的。 使用辅助程序播放视频和音频的一个优势是,您能够允许用户来控制部分或全部播放设置。 插件可以通过 <object> 标签或者 <embed>原创 2016-10-21 09:41:36 · 439 阅读 · 0 评论 -
web前端-CSS 列表样式(ul)-008
CSS列表属性作用如下:设置不同的列表项标记为有序列表设置不同的列表项标记为无序列表设置列表项标记为图像列表在HTML中,有两种类型的列表:无序列表 - 列表项标记用特殊图形(如小黑点、小方框等)有序列表 - 列表项的标记有数字或字母使用CSS,可以列出进一步的样式,并可用图像作列表项标记。不同的列表项标记list-style-type属性指定列表项标记的类型是:<!DOCTYPE h原创 2016-10-08 09:11:26 · 4125 阅读 · 0 评论 -
web前端-CSS 链接(link)-007
链接样式链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。 特别的链接,可以有不同的样式,这取决于他们是什么状态。 这四个链接状态是:a:link - 正常,未访问过的链接a:visited - 用户已访问过的链接a:hover - 当用户鼠标放在链接上时a:active - 链接被点击的那一刻实例:a:link {color:#FF0000;} /* 未访问链接*/原创 2016-09-30 15:47:45 · 1223 阅读 · 0 评论 -
web前端-JavaScript 严格模式 -023
JavaScript 严格模式(strict mode)即在严格的条件下运行。使用 “use strict” 指令“use strict” 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。 它不是一条语句,但是是一个字面量表达式,在 JavaScript 旧版本中会被忽略。 “use strict” 的目的是指定代码在严格条件下执行。 严格模式下你不能使用未声明的原创 2016-10-20 11:10:36 · 733 阅读 · 0 评论 -
web前端-JavaScript 比较 -014
比较运算符比较运算符在逻辑语句中使用,以测定变量或值是否相等。 x=5,下面的表格解释了比较运算符: 运算符 描述 比较 返回值 == 等于 x==8x==5 falsetrue === 绝对等于(值和类型均相等) x===”5”x===5 falsetrue != 不等于 x!=8 true !== 绝对不等于(值或类型不相等原创 2016-10-19 14:04:14 · 440 阅读 · 0 评论 -
web前端-JavaScript 条件语句 -015
条件语句通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。 在 JavaScript 中,我们可使用以下条件语句:if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码if…else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码if…else if….else 语句- 使用该语句来选择多个代码块之一原创 2016-10-19 14:12:43 · 574 阅读 · 0 评论 -
web前端-JavaScript 循环 -016
不同类型的循环JavaScript 支持不同类型的循环:for - 循环代码块一定的次数for/in - 循环遍历对象的属性while - 当指定的条件为 true 时循环指定的代码块do/while - 同样当指定的条件为 true 时循环指定的代码块For 循环for 循环是您在希望创建循环时常会用到的工具。 下面是 for 循环的语法:for (语句 1; 语句 2; 语句 3)原创 2016-10-19 15:18:59 · 486 阅读 · 0 评论 -
web前端-JavaScript typeof -017
typeof 操作符你可以使用 typeof 操作符来检测变量的数据类型。typeof "John" // 返回 string typeof 3.14 // 返回 numbertypeof false // 返回 booleantypeof [1,2,3,4] // 返回 o原创 2016-10-19 15:25:32 · 467 阅读 · 0 评论 -
web前端-JavaScript 类型转换 -018
JavaScript 数据类型在 JavaScript 中有 5 种不同的数据类型:stringnumberbooleanobjectfunction3 种对象类型:ObjectDateArray2 个不包含任何值的数据类型:nullundefinedtypeof 操作符你可以使用 typeof 操作符来查看 JavaScript 变量的数据类型。typeof "John"原创 2016-10-19 15:58:42 · 534 阅读 · 0 评论 -
web前端-JavaScript 正则表达式 -019
什么是正则表达式?正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 正则表达式是由一个字符序列形成的搜索模式。 当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。 正则表达式可以是一个简单的字符,或一个更复杂的模式。 正则表达式可用于所有文本搜索和文本替换的操原创 2016-10-19 16:24:29 · 456 阅读 · 0 评论 -
web前端-JavaScript 调试 -021
JavaScript 调试没有调试工具是很难去编写 JavaScript 程序的。 你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误比较难于发现。 通常,如果 JavaScript 出现错误,是不会有提示信息,这样你就无法找到代码错误的位置。 通常,你在编写一个新的 JavaScript 代码过程中都会发生错误。JavaScript 调试工具在程序代码中寻找错误叫做代码调试。原创 2016-10-20 09:42:48 · 448 阅读 · 0 评论