html笔记大全
HtmlTextWriter学习笔记
HtmlTextWriter学习笔记这两天正好在研究自定义控件制作，HtmlTextWriter在控件制作中发挥重要作用，能够帮助我快速生成html语句。
因此决定写下笔记，方便以后查阅。
HtmlTextWriter的名称空间是System.Web.UI，如果在winform程序下使用，不要忘了添加System.Web.dll引用。
HtmlTextWriter与Html32TextWriter这两个类不存在继承和被继承关系。
HtmlTextWriter支持Html4.0标准，而Html32TextWriter支持Html3.2标准，在msdn中一般不建议将Html32TextWriter实例话，它仅为支持低版本的浏览器而设计。
HtmlTextWriter初始化HtmlTextWriter的构造函数要求必须传递一个与TextWriter接口兼容的实例。
大家可以根据需要选择合适的TextWriter 接口实现类，因为该类的选择将决定最终生成的Html文本的输出方式，例如我想把结果输出到一个TextBox中，于是我就使用了StringWriter类的实例作为参数传入：StringWriter sw=new System.IO.StringWriter();HtmlTextWriter writer=new HtmlTextWriter(sw);如果要获得结果，只需要使用sw.toString()就可以了。
注意，HtmlTextWriter本身不提供输出方法或属性。
HtmlTextWriter常用方法1. void RenderBeginTag(HtmlTextWriterTag tagKey)用于创建Html开始标签，如<body>，这里的HtmlTextWriterTag是一个枚举类型，里面有所有的标准Html4.0标签枚举值，如果我要使用添加body标签，就是RenderBeginTag(HtmlTextWriterTag.Body)2. void RenderEndTag()与RenderBeginTag一一对应，有几个RenderBeginTag就必须有几个RenderEndTag，当然，RenderEndTag不一定要马上跟在对应的RenderBeginTag之后，要根据Html语句决定。
HTML5Canvas学习笔记（canvas绘制线条、矩形、多边形、圆、自定义图像）
HTML5Canvas学习笔记（canvas绘制线条、矩形、多边形、圆、⾃定义图像）⼀、对 canvas 的理解 <canvas>标签是 HTML5 中的新标签，像所有的 dom 对象⼀样它有⾃⼰本⾝的属性、⽅法和事件。
canvas 是⽤来在⽹页上绘制图形的（我们通常称之为画布），canvas 只是图形容器，需要使⽤ js 脚本来绘制图形，可以绘制线条、矩形、多边形、圆形、圆环、组合图形、⽂字、⾃定义图像等。
浏览器⽀持注释：Internet Explorer 8 以及更早的版本不⽀持 <canvas> 标签。
Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari ⽀持 <canvas>标签。
⼆、基本⽅法绘图环境： 语法 Canvas.getContext(contextID) 参数contextID指定了您想要在画布上绘制的类型。
当前唯⼀的合法值是 "2d"，它指定了⼆维绘图，并且导致这个⽅法返回⼀个环境对象，该对象导出⼀个⼆维绘图API。
【注】：getContext() ⽅法返回⼀个⽤于在画布上绘图的环境。
getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的⽅法。
绘制图形样式style（⼀般在绘制图形前先进⾏样式设定）：context.fillStyle //填充样式context.strokeStyle //笔触颜⾊context.lineWidth //边框宽度绘制图像有两种⽅法：context.fill() //填充context.stroke() //绘制边框颜⾊的表⽰⽅式:颜⾊名称:"red" "green" "blue"⼗六进制颜⾊值: "#FFFFFF"三⾊值：rgb(1-255,1-255,1-255)四⾊值：rgba(1-255,1-255,1-255,透明度)三、使⽤ <canvas> Step1: ⾸先在html页⾯中添加<canvas>标签，规定好画布的id和尺⼨，代码如下：<!--规定了canvas元素的id名称为canvas、宽度为400px、⾼度为300px--><canvas id="myCanvas" width="400" height="300"/> Step2: 通过JavaScript来进⾏绘制： ⽅法⼀：<!--⽤⾕歌浏览器，获取canvas对象时需要先加载对象，所以要把该段代码放到body中，在js⽂件⾥进⾏绘制图像--><script src="canvas.js"></script> ⽅法⼆：<!--或者直接在body⾥编写代码--><script type="text/javascript"> var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.fillStyle = "#FF0000"; context.fillRect(50,50,150,100);</script> 图解： Step3: Step2 分步骤： 通过id来捕获canvas元素 创建 context 对象 指定 fillStyle 填充颜⾊为红⾊指定 fillRect ：fillRect(起始点x轴坐标, 始点y轴坐标, 宽度, ⾼度);四、实例1--绘制线条： context.moveTo(x,y) context.lineTo(x,y)x:x坐标y:y坐标起点 moveTo 的点到终点 lineTo 的点之间画⼀条直线如果没有moveTo那么第⼀次lineTo的效果和moveTo⼀样每次lineTo后如果没有moveTo，那么下次lineTo的开始点为前⼀次lineTo的结束点1 1 // 绘制对⾓线2 2 function demo1(id){3 3 var canvas = document.getElementById(id);4 4 var context = canvas.getContext("2d");5 5 6 6 context.strokeStyle = "#ff0000";7 78 8 context.moveTo(0,0);9 9 context.lineTo(200,100);10 10 context.stroke();11 11 }View Code实例结果：1// 绘制直⾓三⾓形2function demo1(id){3var canvas = document.getElementById(id);4 var context = canvas.getContext("2d");5 6 context.strokeStyle = "#ff0000";78 context.lineTo(20, 20);9 context.lineTo(20, 70);10 context.lineTo(70, 70);11 context.lineTo(20, 20);12 context.stroke();13 }View Code【注】：1. 三⾓形有三个点，但在连线的时候还需要连回顶点；2. 最后⼀定记得加上 stroke(); 初学时容易犯这个⽑病，这相当于你把点定好了，却没⽤线连起来，岂不......实例结果：CSS属性中有⼀圆⾓设置 radius，canvas画线段也要达到这种圆⾓匾额效果，我么也有相应的办法： lineJoin 属性,可以设置线的交汇处的样式，lineJoin有3个属性值：miter(尖⾓，默认)，bevel（斜⾓）,round（圆⾓） lineCap 属性，定义线条的端点。
HTML5+CSS3笔记
HTML5一、HTML5 概述二、HTML5基本格式一．HTML5 文档结构1.第一步：打开Sublime Text 3，打开指定文件夹；2.第二步：保存index.html 文件到磁盘中，.html 是网页后缀；3.第三步：开始编写HTML5 的基本格式。
<!DOCTYPE html> //文档类型声明<html lang="zh-cn"> //表示HTML 文档开始<head> //包含文档元数据开始<meta charset="utf-8"> //声明字符编码<title>基本结构</title> //设置文档标题</head> //包含文档元数据结束<body> //表示HTML 文档内容<a href="">百度</a> //一个超链接元素（标签）</body> //表示HTML</html> //表示HTML 文档结束二．文档结构解析1.Doctype文档类型声明（Document Type Declaration，也称Doctype）。
它主要告诉浏览器所查看的文件类型。
在以往的HTML4.01 和XHTML1.0 中，它表示具体的HTML 版本和风格。
而如今HTML5 不需要表示版本和风格了。
<!DOCTYPE html> //不分区大小写2.html 元素首先，元素就是标签的意思，html 元素即html 标签。
html 元素是文档开始和结尾的元素。
它是一个双标签，头尾呼应，包含内容。
这个元素有一个属性和值：lang="zh-cn"，表示文档采用语言为：简体中文。
<html lang="zh-cn"> //如果是英文则为en3.head 元素用来包含元数据内容，元数据包括：<link>、<meta>、<noscript>、<script>、<style>、<title>。
HTML5学习笔记--------》HTML5概要与新增标签！
HTML5学习笔记--------》HTML5概要与新增标签！⼀、HTML5概要1.1、为什么需要HTML5HTML4陈旧不能满⾜⽇益发展的互联⽹需要，特别是移动互联⽹。
为了增强浏览器功能Flash被⼴泛使⽤，但安全与稳定堪忧，不适合在移动端使⽤（耗电、触摸、不开放）。
HTML5增强了浏览器的原⽣功能，符合HTML5规范的浏览器功能将更加强⼤，减少了Web应⽤对插件的依赖，让⽤户体验更好，让开发更加⽅便，另外W3C从推出HTML4.0到5.0之间共经历了17年，HTML的变化很⼩，这并不符合⼀个好产品的演进规则。
1.2、什么是HTML5HTML5指的是包括HTML、CSS和JavaScript在内的⼀套技术组合。
它希望能够减少⽹页浏览器对于需要插件的丰富性⽹络应⽤服务（Plug-in-Based Rich Internet Application，RIA），例如：AdobeFlash、Microsoft Silverlight与Oracle JavaFX的需求，并且提供更多能有效加强⽹络应⽤的标准集。
HTML5是HTML最新版本，2014年10⽉由万维⽹联盟（W3C）完成标准制定。
⽬标是替换1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联⽹应⽤迅速发展的时候，使⽹络标准达到匹配当代的⽹络需求。
1.3、HTML5现状及浏览器⽀持⼤部分主流浏览器已经⽀持HTML5，但是各个浏览器⽀持的⽅式以及语法有所差异性。
⽀持Html5的浏览器包括Firefox（⽕狐浏览器），IE9 及其更⾼版本，Chrome（⾕歌浏览器），Safari，Opera等现代浏览器。
⽀持得分：如果想了解更多请看本⽂的兼容性那⼀节的内容。
PC端（总分555分）：平板（总分555分）：移动（总分555分）：1.4、HTML5特性HTML5 ⼋个特性类别对应的8个Logo 语义⽹、离线&存储、设备访问、通信多媒体、图形和特效、性能和集成、呈现（CSS3）1.4.1. 语义特性（Class：Semantic）HTML5赋予⽹页更好的意义和结构。
HTML制作1-2课时个人笔记
HTML单机独立网页WWW 是world wide web(环球信息网)的缩写，也可简称为web,中文名为“万维网”。
http协议超文本传输协议用于从WWW服务器传输超文本到本地浏览器的传送协议网页首页（主页）内页（分页）内页一般为信息的载体，外爷一般为连接点HTML即超文本标记语言，或成为“多媒体文件语言”，可以标记超链接、文本样式、页面标题、插入图片或动画等多媒体元素，以此来创建Web页面HTML文件是有HTML命令组成的描述性文本，原则上可以用任何文本编辑器对其进行编辑。
一个基本的HTML文档的结构应该包括头部（Head）、主体（Body)两大部分。
头部描述浏览器所需的信息，主体包含所要页面的具体内容。
HTM超文本标记语言的标记符是通过标签（也叫标记符）来定义网页内容的。
HTML超文本标记语言表在使用过程中，所有的标签都必须用家括号括起来。
HTML中的表情大多是成对出现的，而后面的标签都是在前面标记的文字之前应加一个“/”，如<A> </A> 或<HTML> </HTML>等，在一对标签中前面表示开始后面表示结束。
HTML基本机构如下所示：<HTML><HEAD><TITLE>冬奥会中国代表队载誉归来</TITLE> (这里显示的是文档或网页标题)</HEAD><BODY>新华社北京2月28电参加****往机场迎接</BODY></HTML>其中<HTML>是最外层，表示这对标记间的内容是HTML文档，<HEAD>是头部信息<TITLE>是标题，<BODY>和</BODY>之间及就是网页文档内容。
HTML常见标签：<!-- --> :注释标记，在“<--”与“-->”之间的内容不在浏览器中显示。
HTML笔记
Microsoft Jscript 提供了11 个内部（或“内置”）对象。
它们是Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、Error 以及String 对象。
Number 对象除了Math对象中可用的特殊数值属性（例如PI）外，在 Microsoft Jscript 中，Number 对象有几个其他的数值属性。
Microsoft JScript 特性- ECMAJScript 字母顺序的关键字列表编码函数escape()：将非字母、数字字符转换成ASCII码求值函数eval()：•事件：用户对浏览器所做的特定的动作（操作），是实现交互操作的一种机制。
事件名称适用对象意义说明Abort i mage 终止当图形尚未完全加载前Blur 失去焦点Change t/pw/ta/select 改变DragDrop window 拖曳Error img/win 错误加载文件或图形时发生错误Focus 取得焦点Move w indow 移动Reset form 重置Submit formClick/DblClick、KeyDown/KeyPress/KeyUp、Load/Unload、MouseDown/MouseUp/MouseOver/MouseOut/MouseMove窗口对象的属性和方法：格式：[window.]属性[window.]方法（参数）opener.属性opener.方法（参数）self.属性self.方法（参数）parent.属性parent.方法（参数）top.属性top.方法（参数）窗口名称.属性窗口名称.方法（参数）•窗口对象的属性：document 当前文件的信息location 当前URL的信息name 窗口名称status 状态栏的临时信息defaultStatus 状态栏默认信息history 该窗口最近查阅过的网页closed 判断窗口是否关闭，返回布尔值opner open方法打开的窗口的源窗口outerHeight 窗口边界的垂直尺寸，pxouterWidth 窗口边界的水平尺寸，pxpageXOffset 网页x-position的位置pageYOffset 网页y-position的位置innerHeight 窗口内容区的垂直尺寸，pxinnerWidth 窗口内容区的水平尺寸，pxscreenX 窗口左边界的X坐标screenY 窗口上边界的Y坐标self 当前窗口top 最上方的窗口parent 当前窗口或框架的框架组frames 对应到窗口中的框架length 框架的个数locationbar 浏览器地址栏menubar 浏览器菜单栏scrollbars 浏览器滚动条statusbar 浏览器状态栏toolbar 浏览器工具栏offscreenBuffering 是否更新窗口外的区域personalbars 浏览器的个人工具栏，仅Navigator•窗口对象的方法：alert(信息字串) 弹出警告信息confirm(信息字串) 显示确认信息对话框prompt(提示字串[，默认值]) 显示提示信息，并提供可输入的字段atob(译码字串) 对base-64编码字串进行译码btoa(字串) 将进行base-64编码back() 回到历史记录的上一网页forward() 加载历史记录中的下一网页open(URL，窗口名称[，窗口规格])focus() 焦点移到该窗口blur() 窗口转成背景stop() 停止加载网页close()enableExternalCapture() 允许有框架的窗口获取事件disableExternalCapture() 关闭enableExternalCapture()captureEvents(事件类型) 捕捉窗口的特定事件routeEvent(事件) 传送已捕捉的事件handleEvent(事件) 使特定事件的处理生效releaseEvents(事件类型) 释放已获取的事件moveBy(水平点数，垂直点数) 相对定位moveTo(x坐标，y坐标) 绝对定位setResizable(true|false) 是否允许调整窗口大小resizeBy(水平点数，垂直点数) 相对调整窗口大小resizeTo(宽度，高度) 绝对调整窗口大小scroll(x坐标，y坐标) 绝对滚动窗口scrollBy(水平点数，垂直点数) 相对滚动窗口scrollTo(x坐标，y坐标) 绝对滚动窗口setInterval(表达式，毫秒)setTimeout(表达式，毫秒)clearInterval(定时器对象)clearTimeout(定时器对象)home() 进入浏览器设置的主页find([字串[,caseSensitivr,backward]]) 查找窗口中特定的字串print()setHotKeys(true|false) 激活或关闭组合键setZOptions() 设置窗口重叠时的堆栈顺序•窗口对象的事件处理程序：onBlur onDragDrop onError onFocus onLoad onMove onResize onUnload•屏幕对象：描述屏幕的显示及颜色属性。
传智 韩顺平 html+css+javascrtpt 课程笔记3(吐血整理)
javascript 3=============================================================================== 1.Dom（文档对象模型）编程简介DOM = Document Object Model(文档对象模型)，根据W3C的DOM规范，DOM是HTML 与XML的应用编程接口（API），它将整个页面映射为一个由层次节点组成的文件。
编程人员通过访问dom 对象，就可以实现对浏览器本身、网页文档、网页文档中元素的操作，从而控制浏览器和网页元素的行为和外观。
2.html dom层次图dom编程的核心是各个dom 对象。
HTML DOM定义了访问和操作HTML文档的标准方法。
HTML DOM把HTML文档呈现为带有元素、属性和文本的树结构(节点树)，每个节点是一个HTML DOM内置对象。
3.BOM（浏览器对象模型）介绍通过使用BOM，可移动窗口、更改状态栏文本。
bom 是w3c 组织提出的，他建议所有的浏览器都应当遵循这样的设计规范。
可以说bom 和dom 关系密切, 相互影响，bom 为纲，dom为目，我们可以简单的理解，dom 是bom 中document的具体实现。
要求浏览器必须支持4.常用dom对象window对象window 对象表示一个浏览器窗口或一个框架。
在客户端JavaScript中，Window 对象是全局对象，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来用。
注：在使用window对象的方法和属性的时候，可以不带window，如下window.alert(“韩顺平!”)等价于：alert(“韩顺平”)。
常用方法和属性：✧alert() 显示消息和一个确认按钮的警告框✧confirm() 显示消息以及确认按钮和取消按钮的对话框✧setInterval() 按照指定的周期(毫秒计)来循环调用函数或计算表达式✧clearInterval() 取消由setInterval()设置的定时器✧setTimeout() 指定的毫秒数后调用一次函数或计算表达式✧clearTimeout() 取消由setTimeout()设置的定时器✧moveTo() 把窗口的左上角移动到一个指定的坐标✧moveBy() 可相对窗口的当前坐标把它移动指定的像素✧resizeBy() 按照指定的像素调整窗口的大小✧resizeTo() 把窗口的大小调整到指定的宽度和高度✧open() 打开一个新的浏览器窗口或查找一个已命名的窗口✧close() 关闭窗口✧closed 返回窗口是否已被关闭✧status 设置窗口状态栏的文本✧opener 返回对创建此窗口的窗口的引用✧onload 页面装载✧onunload 关闭窗口案例：一个js版用户登录系统，当用户输入顺平密码是123，就跳到第二个页面，5秒后，自动跳转到第三个页面。
HTML笔记
HTML筆記●在一個表格中增加一行:<table id=idTB><tr><td>……</td></tr></table><script>oTR=idTB.insertRow(); oTD=idTB.insertCell() ;</script> 注意的是：每格的插入是從最后的單元格開始插入，可以通過idTB.rows.length來獲得表行數。
●可先用<span id="txt"></span>在一個地方做個標記，然後引用如javascript:document.getElementById('txt').innerText='数据查询中,请稍后........';等方法可以在指定的地方輸出所想要的東西，取消的話用document.getElementById('txt').style.display = "none";來隱藏輸出的東西。
●先在一張圖的屬性中設定usemap=#mapname,然後可以用<map name=mapname><areashape=rect cords=x1,y1,x2,y2 href=”xxxx.php”target=_blank></map>來指定圖片的某個區域的熱連接。
●各种媒体文件在线播放代码1.mid格式<embed src="<:FILENAME:>" type="audio/midi" hidden="false" autostart="true" loop="true"height="20" width="200"></embed>2.mp3格式<embed controller="true" width="200" height="20" src="<:FILENAME:>" border="0"pluginspage="/quicktime/download/indext.html"></embed>3.avi格式<embed src="<:FILENAME:>" border="0" width="<:WIDTH:>" height="<:HEIGHT:>"type="application/x-mplayer2"></embed>4.flash格式<embed src="<:FILENAME:>"pluginspage="/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="<:WIDTH:>" height="<:HEIGHT:>"play="true" loop="true" quality="high" scale="showall" menu="true"></embed>5.mpg格式<embed src="<:FILENAME:>" border="0" width="<:WIDTH:>" height="<:HEIGHT:>"type="application/x-mplayer2"></embed>6.mov格式<embed controller="true" width="<:WIDTH:>" height="<:HEIGHT:>" src="<:FILENAME:>"border="0" pluginspage="/quicktime/download/indext.html"></embed>7.rm格式<OBJECT>" height="<:HEIGHT:>"><PARAM NAME="CONTROLS" V ALUE="ImageWindow"><PARAM NAME="AUTOSTART" Value="true"><PARAM NAME="SRC" V ALUE="<:FILENAME:>"><embed height="<:HEIGHT:>" width="<:WIDTH:>" controls="ImageWindow"src="<:FILENAME:>?embed" type="audio/x-pn-realaudio-plugin" autostart="true" nolabels="0"autogotourl="-1"></OBJECT>8.anthware格式<object classid="CLSID:15B782AF-55D8-11D1-B477-006097098764"codebase="/pub/shockwave/cabs/authorware/awswax65.cab#version=6,5,0,66"; width="640" height="480"><param name="SRC" value="sdfs.aam"><param name="PALETTE" value="background"><param name="WINDOW" value="inPlace"><param name="BGCOLOR" value="#FFFFFF"><embed src="sdfs.aam" palette="background" window="inPlace" bgcolor="#FFFFFF"pluginspage="/shockwave/download/index.cgi?P1_Prod_Version=Shock waveAuthorware"; type="application/x-authorware-map" width="640" height="480">●<body onLoad= alert("你要写的话")>開啟网頁時彈出對話框。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.HTML的简介2.HTML: 超文本标记语言，网页语言。
超文本标记语言：超出文本的范畴。
标记：HTML所有操作都是通过标签实现的。
标签就是标记。
<标签>HTML的后缀.htm 或者.html 。
HTML规范：开始<html>结束</html>。
成对出现。
特殊的标签单个出现<br/>换行。
内容：1.<head>设置相关内容</head> <title>标题</title>2.<body>显示在页面上的内容</body>3.标签成对出现<head></head>4.标签不区分大小写。
5.有些标签没有结束标签，在标签内结束，<hr/>水平线。
HTML的核心思想（*****）网页很多数据，不同的数据需要显示的效果不一样，这个时候需要使用标签把要操作的数据（包装起来），通过修改标签的属性值实现标签数据样式的变化。
一个标签相当于一个容器，想要修改容器内的样式，只需要改变容器的属性值，就可以实现容器内数据的样式变化。
HTML最常用的标签3.文字标签和注释标签*文字标签：修改文字的样式- <font></font>属性 size:文字的大小范围1-7 超出默认为7。
color：文字颜色两种表示：1.英文单词：red green 。
2.使用16进制表示#ffffff*注释标签：<!-- html的注释 --> 。
4.标题标签，水平线标签和特殊字符标题标签：大小依次变小自动换行<h1></h1><h2></h2><>……水平线标签：<hr/> 属性：**Size:水平线粗细 **Color:颜色代码<hr size=”5” color=”blue”/><br/><br/>换2行。
特殊字符: <:< >:> 空格： & : & 5.列表标签展示效果<dl>传智播客 <dt>传智播客</dt>财务部 <dd>财务部</dd>学工部 <dd>学工部</dd>人事部 <dd>人事部 </dd></dl>***<dl></dl>:表示列表范围***<dt></dt>:表示上层内容***<dd></dd>:表示下层内容***<dd></dd>:表示下层内容***………………………………………..****<ol></ol>:有序列表的范围属性type:设置排序方式 1（默认）a i。
**在ol标签里面<li>具体内容</li>代码：<ol><li>财务部</li><li>学工部</li><li>人事部</li></ol>****<ul></ul>:有序列表的范围属性type: 实心圆circle 空心圆disc 实心方块square ,默认disc5、图像标签（******）<img src=”图片的路径”width=””height=””alt=”图片上显示的文字”/> --src:图片的路径--width:图片的宽度–height：图片的高度–alt：图片上显示的文字。
6、路径的介绍**绝对路径：完整的路径。
**相对路径：一个文件相对于类外一个文件的位置。
**html文件和图片在同一个路径下，直接把名字写在路径下。
**图片在html下一层的路径，把后面的路径拿过来用。
**图片在html上一层的路径， ../加上图片的名字。
../../ 表示上2层路径。
7、案例联系*<pre>原样输出标签</pre>8、超链接标签（*****）***链接资源<a href=”链接到资源的路径”> 顶部</a>href: 链接的资源的地址，里面的如果是空链接时”#”表示。
target:设置目标打开的方式，默认在当前页打开。
_blank : 在新的页面打开。
_self : 在当前页面打开。
***定位资源***如果想定位资源：定义一个位置<a name=”top”>顶部</a>**回到这个位置<a href=”#top”>回到顶部</a>9、表格标签（*****重要的很******）<table>表格的范围属性：border=”1” bordercolor=”blue”cellspacing=”0”width=”40”height=”40”.border:表格线 bordercolor:表格线颜色 cellspacing:单元格之间的距离。
<tr align=”left”>表示行</tr> <td>在行标签的里面表示行里面的单元格</td>在tr和td标签下属性：显示方式 align: left center right***<th>表格实现居中加粗标签</th>***表格标题写着table里面***<caption>表格标题标签</ caption ><tr> *** 表示几行。
<td></td> *** 表示每行的单元格。
<td></td><td></td></tr></table>表格技巧：先数有几行有几行就有几个<tr></tr>，在数每行有多少个单元格<td></td>。
**合并单元格跨行:rowspan=”几行”跨列:colspan=”几列”10、表单标签<form>表示定义一个表单的范围</form>****** form里面的属性***action=”路径”数据跳到页面。
***method=”请求的方式”有以下2种。
1.get和post,默认是get。
2.get请求携带提交数据，安全性低，数据大小有限制。
Post相反。
*****enctype:做文件上传需要设置这个属性。
**输入项：可以输入内容和选择内容的部分。
必须加一个name 属性。
必须有一个value属性值--大部分的输入项使用<input type=”输入项类型”/>***普通输入项：<input type=”text”/><br/>***密码输入项：<input type=”password”/><br/>***单选输入项：<input type=”radio”/><br/>***文件输入项：<input type=”file”/> 上传用。
--- 在里面加属性：name=””----Name属性值一定要一样**实现默认选项 checked=”checked”放在想选择的属性上。
***多选输入项：<input type=”checkbox”/><br/>--- 在里面加属性：name=””----Name属性值一定要一样----必须有一个value属性值。
必须加一个name 属性。
***下拉输入项（不是在input标签里面的）。
<select name=”birth”name=”mingzi” ><option value=”1992”>1992 selected=”selected”</option> *** 选项 <option value=”1993”>1993</option><option value=”1993”>1993</option></select>**实现默认选项 selected=” selected”放在想选择的属性上***文本域<textarea cols=”20” rows=”10”></textarea>***隐藏项（代码中有而在页面上不会显示）<input type=”hidden”/>***提交按钮<input type=”submit” value=”按钮上的字”/>输入项name的值=输入的值***参数类似于key=value形式.***图片提交按钮：<input type=”image “src=”图片路径”/>**重置按钮(回到输入项的初始状态)<input type=”reset” value=”按钮上的字”/>**普通按钮<input type=”button” value=”按钮上的字”/>11、案例：使用表单来实现注册页面。
-------使用表格实现页面效果。
-------超链接不想要她有结果 href=”#”-------如果表格里面的单元格没有内容，使用空格作为占位符&nasp;-------使用图片提交表单<input type=”image”src=”图片的路径”/>。
12、html中其他的常用标签的使用b：加粗s：删除线u：下划线i：斜体pre:原样输出sub:下标sup:上标div:自动换行显示块span:不会自动换行在一行显示块p:段落标签比br标签多换一行。
13、html的头标签的使用*html两部分组成head和body**在head里面的标签是头标签**title:表示游览器显示的内容。
**meta:设置页面上的一些内容。
<meta name=”keywords”content=”毕姥爷，熊出没，刘翔”>**content:内容的意思。
<meta http-equiv=”refresh”content=”3”;url=”绝对定位的地址”/>refresh:刷新后面3表示内容刷新的时间为3秒.**base标签：设置超链接的基本设置<base target=”_blank”/>**link标签：引入外部文件**明天css，可以使用link标签引入css文件。