html语言 | 易学教程

前端开发必备的Sublime 3插件

阅读更多关于前端开发必备的Sublime 3插件

一、安装Sublime Text3 网址：http://www.sublimetext.com/3 注册码：（ sublime Text3汉化和激活注册码） ----- BEGIN LICENSE ----- sgbteam Single User License EA7E-1153259 8891CBB9 F1513E4F 1A3405C1 A865D53F 115F202E 7B91AB2D 0D2A40ED 352B269B 76E84F0B CD69BFC7 59F2DFEF E267328F 215652A3 E88F9D8F 4C38E3BA 5B2DAAE4 969624E7 DC9CD4D5 717FB40C 1B9738CF 20B3C4F1 E917B5B3 87C38D9C ACCE7DD8 5F7EF854 86B9743C FADC04AA FB0DA5C0 F913BE58 42FEA319 F954EFDD AE881E0B ------ END LICENSE ------ 二、安装 package control 说明网址： https://packagecontrol.io/installation 自动安装（代码安装）方法： 1、按住Ctrl+~键，调出控制台。 2、输入： import urllib.request,os,hashlib;

day15 CSS JS DOM初探

阅读更多关于 day15 CSS JS DOM初探

居中 line-hight 是上下 text-line 是左右实现一个返回顶部的功能： 1 先写好CSS 2 写动作JS 写一个悬浮菜单： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .pg-header{ margin: 0 auto; height: 48px; width:980px; background-color: aquamarine; color: coral; position: fixed; top: 0; left: 20px; right: 20px; line-height: 48px; text-align: center; } .pg-body{ margin: 0 auto; background-color: #dddddd; width:980px; height: 5000px; margin-top: 50px; } </style> </head> <body> <div class="pg-header">此处为菜单</div> <div class="pg-body">此处为内容</div> </body> </html> 效果：上下滚动菜单始终固定在顶部实现一个点赞按钮的效果： <

freemarker【FTL】常见语法大全

阅读更多关于 freemarker【FTL】常见语法大全

FreeMarker的插值有如下两种类型:1,通用插值${expr};2,数字格式化插值:#{expr}或#{expr;format} ${book.name?if_exists } //用于判断如果存在,就输出这个值 ${book.name?default(‘xxx’)}//默认值xxx ${book.name!"xxx"}//默认值xxx ${book.date?string('yyyy-MM-dd')} //日期格式 ${book?string.number} 20 //三种不同的数字格式 ${book?string.currency}--<#-- $20.00 --> ${book?string.percent}—<#-- 20% --> <#assign foo=ture /> //声明变量,插入布尔值进行显示 ${foo?string("yes","no")} <#-- yes --> 大小比较符号使用需要注意:(xml的原因),可以用于比较数字和日期使用lt、lte、gt和gte来替代<、<=、>和>= 也可以使用括号<#if (x>y)> 内置函数: 调用区别于属性的访问,使用?代替. 常见的一些内置函数对于字符串 html－对字符串进行HTML编码 cap_first－使字符串第一个字母大写 lower_case－将字符串转换成小写 trim

大湿教我写.net通用权限框架(1)之菜单导航篇

阅读更多关于大湿教我写.net通用权限框架(1)之菜单导航篇

一、女神也爱玩撸码 “在么，亲。” “在！在！有,有事么”(我真睡醒了么！垂涎了好久的女神呀！高中同学,高一向她表白,"我想找个170以上的"，高二等我长到170了“我想找个175的”，高三下血本买了双内增高“我喜欢178以上的，有安全感”）三分钟后.... "没事也可找我的."擦，我TM怎么这么不争气，不是发过誓等她主动跟我讲话的时候就送她一个字:滚! "有个网页不会做,你可不可以帮人家弄一下呀." "弄,一定给你弄得妥妥的." "坏死了,需求我离线发给你了,这个就靠你了啊." "恩,靠我,靠我就对了" QQ头像又黑掉了... 需求还好嘛.就是写一个采购单的录入界面而已. 二十分钟后收工，离线发送。 "亲,你好快呀,我先看看有没有问题哈,有问题还要麻烦你哦" 二、重湿AV之旅（此AV非彼AV详情请见上一篇博客《大湿教我写程序(2)之走向AV之路》） "亲,还有两个小问题耶,采购单录入界面的表头上的供应商要可以自动补全,自动补全用户体验会好很多，客户会感觉很人性化。那个东东我把要求用标出来的你看看哈,可能有点难哦。" "这东西对我来说就不叫个事儿,包在我身上." 这东西以前好像用过,自动补全的,ajaxcontroltoolkit,里面有CascadingDropDown控件. 引用一下ajaxcontroltoolkit,拉一个CascadingDropDown出来

网页布局基础

阅读更多关于网页布局基础

网页布局基础简介什么是网页布局？网页布局是网页制作的基础，使用DIV+CSS布局网页是基础中的基础。三种基本布局方式：流式布局，浮动布局，绝对定位布局。网页设计的特点：1：网页宽度可变 2头+内容主体（根据需要分栏）+页脚（不重要的内容）对长度设置百分比可实现网页自适应 W3C标准包括结构化标准语言，表现标准语言，行为标准语言，倡导结构，样式，行为分离。 CSS中，存在三种定位机制：标准文档流，浮动，绝对定位。标准文档流：从上到下，从左到右输出文档内容，由块级元素和行级元素组成。浮动：float属性left(左浮动) right(右浮动) none(不浮动) 元素会左移或右移，直至碰到容器为止。关于浮动的详细介绍参考我转载的《CSS浮动-float/clear》绝对定位： position属性拥有三种定位方式 1.静态定位(static) 2.相对定位(relative) 3.绝对定位(absolute fixed(固定定位)) 参考我前面的《CSS基础》有详细解释。相对定位的特点： 1.相对自身原有位置进行偏移 2. 仍处于标准文档流中，会占据原来的空间位置 3.拥有偏移属性和z-index属性，即空间层叠现象。绝对定位特点： 1.建立以包含块为基准的定位 2. 完全脱离了标准文档流 3.随即拥有偏移属性和z-index属性未设置偏移量时

3.前端笔记之JavaScript基础

阅读更多关于 3.前端笔记之JavaScript基础

作者：刘耀部分内容参考一下链接参考： http://www.cnblogs.com/wupeiqi/articles/5369773.html http://javascript.ruanyifeng.com/oop/basic.html http://www.cnblogs.com/gaojun/archive/2013/10/24/3386552.html 一、JavaScript简介 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。二、组成部分 ECMAScript，描述了该语言的语法和基本对象文档对象模型（DOM），描述处理网页内容的方法和接口。浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。三、一些简单案例注：显示结果请自行测试 1.简单的html输出 <script> document.write('<h1>我是你耀哥</h1>') </script> 此脚本请在开头测试，如果在尾部测试，那么会覆盖整个html页面 2.简单的点击按钮弹出提示 <!DOCTYPE html> <html> <head lang="en">

前端基础之JavaScript

阅读更多关于前端基础之JavaScript

一.JavaScript简介 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。二.JavaScript基础 2.1JS的引入直接编写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> alert("Hello JavaScript") </script> </head> <body> </body> </html> 导入文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="hello.js"></script> </head> <body> </body> </html> 2.2 JS的变量、常亮和标识符 2.2.1.JS的变量 x=5 y=6 z=x+y 在代数中，我们使用字母（比如 x）来保存值（比如 5）。通过上面的表达式 z=x+y，我们能够计算出 z 的值为 11。在

WebDriver的定位元素方法

阅读更多关于 WebDriver的定位元素方法

如果把页面上的元素看作人的话，在现实世界如何找到某人呢？方法有三：一、通过人本身的属性，例如他的姓名，手机号，身份证号，性别，这些可区别他人的属性。在web页面上的元素也有这些属性，例如，id、name、class name、tag name等。二、在找查某人的时候可以通过位置属性，例如，x国、x市、x路、x号。Xpath和CSS就提供了这种以标签名为层级关系的定位方式。三、可以借助相关他人的属性来找到某人，例如，我没有小明的联系方式，但我有他爸爸的手机号，那么通过他爸爸手机号也可以找到小明。Xpath和CSS同样提供通过相关元素来查找最终元素的方式。 WebDriver提供多种元素定位方法，下面用Python语言来介绍这些元素定位： 1、id定位 HTML规定id属性在HTML文档中必须是唯一的，这类似于公民的身份证号。webdriver提供的id定位方法就是通过元素的id属性来查找元素。例如通过id定位浏览器下百度输入框与百度搜索按钮，用法如下： find_element_by_id("kw") 百度输入框 find_element_by_id("su") 百度搜索即find_element_by_id()方法通过id属性来定位元素。 2、name定位 HTML规定name来指定元素的名称，就像人的姓名，所以不是唯一的。如通过name来定位百度输入框： find

Delphi操作XML文件(1)

阅读更多关于 Delphi操作XML文件(1)

拜读了万一老师的博客之Delphi中的XMLDocument类详解，受益颇深，但可能有些初学者读后不易理解（例如本人），特记录如下。 XML基本语法看一个简单的XML文档： <?xml version="1.0" encoding="ISO-8859-1"?> <people> <name>yufuzi</name> <sex>man</sex> <age>27</age> <description>I am a good man! </description> </people> XML 文档由一个 XML 声明和包含一些嵌套元素的一个根元素或标签构成。　　 1.声明语句<?xml ... ?>的作用是告诉浏览器或其它处理程序这个文档是XML文档。在每个 XML 文档的开始处必须包含声明.声明语句中的version表示文档遵守的XML规范的版本。encoding表示文档所用的语言编码，这个例子用的是"ISO-8859-1"西欧字符集。 2.XML元素指的是从该元素的开始标签到结束标签之间的这部分内容,如:<name>yufuzi</name>就称为一个元素,XML元素命名必须遵守下面的规则：元素的名字可以包含子母，数字和其他字符。元素的名字不能以数字或者标点符号开头。元素的名字不能以XML(或者xml，Xml,xMl...)开头。元素的名字不能包含空格。

web前端自学之路：我的HTML、CSS学习计划

阅读更多关于 web前端自学之路：我的HTML、CSS学习计划

前端自学大概的路线图因为刚开始学习，没有完整的前端知识体系，所以是大概的路线图，希望大家可以帮我一起修改完善。大致的思路是：1.先打好基础，在学习框架。基础方面主要涉及到的语言是Html、CSS、JavaScript，如果在这三个里面在挑基础的话应该就是Html、CSS了。所以，2.基础知识里面先学Html,CSS。 Html\CSS学习计划之前有过一个月的断断续续的学习，W3C的基础知识也看了，但是一到自己写页面还是不会。我就问自己为什么？我觉得可能的原因是，会HTML\CSS基础知识还不足以写出完整的静态页面，一定是我还缺少了某些知识和能力。我觉得一个最重要的能力是：拿到设计图，首先是分析它，而不是直接写代码。分析是一种能力，而HTML\CSS只是实现我们目标的工具，而掌握了HTML\CSS基础知识仅仅是掌握了如何使用这些工具，就像是我会搬砖，但并不知道怎么盖房子。我认为这种分析能力是需要通过做大量完整的页面来锻炼的。所以我大致的学习思路是：以最快的速度了解Html\CSS基础知识，然后至今开始做大量的完整的静态页面。下面会展开说我的学习计划以及一些资料。 1.快速掌握基本的HTML、CSS知识网上有很多免费的HTML\CSS教程，但是为了快速，我推荐[marksheet]，这个教程的好处是它先介绍了web方面的基础知识，让大家对web有个宏观上的了解

订阅 html语言