一、了解HTML、CSS、JS1、HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2、CSS样式是表现。用来改变内容外观的东西称之为表现，如标题字体、颜色变化等，就像网页的外衣。3、JavaScript是用来实现网页上的特效效果。动画的、有交互的。如鼠标滑过弹出下拉菜单、鼠标滑过背景颜色改变、新闻图片的轮换等。二、html文件基本结构<html> <head>.....</head> <...
XHTML可扩展的超文本标记语言文档声明： DTD：html5与html4的区别html5新增的元素：结构元素：section ，article， aside， header，hgroup，footer, nav, figure其他元素： video，audio, canvas, input，元素类型：Email， 全局属性：contentEditabledisignModehiddenspellchecktabindex<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <h2>contentEditable</h2...
创建数组：$products = array(‘a‘,‘b‘,‘c‘);range(1,10); //1-10的数字数组 访问数组内容：$products[0]; $products[3] = ‘d‘; //增加元素循环访问：for ($i = 0; $i < 3; $i++){echo$products[$i]." "; }foreach ($productsas$current){echo$current. " "; } 关联索引：$prices = array(‘a‘=>100, ‘b‘=>10, ‘c‘=>4);循环：foreach ($pricesas$key => $value) {echo$key." - ".$value."<br />"; }orwhile ($el...
1>有序列表、无序列表和自定义列表<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title></head><body><!-- 有序列表 --><ol type="a"><li>有序列表1</li><li>有序列表2</li><li>有序列表3</li><li>有序...
1、HTML文本格式化文本格式化标签：<b>定义粗体文本<big>定义大号字<em>定义着重文字<strong>定义加重语气<i>定义斜体字<small>定义小号字<sub>定义下标字<sup>定义上标字<ins>定义插入字<del>定义删除字<html><body><b>粗体字</b><br /><strong>加重语气</strong><br /><big>大号字</big><br /><em>着重文字</em><br /><i>斜体</i><br /><small>小号字</small><br /> 文本<sub>下标</sub>文本<sup>上标</sup><br /> 一二三<ins>六...
常用爬虫。0.Snoopy是什么? （下载snoopy） Snoopy是一个php类，用来模仿web浏览器的功能，它能完成获取网页内容和发送表单的任务。 Snoopy的一些特点: * 方便抓取网页的内容 * 方便抓取网页的文本内容 (去除HTML标签) * 方便抓取网页的链接 * 支持代理主机 * 支持基本的用户名/密码验证 * 支持设置 user_agent, referer(来路), cookies 和 header content(头文件) * 支持浏览器转向，并能控制转向深度 * 能把网页中的链接扩展成高...
1<!DOCTYPE html> 2<html> 3<head lang="en"> 4<meta chaset="UTF-8"> 5<title></title> 6</head> 7<body> 8<p name="pname">Hello</p> 9<p name="pname">Hello</p> 10<p name="pname">Hello</p> 11<p name="pname">Hello</p> 12<p name="pname">Hello</p> 13<a name="pname">Hello</a> 14<a id="aid" title="获取a标签的属性成功">aaaaaaa</a> 15<a id="aid2">aid2</a> 16 17<ul><li>1</li><li>2</li><li>3</li></ul><!--...
<pre>标签的主要作用是预格式化文本。被包围在 pre 标签中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。<pre>标签的一个常见应用就是用来表示计算机的源代码。当然你也可以在你需要在网页中预显示格式时使用它。会使你的文本换行的标签（例如<h>、<p>）绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。原文：http://www.cnblogs.com/m...
<script>元素<script>属性：async：可选。表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。charset：可选。表示通过 src 属性指定的代码的字符集。由于大多数浏览器会忽略它的值，因此这个属性很少有用。defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。 IE7 及更早版本对嵌入脚本也支持这个属性。language：已废弃。原来用...
HTML 链接 HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 HTML 超链接（链接） HTML使用标签 <a>来设置超文本链接。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。在标签<a> 中使用了href属性来描述链接的地...
checkbox复选，radio单选 1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<title>Document</title> 6</head> 7<body> 8<!-- 复选框跟文字联动，需要label标签包裹，并且label里的for是input的id --> 9<label for="apple"><input type="checkbox" id="apple">苹果</label>10<label for="banana"><input type="checkbox" id="banana">香蕉</label>11<label for="peach"><input type="checkbox" id="peach">桃...
一、 input type=file与文件上传本文所说的input type=file指的是type类型是file的input元素，最简HTML代码如下：<input type=file> 但是，为了习惯，我们多写成：<input type="file"> 在HTML5出现之前(XHTML)，我们的闭合规则则有些出入：<input type="file" /> 顾名思义，选择文件，并上传文件。在HTML5还没有出现之前，原生的fileinput表单元素只能让我们一次上传一张图片。无法满足一次上传多图的交互需求，所以，很多场景，就...
contenteditable属性 任何元素使用contenteditable属性的话，代表该元素是一个可编辑的区域。用户可以改变元素的内容以及操作标记。例如：<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p> 该属于有3种值可选：true, false和空字符，空字符代表true。 而对<iframe id="editor"></iframe>框架页面可以通过JS程序代码来实现：editor.document.designMode="on" 。 contextmenu属性 contextmenu属性用来指...
也就是说本来你排好的界面设计，但是因为浮动会导致元素脱离文档流，使得其他非浮动的块级元素会无视这个浮动元素所占据的空间，或者是内联元素的变化，导致排版出现问题。常见的float带来的问题：这就是问题的所在，那么如何对这些问题进行解决的同时有不会使float失去效果呢？ 参考资料：http://www.iyunlu.com/view/css-xhtml/55.htmlhttp://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.htmlhttps://segmentfault...
<!-- 专用于jsp到jsp/html的转发控制器 --><bean name="/index.action" ><!-- 转发到真实视图名 --><property name="viewName" value="/WEB-INF/05_index.jsp"/></bean><%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>演示二个控制器</title></head><body><a href="${pageContext.request.contextPath}/index.action" >首页</a> <hr/><for...