meta标签 | 易学教程

HTML入门篇

阅读更多关于 HTML入门篇

HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。一、编写html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> \<!DOCTYPE html\> 作用告诉浏览器用什么样的规范来解析html文件一个html文件中只能有一对html标签，标签内部可以写属性二、注释  三、head标签 1.meta标签 <!DOCTYPE html> <html lang="en"> <head>  <meta http-equiv="content-type" content="text/html" charset="utf-8" />  <meta http-equiv="refresh" content="30" />  <meta http-equiv=

day15 Jquery

阅读更多关于 day15 Jquery

一 jQuery是什么？［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。［2］ jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! ［3］它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器［4］ jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。［5］ jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。. 二什么是 jQuery 对象？ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法这段代码等同于用DOM实现代码： document.getElementById("

HTML学习笔记1

阅读更多关于 HTML学习笔记1

一个HTML文档的组成文档申明： <!DOCTYPE HTML> 申明表示这是一个HTML文档 html标签： <html></html> 这是设计者在告诉浏览器，整个网页是从 <html> 这里开始的，然后到 </html> 结束 head标签： <head></head> head标签是页面的“头部”，只能定义一些特殊的内容 body标签： <body></body> body标签是页面的“身体”，一般网页绝大多数的标签代码都是在这里编写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> </html> 一、head标签一般来讲 <head> 标签中只有 <title><meta><link><style><script><base> 这6个标签可以放在标签内 <title> 网页标题 <meta> “元信息标签”，有两个比较重要的属性name和http

CSS基础

阅读更多关于 CSS基础

CSS介绍给HTML设置样式，让它更加美观。加皮肤当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法选择器{css样式:样式对应的值} CSS实例　　　　每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。　　　　　　 CSS的几种引入方式行内样式行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。 <p style="color: red">Hello world.</p> 内部样式嵌入式是将CSS样式集中写在网页的 <head></head> 标签对的 <style></style> 标签对中。格式如下： <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 外部样式推荐方式3:(常用) 外部样式第一步:创建一个css文件第二步:在html文件中引入: <link href="mystyle.css" rel="stylesheet" type="text/css"/> 第三步:css文件中样式的写法 div{color:green;xx:xx;...} #现在写的这个

HTML笔记（二）

阅读更多关于 HTML笔记（二）

HTML笔记（二）五、细节 1. 文档类型 2. 头部分 2.1. HTML title 元素 2.2. HTML base 元素 2.3. HTML link 元素 2.4. HTML style 元素 2.5. HTML meta 元素 2.6 HTML script 元素 3. 字符实体五、细节 1. 文档类型常用的 DOCTYPE 声明 HTML 5： <!DOCTYPE html> HTML 4.01 2. 头部分 2.1. HTML title 元素 <title> 标签定义文档的标题。 2.2. HTML base 元素 <base> 标签为页面上的所有链接规定默认地址或默认目标（target）当页面有很多超链接，需要在新的页面打开，一个个处理起来或者修改某个很麻烦： <base target= "_blank" /> /*所有的超链接默认在新的页面打开*/ 页面有很多图片，当更换图片所在位置很麻烦，提出前面的路径，img标签里只留图片名。但是有个问题：超链接a和href也会加上此前缀，容易出错。 <base href= "./img/" /> 2.3. HTML link 元素 <link> 标签定义文档与外部资源之间的关系。 <link> 标签最常用于连接样式表： <head> <link rel= "stylesheet" type= "text/css

JavaScript--(1)基本内容

阅读更多关于 JavaScript--(1)基本内容

一个简单的JS脚本一个效果：鼠标移入div背景颜色变成红色，鼠标移出，背景颜色变回白色事件相应函数： onmouseover 鼠标移入 onmouseout 鼠标移出 <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > Title </ title > < style type = " text/css " > #tim { width : 200px ; height : 200px ; border : 1px solid black ; margin : 0 auto ; } </ style > </ head > < body > < div id = " tim " onmouseover = " tim.style.background= ' red ' " onmouseout = " tim.style.background= ' white ' " > </ div > </ body > </ html > 获取标签元素函数解释 document.getElementById('ID名') 返回这个id的元素 document.getElementByTagName('标签名') 返回所有这个标签名的元素的集合， 0索引

AngularJS之指令

阅读更多关于 AngularJS之指令

紧接上篇博客“ 初探AngularJS ” 一、前言在AngularJS中指令尤为重要且内容庞多，固单独提炼出来，梳理一番。如有错误，请不吝讲解。好了，言归正传，让我们一起走进Angular指令的世界。在上篇博客的前言部分提到，Angular的核心就是对HTML标签的增强。我们用到的诸如ng-app、ng-controller等等这些都是属于Angular指令，具体点，它们为Angular内置的指令。 Angular不仅提供了内置指令，它还允许我们自定义指令，不然Angular就太low咯。这也是本篇博客的核心：如何自定义指令。该篇博客原文地址： http://www.cnblogs.com/giggle/p/5746220.html 二、自定义指令 Angular为我们提供了.directive()这个方法，来定义指令。如下：正如上述代码所示，directive方法接受两个参数：name和factory_function。　　--name嘛，即为指令的名字，供我们调用时使用；　　--factory_function就是当我们调用指令时，指令的实际行为，并且factory_function通常返回一个对象，里面通过规定的设置项来定义指令。那么自定义指令中，我们都可以操作哪些设置项呢？如下： var app = angular.module('myApp', [

HTML5 （四）canvas绘图、WebGL、SVG

阅读更多关于 HTML5 （四）canvas绘图、WebGL、SVG

目录一、Canvas 1.1、创建canvas元素 1.2、画线 1.3、绘制矩形 1.4、绘制圆弧 1.5、绘制图像 1.6、绘制文字 1.7、随机颜色与简单动画二、WebGL 2.1、HTML5游戏开发 2.2.1、Cocos2D-HTML5 2.2.2、Egret（白鹭引擎）三、SVG 3.1、SVG Hello Wrold 3.2、多种引入SVG的方法 3.3、画直线 3.4、画椭圆 3.5、文本与矩形 3.6、向下兼容与图标四、示例下载一、Canvas canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API，它可以实现在网页中完成动态的2D与3D图像技术。<canvas> 标记和 SVG以及 VML 之间的一个重要的不同是，<canvas> 有一个基于 JavaScript 的绘图 API，而 SVG 和 VML 使用一个 XML 文档来描述绘图。SVG 绘图很容易编辑与生成，但功能明显要弱一些。 canvas可以完成动画、游戏、图表、图像处理等原来需要Flash完成的一些功能。、浏览器支持情况如下： 1.1、创建canvas元素 <canvas id="can" width="800" height="600">不支持Canvas</canvas> 以上代码创建了一个宽度为800像素，高度为600像素的canvas

jQuery快速入门

阅读更多关于 jQuery快速入门

一、jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 二、jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

十分钟玩转 jQuery、实例大全

阅读更多关于十分钟玩转 jQuery、实例大全

一、简介定义　　jQuery创始人是美国 John Resig，是优秀的 Javascript 框架；　　jQuery 是一个轻量级、快速简洁的 javaScript 库。源码戳这 jQuery对象　　jQuery产生的对象时jQuery独有的，只能自己调用书写规则　　支持链式操作；　　在变量前加"$"符号（var $variable = jQuery 对象）；　　注：此规定并不是强制要求。二、寻找元素选择器基本选择器、层级选择器、属性选择器与CSS类似，这里不再细说，详细猛戳这里。基本筛选器 $('li:first') //第一个元素 $('li:last') //最后一个元素 $("tr:even") //索引为偶数的元素，从 0 开始 $("tr:odd") //索引为奇数的元素，从 0 开始 $("tr:eq(1)") //给定索引值的元素 $("tr:gt(0)") //大于给定索引值的元素 $("tr:lt(2)") //小于给定索引值的元素 $(":focus") //当前获取焦点的元素 $(":animated") //正在执行动画效果的元素内容选择器 $("div:contains('nick')") //包含nick文本的元素 $("td:empty") //不包含子元素或者文本的空元素 $("div:has(p)") /

订阅 meta标签